@charset "utf-8";

.sch-adm {margin-bottom: 1em; text-align:right;}
.sch-adm__btn {display: inline-block; padding:0.35em 0.5em; border-radius:var(--rounded); background-color: var(--scd); transition:.3s ease-in-out background-color;}
.sch-adm__btn,
.sch-adm__btn:link,
.sch-adm__btn:visited {color: #fff;}
.sch-adm__btn i { color: #fff}
@media(hover:hover){
	.sch-adm__btn:hover {background-color: var(--prm);}
}

.sct-sort__container {display: none; justify-content: space-between; align-items: center;}
.sct-sort__nav {position: relative; z-index: 10;}
.sct-sort__btn {display: block; padding:0.5em 1em; background-color: var(--bg); border-radius:var(--rounded); transition:.3s ease-in-out background-color, .3s ease-in-out color, .3s ease-in-out border-radius}
.sct-sort__btn:after {display: inline-block; content:'▼'; font-size: 0.75em; margin-left: 4em; vertical-align: middle; transition: .3s ease-in-out transform;}
.sct-sort__list {position: absolute; top: 100%; left: 0; height: 0; z-index: 1; min-width:100%; overflow: hidden;  background-color: var(--bg); border-bottom-right-radius: var(--rounded); border-bottom-left-radius: var(--rounded); transition: .3s ease-in-out height;}
.sct-sort__link {display: block; padding:0.5em 1em; transition:.3s ease-in-out background-color, .3s ease-in-out color;}
.sct-sort__btn[aria-expanded="true"] {background-color: var(--prm); color: #fff; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.sct-sort__btn[aria-expanded="true"]:after {transform:rotate(180deg);}
.sct-sort__total {display: inline-flex; align-items: center; gap:0.5em;}
.sct-sort__cnt {display: inline-flex; justify-content: center; align-items: center; width: 1.5em; height: 1.5em; border-radius:50%; background-color: var(--scd); color: #fff;}
@media(hover:hover){
	.sct-sort__link:hover {background-color: var(--prm); color: #fff;}
	.sct-sort__btn:hover {background-color: var(--prm); color: #fff;}
}

.sct-list {padding-top: 2em;}
.sct-list__dir {display: grid; grid-template-columns: repeat(5, 1fr); gap:2em 1em;}
.sct-list__item {position: relative; z-index: 0; min-width: 0;}
.sct-list__link {display: block;}
.sct-list__wish {position: absolute; top: 0; right: 0; z-index: 1; display: flex; align-items: center; gap:0.5em; padding:0.5em 0.5em 0 0;}
.sct-list__btn {display: inline-flex; justify-content: center; align-items: center; width: 2em; height: 2em; border-radius:0.25em; background-color: #fff; box-shadow:0 3px 9px rgba(0,0,0,0.15); transition: .3s ease-in-out background-color;}
.sct-list__icon {width: 1.25em; transition: .3s ease-in-out filter;}
.sct-list__name {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; margin:0.75em 0; font-size: 1.125em; font-weight: 600; line-height: 1.4; color: #333;}
.sct-list__desc {display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0 0.75em 0; font-size: 0.875em; line-height: 1.5; color: #666;}
.sct-list__price {display: flex; align-items: center; gap: 0.5em; margin-top: auto; /* 하단 정렬 */}
.sct-list__amount {font-weight: 700; letter-spacing: -0.02em;}
.sct-list__amount--discount {position: relative; font-size: 0.875em; color: #999; text-decoration: line-through;}
.sct-list__amount--crt {font-size: 1.25em;}
.sct-list__amount--crt::before {content: '→'; display: inline-block; margin-right: 0.6em; font-size: 0.8em; color: #ff6b6b;}
.sch-list__label {padding-top: 0.75em; display: flex; flex-wrap:wrap; gap:0.25em;}
.sch-list__badge { display:inline-block; padding:0.2em 0.6em; font-size:0.85em; border-radius:0.3em; color:#fff }  
.sch-list__badge--hit { background:#e74c3c }  
.sch-list__badge--recommend { background:#3498db }  
.sch-list__badge--new { background:#2ecc71 }  
.sch-list__badge--popular { background:#9b59b6 }  
.sch-list__badge--sale { background:#f39c12 }  
.sch-list__badge--coupon { background:#16a085 }  
@media(hover:hover){
	.sct-list__btn:hover {background-color: var(--prm);}
	.sct-list__btn:hover .sct-list__icon {filter:brightness(0) invert(1)}
}
@media(max-width:1024px){
	.sct-list__dir {grid-template-columns: repeat(4, 1fr); gap:1.8em 0.8em;}
}
@media(max-width:768px){
	.sct-list__dir {grid-template-columns: repeat(3, 1fr); gap:1.6em 0.6em;}
}
@media(max-width:500px){
	.sct-list__dir {grid-template-columns: repeat(2, 1fr); gap:1.4em 0.4em;}
}



.prd-view__content {display: flex; align-items: flex-start; gap:5em 4.5978%;}
@media(max-width:768px){
  .prd-view__content {flex-direction:column; gap:2.5em}
}

.prd-view__slides {position: sticky; top: calc(var(--hd-gap) + 2em); width:49.5978%; display: flex; justify-content: space-between; flex-direction: row-reverse;}
.prd-view__slide {position: relative; overflow: hidden;}
.prd-view__slide--main {background-color: #fafafa; width:83.0823%}
.prd-view__slide .swiper-slide img {width: 100%; height: auto; display: block;}

@media(max-width:768px){
  .prd-view__slides {position:static; width:100%;}
}

.prd-view__page.swiper-pagination-custom {font-size: 0.875em; line-height: 1; position: absolute; right:1.4375em; top:1.875em; left:auto; bottom:auto; padding: 0.2072em 0.5286em; z-index: 1; border-radius:500px; background: rgba(102,102,102,0.8); color:#fff; width:auto;}
.prd-view__page.swiper-pagination-custom .dash {margin:0 3px;}

.prd-view__arr {position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); width: 2.5em; height: 2.5em; border: none; border-radius: 50%; background-color: rgba(255,255,255,0.95); box-shadow: 0 2px 4px rgba(0,0,0,0.2); cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0.0, 0.2, 1); display: flex; align-items: center; justify-content: center; display: none;}
.prd-view__arr:hover {box-shadow: 0 4px 8px rgba(0,0,0,0.25); transform: translateY(-50%) scale(1.1);}
.prd-view__arr:active {transform: translateY(-50%) scale(0.95);}
.prd-view__arr--prev {left: 1em;}
.prd-view__arr--next {right: 1em;}
.prd-view__arr::after {content: ''; width: 0.625em; height: 0.625em; border: 2px solid #757575; border-right: none; border-bottom: none;}
.prd-view__arr--prev::after {transform: rotate(-45deg); margin-left: 0.25em;}
.prd-view__arr--next::after {transform: rotate(135deg); margin-right: 0.25em;}

.prd-view__slide--thumb {padding: 0; width:15.1797%}
.prd-view__slide--thumb .swiper-slide {cursor: pointer;overflow: hidden; border: 2px solid transparent; transition: all 0.2s ease; aspect-ratio: 1/1;}
.prd-view__slide--thumb .swiper-slide img {opacity: 0.7; transition: opacity 0.2s ease; transform:scale(1.4)}
.prd-view__slide--thumb .swiper-slide:hover img {opacity: 0.85;}
.prd-view__slide--thumb .swiper-slide-thumb-active img {opacity: 1;}


.prd-view__info {width:37.4138%; padding-top: 2.6875em;}

@media (max-width:768px){
  .prd-view__info {width:100%; padding-top: 0;}
}

.prd-view__header {}
.prd-view__name {font-size: 1.5em; font-weight: 600; line-height: 1.3; color: #212121; margin: 0;}
.prd-view__desc {font-size: 2em; margin-top: 1.875em; font-weight: 600;}
.prd-view__body {padding: 4.25em 0;}
.prd-view__detail {display: grid; grid-template-columns: 8em 1fr; background-color: #fff; border-radius: 0.5em; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); margin-bottom: 1.5em; display: none;}
.prd-view__cell {padding: 1em; border-bottom: 1px solid #f5f5f5;}
.prd-view__cell:nth-last-child(-n+2) {border-bottom: none;}
.prd-view__cell--label {font-size: 0.875em; font-weight: 500; color: #616161; background-color: #fafafa;}
.prd-view__cell--exp {font-size: 0.9375em; color: #212121; display: flex; align-items: center;}
.prd-view__cell--exp strong {font-size: 1.25em; font-weight: 500; color: #1976d2;}

@media (max-width:768px){
  .prd-view__desc {margin-top: 1.25em;}
  .prd-view__body {padding:2.5em 0;}
}

.prd-view__selected {padding:0; background: none; border:none;}

.prd-view__footer {}
.prd-view__ctrl {display: flex; margin-top: 4.25em;}
.prd-view__ctrl .ui-btn {flex: 1; height: 3.1112em; font-size: 1.125em; font-weight: 400; border-radius:0; transition: all 0.2s ease; text-transform: uppercase; letter-spacing: 0.5px;}
.prd-view__ctrl .sit_btn_cart {flex:0.95}
.prd-view__ctrl .sit_btn_buy {flex:1.05}

.prd-view__wish {display: flex; align-items: center; justify-content: center; width: 3.5em; height: 3.5em; background-color: #fff; border: 1px solid #1b1b1b; transition: all 0.2s ease; cursor: pointer; border-right:none;}
.prd-view__wish img {width: 1.25em; height: 1.25em; transition: filter 0.2s ease; filter:brightness(0) contrast(1);}
.prd-view__wish:active {transform: scale(0.95);}
@media(hover:hover){
	.prd-view__wish:hover {border-color: #000;}
	.prd-view__wish:hover img {filter: none;}
}

@media (max-width:768px){
  .prd-view__ctrl .ui-btn {height:2.5em}
  .prd-view__wish {width:2.5em; height:2.5em}
}

.prd-view__option {padding-top: 8.5em;}
.prd-additional {border-top:2px solid #666;}
.prd-option { border-bottom:1px solid #665;}
.prd-option__link {padding: 1.875em 1.25em 1.875em 2.625em; display: flex; align-items: center; justify-content: space-between;}
.prd-option__title {font-size: 1.125em; font-weight: 600; position: relative;}
.prd-option__title::after {content:''; display: block; width:0.5556em; height:0.5556em; background: url(../../../include/img/prd-option_point.png) no-repeat center / cover; position: absolute; left:-1.1112em; top:0.2778em;}
.prd-option__btn {width:1.125em; height:1.125em; display: flex; align-items: center; justify-content: center; position: relative;}
.prd-option__line {transition:all 0.4s;}
.prd-option__line--01 {position: absolute; left:0; top:50%; transform: translateY(-50%) rotate(90deg);}
.prd-option__link--open .prd-option__line--01 {transform:translateY(-50%) rotate(-180deg);}
.prd-option__link--open .prd-option__line--02 {transform:rotate(90deg);}
.prd-option__wrap {overflow: hidden; height:0; transition:all 0.4s;}
.prd-option__box {padding: 1.7188em 1.25em 1.7188em 2.625em; background: #f9f9f9;}
.prd-option__desc {font-size: 0.9375em; line-height: 1.6;}

@media (max-width:768px){
  .prd-view__option {padding-top: 5em;}
  .prd-option__link {padding:1.5em 1.25em 1.5em 2em}
  .prd-option__box {padding:1.375em 1.25em 1.375em 2em}
}

.prd-nav {display: flex; justify-content: space-between; width: 100%; padding:2em 0;}
.prd-nav a {width: max-content;}

.prd-detail {}
.prd-detail__tabs {padding-top: 8.5em; }

.prd-detail__list {display: flex; justify-content: center; margin-bottom: 3.125em; border-bottom: 1px solid #e5e7eb; overflow-x: auto;}
.prd-detail__item {width:10em;}
.prd-detail__btn {position: relative; display: block; width: 100%; padding: 1.6667em 0; font-size: 1.125em; font-weight: 500; text-align: center; color: #6b7280; background: transparent; border: none; border-bottom: 2px solid transparent; transition: all 0.2s ease; cursor: pointer; white-space: nowrap;}
.prd-detail__btn--on {color: #000; border-bottom-color: #000;}
@media(hover:hover){
	.prd-detail__btn:hover {color: #000; border-bottom-color: #000;}
}
@media(max-width:500px){
  .prd-detail__list {flex-wrap:wrap; gap:0;}
  .prd-detail__item {flex:0 0 50%;}
}

.prd-qa__ctrl {display: flex; justify-content: flex-end; gap: 0.75em; margin-top: 1.5em;}
.prd-qa__list {margin-top: 2em;}
.prd-qa__item {margin-bottom: 1em; background: #ffffff; border-radius: 0.5em; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.prd-qa__item:last-child {margin-bottom: 0;}
.prd-qa__btn {display: flex; width: 100%; gap: 1.25em; padding: 1.25em; align-items: center; background: transparent; border: none; cursor: pointer; transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
.prd-qa__btn[aria-expanded="true"] {background-color: rgba(25, 118, 210, 0.08);}
.prd-qa__label {display: inline-flex; justify-content: center; align-items: center; min-width: 5em; padding: 0.5em 1em; font-size: 0.875em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; border-radius: 0.25em; background-color: #e0e0e0; color: #424242;}
.prd-qa__label--done {background-color: #4caf50; color: #ffffff;}
.prd-qa__label--q {background-color: #1976d2; color: #ffffff;}
.prd-qa__label--a {background-color: #9c27b0; color: #ffffff;}
.prd-qa__tit {flex: 1; font-size: 1.125em; font-weight: 500; color: #212121; text-align: left; line-height: 1.5;}
.prd-qa__meta {margin-left: auto; display: grid; grid-template-columns: repeat(2, auto); gap: 0.5em 1.25em; font-size: 1em; color: #616161;}
.prd-qa__dt,
.prd-qa__dd {text-align: left;}
.prd-qa__container {height: 0; overflow: hidden; transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.prd-qa__wrap {padding: 1.25em; background-color: #fafafa;}
.prd-qa__block {display: flex; align-items: flex-start; gap: 1.25em; padding: 1em 0; border-bottom: 1px solid #eeeeee; line-height: 1.6; color: #424242;}
.prd-qa__block:first-child {padding-top: 0;}
.prd-qa__block:last-child {border-bottom: none; padding-bottom: 0;}
.prd-qa__btn {position: relative; overflow: hidden;}
.prd-qa__btn::after {content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(25, 118, 210, 0.1); transform: translate(-50%, -50%); pointer-events: none; transition: width 0.6s, height 0.6s;}
.prd-qa__btn:active::after {width: 200%; height: 200%;}
.prd-qa__btn::before {content: ''; margin-left: auto; width: 1.5em; height: 1.5em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23757575' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.prd-qa__btn[aria-expanded="true"]::before {transform: rotate(180deg);}
.prd-qa__btn:focus-visible {outline: 2px solid #1976d2; outline-offset: -2px;}
@media(hover:hover){
	.prd-qa__item:hover {box-shadow: 0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12);}
	.prd-qa__btn:hover {background-color: rgba(25, 118, 210, 0.04);}
}
@media(max-width:500px){
  .prd-qa__btn {flex-wrap:wrap; column-gap:0.5em;}
  .prd-qa__meta {width: 100%; display: flex; align-items: center; gap:0;}
  .prd-qa__meta {width: 100%; display: flex; gap:0;}
  .prd-qa__dd {margin-left: 0.5em; display: flex; align-items: center; gap:0.25em;}
  .prd-qa__dd:after {content:"|"; margin:0 0.5em;}
  .prd-qa__dd:last-child:after {display: none;}
}

.prd-rate {padding: 2em; border-radius: var(--rounded); box-shadow: var(--shadow-sm); margin: 2em auto;}
.prd-rate__container {display: flex; gap: 3em; align-items: center;}
.prd-rate__pnt {text-align: center; min-width: 7.5em;}
.prd-rate__score {font-size: 3em; font-weight: 700; color: var(--dark); line-height: 1; margin-bottom: 0.2em;}
.prd-rate__total {font-size: 0.875em; color: var(--main-gray);}
.prd-rate__list {flex: 1;}
.prd-rate__item {display: flex; align-items: center; gap: 1em; margin-bottom: 0.75em;}
.prd-rate__item:last-child {margin-bottom: 0;}
.prd-rate__stars {width: 5.3125em;}
.prd-rate__cnt {min-width: 1.875em; height: 1.875em; display: inline-flex; justify-content: center; align-items: center; text-align: center; background-color: var(--bg); border-radius:50%;}
.prd-rate__num {font-size: 0.875em; color: var(--dark-soft); font-weight: 500;}
.prd-rate__graph {flex: 1; height: 0.5em; background: var(--bg); border-radius: 0.25em; overflow: hidden; position: relative;}
.prd-rate__bar {height: 100%; background: linear-gradient(90deg, var(--prm) 0%, #6b8cff 100%); border-radius: 0.25em; transition: width 0.3s ease;}
.prd-rate__ovw {margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid var(--line); font-size: 0.9375em; color: var(--dark-soft); text-align: center;}
.prd-rate__per {font-weight: 700; color: var(--prm); font-size: 1.1em;}
.prd-rate__ovw span:last-child {color: var(--main-gray); font-size: 0.875em;}

@media(max-width:500px){
  .prd-rate__score {font-size: 2em;}
  .prd-rate__container {gap:1.5em;}
}


.prd-review__list {margin-top: 2em;}
.prd-review__item {margin-bottom: 1em; background: #ffffff; border-radius: 0.5em; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.prd-review__item:last-child {margin-bottom: 0;}
.prd-review__btn {display: flex; width: 100%; gap: 1.25em; padding: 1.25em; align-items: center; background: transparent; border: none; cursor: pointer; transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden;}
.prd-review__btn[aria-expanded="true"] {background-color: rgba(25, 118, 210, 0.08);}
.prd-review__int {text-align: left; flex: 1;}
.prd-review__sbj {margin-bottom: 0.5em; flex:1; font-size: 1.125em; font-weight: 500; color: #212121; line-height: 1.5;}
.prd-review__content {font-size: 1em; color: #424242; line-height: 1.6; margin-bottom: 0.75em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.prd-review__star {width: 6em; height: 1.125em;}
.prd-review__meta {margin-left: auto; display: grid; width: max-content; grid-template-columns: repeat(2, auto); gap: 0.5em 1.25em; font-size: 1em; color: #616161;}
.prd-review__dt,
.prd-review__dd {text-align:left;}
.prd-review__container {height: 0; overflow: hidden; transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.prd-review__wrapper {padding: 1.25em; background-color: #fafafa;}
.prd-review__header {display: flex; align-items: flex-start; gap: 1.25em; padding-top: 0;}
.prd-review__thumb {width: 6em; height: 6em; border-radius: 0.5em; overflow: hidden; background: #ffffff; border: 1px solid #e0e0e0;}
.prd-review__thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
.prd-review__ctrl {margin-top: 1.5em; display: flex; justify-content: flex-end; gap: 0.75em;}
.prd-review__btn::after {content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(25, 118, 210, 0.1); transform: translate(-50%, -50%); pointer-events: none; transition: width 0.6s, height 0.6s;}
.prd-review__btn:active::after {width: 200%; height: 200%;}
.prd-review__btn::before {content: ''; margin-left: auto; width: 1.5em; height: 1.5em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23757575' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.prd-review__btn[aria-expanded="true"]::before {transform: rotate(180deg);}
.prd-review__btn:focus-visible {outline: 2px solid #1976d2; outline-offset: -2px;}

@media(hover:hover){
	.prd-review__item:hover {box-shadow: 0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12);}
	.prd-review__btn:hover {background-color: rgba(25, 118, 210, 0.04);}
}

@media(max-width:500px){
  .prd-review__btn {flex-wrap:wrap; row-gap:0.5em;}
  .prd-review__int {display: flex; justify-content: space-between;}
  .prd-review__content {margin-bottom: 0;}
  .prd-review__header {flex-wrap:wrap;}
  .prd-review__meta {width: 100%; display: flex; gap:0;}
  .prd-review__dd {margin-left: 0.5em; display: flex; align-items: center; gap:0.25em;}
  .prd-review__dd:after {content:"|"; margin:0 0.5em;}
  .prd-review__dd:last-child:after {display: none;}
}

.review-reply {margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid var(--line);}
.review-reply__item {display: flex; margin-bottom: 1em; gap: 1em; padding: 1em; background-color: var(--bg); border-radius: var(--rounded);}
.review-reply__item:last-child {margin-bottom: 0;}
.review-reply__label {display: inline-flex; justify-content: center; align-items: center; min-width: 4em; height: 2.5em; padding: 0 1em; font-size: 0.875em; font-weight: 600; border-radius: var(--rounded, 0.5em); background-color: var(--scd, #6c757d); color: #fff; flex-shrink: 0;}
.review-reply__container {flex: 1;}
.review-reply__meta {display: flex; flex-wrap: wrap; align-items: baseline; gap: 1em; margin-bottom: 0.75em; padding-bottom: 0.75em; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.review-reply__sbj {font-size: 1.125em; font-weight: 600; color: var(--prm); flex: 1; min-width: 0; word-break: break-word;}
.review-reply__name {font-size: 0.875em; color: var(--scd); font-weight: 500;}
.review-reply__name::before {content: "by "; opacity: 0.7;}
.review-reply__content {font-size: 1em; line-height: 1.6; word-break: break-word;}

.prd-cate {margin-bottom: 4em; display: none;}
.prd-cate__container {margin-bottom: 3em; padding-bottom: 1.5em;}
.prd-cate__list {display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5em; margin-bottom: 0.75em; padding-bottom: 0.75em; border-bottom: 1px solid rgba(0, 0, 0, 0.08); list-style: none; margin-left: 0; padding-left: 0;}
.prd-cate__list:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.prd-cate__item {display: inline-flex;}


/* 리스트 공통 */
.lists-row{margin-right:-10px;margin-left:-10px}
.lists-row .col-row-0,.lists-row .col-row-1,.lists-row .col-row-2,.lists-row .col-row-3,.lists-row .col-row-4,.lists-row .col-row-5,.lists-row .col-row-6,.lists-row .col-row-7,.lists-row .col-row-8,.lists-row .col-row-9,.lists-row .col-row-10{position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;}
.lists-row .col-row-0,.lists-row .col-row-1{width:100%}
.lists-row .col-row-2{width:50%}
.lists-row .col-row-3{width:33.33333333%}
.lists-row .col-row-4{width:25%}
.lists-row .col-row-5{width:20%}
.lists-row .col-row-6{width:16.66666667%}
.lists-row .col-row-7{width:14.28571428%}
.lists-row .col-row-8{width:12.5%}
.lists-row .col-row-9{width:11.11111111%}
.lists-row .col-row-10{width:10%}
.row-clear{clear:both!important}
.lists-row .sct_img img{max-width:100%;height:auto}

/* aside:gnb */
#gnb {margin-bottom:15px;background:#fff;border:1px solid #e8e8e8;border-top:0}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.gnb_1dli {position:relative;word-wrap:break-word}
.gnb_1dli_on {color:#fff;text-decoration:none}
.gnb_1da {display:block;padding:0 20px;line-height:48px;color:#010101;text-decoration:none;font-size:1.167em}
.gnb_1da i {position:absolute;right:0;top:0;display:inline-block;color:#c4c4c4;padding:15px;font-size:1.45em}

.gnb_1dam {background:url('img/gnb_bg.png') center right no-repeat}
.gnb_1dli_on .gnb_1da {background-color:#f5f5f5;color:#27313c;font-weight:bold;text-decoration:none}
.gnb_1dli_on .gnb_1da:after {position:absolute;left:-1px;top:0;content:"";background:#27313c;width:3px;height:100%}

.gnb_1dli_on .gnb_1dam {text-decoration:none}
.gnb_2dul {display:none;z-index:1000;position:absolute;border:1px solid #e8e8e8;padding:10px}
.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:inline-block;top:0;left:263px;width:200px;background:#fff}
.gnb_1dli_over .gnb_2dul:after, .gnb_1dli_over2 .gnb_2dul:after {content:"";position:absolute;top:10px;left:-6px;display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fff}
.gnb_1dli_over .gnb_2dul:before, .gnb_1dli_over2 .gnb_2dul:before {content:"";position:absolute;top:9px;left:-7px;display:inline-block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #e8e8e8}

.gnb_2da {}
.gnb_1dli_over .gnb_2da {display:block;padding:5px 10px;line-height:20px;font-size:1.083em}
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none;color:#27313c}

/* 오늘 본 상품 */
#stv {position:relative;height:100%}
#stv .li_empty {text-align:center;line-height:100px}
#stv_pg {display:block;position:fixed;right:0;bottom:0;width:229px;text-align:center;margin:10px 0 0;padding:15px;line-height:20px;background:#fff}
.stv_item {display:none;padding:15px;word-break:break-all;border-bottom:1px solid #f6f6f6}
.stv_item:after {display:block;visibility:hidden;clear:both;content:""}
.stv_item .prd_img {display:inline-block;float:left;margin-right:10px}
.stv_item .prd_cnt {display:inline-block;float:left}
.stv_item .prd_cnt span {display:block;max-width:105px}
.stv_item .prd_cnt .prd_name {margin-bottom:3px;font-size:12px;}

#stv_btn {position:absolute;top:10px;right:10px;width:60px;height:50px}
#up {position:absolute;top:0;left:0;background:url('img/btn_sb_prev.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}
#down {position:absolute;top:0;right:0;background:url('img/btn_sb_next.png') no-repeat 50% 50%;width:30px;height:30px;text-indent:-999px;overflow:hidden;border:0}

/* 이벤트 링크 */
#sev {margin:20px 0;text-align:center}
#sev header {margin:0 0 20px}
#sev header:after {display:block;visibility:hidden;clear:both;content:""}
#sev h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em}
#sev h2:after {display:block;visibility:hidden;clear:both;content:""}
#sev ul:after {display:block;visibility:hidden;clear:both;content:""}
#sev>ul {margin:0 -10px}
#sev .ev_li {float:left;padding:0 10px;width:33.333%}
#sev .ev_li:first-child {margin-left:0}
#sev .ev_li .sev_img img {width:100%;height:auto}
#sev .ev_prd {border:1px solid #ddd;text-align:center;background:#fff}
#sev .ev_prd li {position:relative;display:block;padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid #f6f6f6}
#sev .ev_prd li:last-child {border-bottom:0}
#sev .ev_prd li:after {display:block;visibility:hidden;clear:both;content:""}
#sev .ev_prd .ev_prd_tit {display:block;color:#000;font-size:1.1em;margin-bottom:5px}
#sev .ev_prd .ev_prd_img {float:left;display:inline-block}
#sev .ev_prd .ev_txt_wr {float:left;max-width:139px;margin-left:10px}
#sev .ev_prd .ev_prd_price {font-weight:bold;display:block;margin:5px 0 10px;font-size:1.25em;font-weight:bold}
#sev .ev_prd .sev_more {color:#27313c;background:#fff;display:block;text-align:center}


/* 커뮤니티 링크 */
#scomm {padding:20px}
#scomm h2 {margin:0 0 5px}
#scomm li {display:block;margin:3px}
#scomm li a {line-height:25px;color:#555}
#scomm li a:hover {color:#be334a}

/* 메인배너 */
#main_bn {border:1px solid #e3e5e8;position:relative;margin:19px 0 30px}
#main_bn:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn .slide-wrap {padding:0;margin:0}
#main_bn .slide-wrap img {max-width:100%;height:auto}
#main_bn .main_image_area{position:relative}
#main_bn .owl_pager {position:relative;width:100%;background:#fff;border-top:1px solid #e3e5e8}
#main_bn .owl_pager ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_bn .owl_pager li {float:left;position:relative;width:20%;border-left:1px solid #e3e5e8;text-align:center;line-height:45px;height:45px;font-size:1.2em}
#main_bn .owl_pager li:first-child, #main_bn .owl_pager li:nth-child(5n+1) {border-left:0}
#main_bn .owl_pager li a {display:block}
#main_bn .owl_pager li a:after {content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#e3e5e8}
#main_bn .owl_pager li.active a {color:#27313c}
#main_bn .owl_pager li.active a:after {background:#27313c;top:-1px}

.btn_wr {background:rgba(0,0,0,0.5);display:inline-block;position:absolute;right:20px;bottom:65px;border-radius:30px;padding:3px 5px}
#main_bn .btn_wr{z-index:2}
.btn_wr .pager-prev {margin-left:5px;font-weight:bold}
.btn_wr .pager-next {margin-right:5px;font-weight:bold}
.btn_wr .pager-prev, .btn_wr .pager-next, #slide-counter {float:left;display:inline-block;padding:5px;color:#fff}
#slide-counter {margin:0 5px}

/*서브배너*/
#sbn_side {position:relative;width:100%;margin-bottom:20px}
.sb_bn {}
.sb_bn img {width:100%;height:auto}
#sbn_side h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sbn_side .bx-controls {position:absolute;bottom:10px;left:15px}
#sbn_side .bx-pager-item {display:inline-block}
#sbn_side .bx-pager-item a {float:left;width:8px;height:8px;margin-right:5px;border-radius:50%;background:#fff;text-indent:-9999px;opacity:0.5}
#sbn_side .bx-pager-item a.active {opacity:1}
#sbn_side .bx-controls-direction {display:none}

/*장바구니*/
#sbsk {position:relative}
#sbsk li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
#sbsk li:after {display:block;visibility:hidden;clear:both;content:""}
#sbsk .go_cart {position:absolute;top:11px;right:15px;display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#27313c;border-radius:2px;background:#fff;padding:2px 5px}
#sbsk .btn_buy {padding:15px;font-weight:bold;text-align:center}
#sbsk .btn_buy .btn_submit {width:100%;height:40px}
#sbsk .li_empty {text-align:center;line-height:100px}
#sbsk .prd_img {display:inline-block;float:left;margin-right:10px}
#sbsk .prd_cnt {display:inline-block;float:left}
#sbsk .prd_cnt a, #sbsk .prd_cnt span {display:block;max-width:105px}
#sbsk .prd_cnt .prd_name {margin-bottom:3px;font-size:12px;}
#sbsk .cart_del {border:0;width:35px;height:35px;text-align:center;position:absolute;right:0;bottom:0;color:#c5c8ca;background:#fff;font-size:1.25em}

/*위시리스트*/
#wish {}	
#wish li {position:relative;border-bottom:1px solid #f6f6f6;padding:15px}
#wish li:after {display:block;visibility:hidden;clear:both;content:""}
#wish .li_empty {text-align:center;line-height:100px}
#wish .prd_img {display:inline-block;float:left;margin-right:10px}
#wish .prd_cnt {display:inline-block;float:left}
#wish .prd_cnt a {display:block;max-width:105px}
#wish .prd_cnt .prd_name {font-weight:bold;margin-bottom:3px}

/* ##### main(nn).skin.php, list.(nn).skin.php 공통 적용 시작 ##### */

/* 공통 */
.sct_wrap {position:relative;margin:0 0 20px}
.sct_wrap .sctrl {position:absolute;top:0;right:0} /* 애니메이션 효과 사용 시 재생 정지 버튼 등 */
.sct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap header {padding:10px 0 20px}
.sct_wrap header:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 {float:left;font-size:1.5em;margin:0 0 10px 0;display:inline-block;line-height:1em}
.sct_wrap h2:after {display:block;visibility:hidden;clear:both;content:""}
.sct_wrap h2 a {text-decoration:none}


.sct {clear:both;margin:0;padding:0;list-style:none}
.sct:after {display:block;visibility:hidden;clear:both;content:""}
.sct_li {position:relative; }
.sct_noitem {padding:100px 0;text-align:center}
.sct img {position:relative} /* 리스트뷰 갤러리뷰 변경 시 ie6,7 에서 이미지 사라지는 문제 해결하기 위해 */
.shop_icon {display:inline-block;color:#fff;line-height:20px;padding:0 5px;font-size:0.92em;margin:1px;border-radius:2px}
.shop_icon_1 {background:#3ec1d3}
.shop_icon_2 {background:#ffb722}
.shop_icon_3 {background:#2dd49f}
.shop_icon_4 {background:#556ee6}
.shop_icon_5 {background:#ff5081}

.shop_icon_soldout {position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.5);text-align:center;line-height:215px;color:#fff;font-size:18px;font-weight:bold;letter-spacing:1px}
.shop_icon_coupon {background:#d45959}

/* 재생/정지/이전/다음 버튼 */
.sctrl {margin:0;padding:0;list-style:none}
.sctrl:after {display:block;visibility:hidden;clear:both;content:""}
.sctrl li {position:relative;float:left}
.sctrl button {position:relative;margin:0;padding:0;width:20px;height:20px;border:0;cursor:pointer;overflow:hidden}
.sctrl button span {position:absolute;top:0;left:0;width:20px;height:20px;border:0;background:url('img/is_button.gif') no-repeat}
.sctrl button.sctrl_play span {background-position:-60px 0}
.sctrl button.sctrl_play span.sctrl_on {background-position:-60px -30px}
.sctrl button.sctrl_stop span {background-position:-90px 0}
.sctrl button.sctrl_stop span.sctrl_on {background-position:-90px -30px}
.sctrl button.sctrl_prev span {background-position:-120px 0}
.sctrl button.sctrl_prev span.sctrl_on {background-position:-120px -30px}
.sctrl button.sctrl_next span {background-position:-150px 0}
.sctrl button.sctrl_next span.sctrl_on {background-position:-150px -30px}

/* 메인리스트 별점 공통 */
.sct_li .sct_star img, .sct_li img.sit_star{width:72px !important;height:auto}

/* 상품 목록 스킨 10 */
.sct_info_wish {display: none;}
.sct_10 {display: flex; flex-wrap: wrap; font-size: var(--fz); gap: 9.6875em 0.7824%;}
.sct_10 .sct_li {width:24.3679%;}
.sct_10 .sct_img {margin-bottom: 1.25em;}
.sct_10 .sct_discount {text-decoration: line-through;}
.sct_10 .sct_cate {font-size: 1.0625em; font-weight: 500; color:#444; padding-bottom: 0.353em;}
.sct_10 .sct_txt {font-size: 1.25em; font-weight: 500; margin-bottom: 0.3em;}
.sct_10 .sct_txt a {display: block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sct_10 .sct_basic {font-size: 0.9375em; font-weight: 500; color:#666;}
.sct_10 .sct_cost {font-size: 1.25em; font-weight: 700; margin-top: 1.25em;}

@media (max-width:768px){
  .sct_10 {gap: 5.6875em 0.7824%; padding-bottom: 6em;}
  .sct_10 .sct_li {width:32.7679%;}
}
@media (max-width:500px){
  .sct_10 .sct_li {width:49.5679%;}
}

/* 상품 목록 스킨 20 */
.sct_20 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_20 .sct_last {margin:0 0 15px !important}
.sct_20 .sct_clear {clear:both}
.sct_20 .sct_a {display:block;position:relative;text-decoration:none}
.sct_20 .sct_a:focus, .sct_20 .sct_a:hover {text-decoration:none}
.sct_20 .sct_img {}
.sct_20 .sct_icon {position:absolute;top:10px;left:-5px;margin:0 !important}
.sct_20 .sct_icon img {display:block;margin:0 0 3px}
.sct_20 .sct_id {display:block;padding:5px 10px 0;background:#f2f5f9}
.sct_20 .sct_txt {padding:10px;background:#f2f5f9}
.sct_20 .sct_basic {padding:0 10px 5px;background:#f2f5f9;line-height:1.5em}
.sct_20 .sct_cost {display:block;padding:0 10px 10px;background:#f2f5f9;font-weight:bold}
.sct_20 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_20 .sct_sns {position:absolute;bottom:10px;right:10px}

/* 상품 목록 스킨 30 */
.sct_30 .sct_li {position:relative;float:left;margin:0 16px 15px 0;border:1px solid #e9e9e9;background:#f5f6fa}
.sct_30 .sct_last {margin:0 0 15px !important}
.sct_30 .sct_clear {clear:both}
.sct_30 .sct_arw_toleft {display:block;z-index:2;position:absolute;top:20px;left:221px;width:10px;height:19px;background:url('img/icon_arw_toleft.gif') no-repeat}
.sct_30 .sct_a {text-decoration:none}
.sct_30 .sct_img {position:absolute;top:0;left:0}
.sct_30 .sct_icon {position:absolute;bottom:25px;left:-5px;margin:0 !important}
.sct_30 .sct_icon img {display:block;margin:0 0 3px}
.sct_30 .sct_txt {display:inline-block;margin:0 0 20px}
.sct_30 .sct_basic {margin:0 0 15px;padding:0;line-height:1.5em}
.sct_30 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_30 .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_30 .sct_sns {position:absolute;bottom:20px;right:10px}

/* 상품 목록 스킨 40 */
.sct_40 {margin:20px 0}
.sct_40 .sct_clear {border-top:1px solid #dadada}
.sct_40 .sct_li {position:relative;padding:15px 0;border-bottom:1px solid #dadada}
.sct_40 .sct_li:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_a {text-decoration:none}
.sct_40 .sct_a:focus, .sct_40 .sct_a:hover {text-decoration:none}

.sct_40 .sct_img {text-align:center;float:left;margin-right:20px}
.sct_40 .sct_img a {display:block}
.sct_40 .sct_cart {position:absolute;right:0;bottom:0;border:0;width:150px;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold;z-index:99999}
.sct_40 .list-10-btn .sct_cart{z-index:1;top:40px;right:10px;bottom:initial;padding:8px 0;width:140px;border:1px solid #1c1d1e;background:#27313c;color:#fff;cursor:pointer;border-radius:3px}
.sct_40 .list-10-btn .sct_cart:hover {background:#2375eb}
.sct_40 .list-10-btn .sct_cart i{display:none}
.sct_40 .sct_img:hover .sct_cart {display:block}
.sct_40 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.sct_40 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}
.sct_40 .sit_icon_li{margin-top:10px}

.sct_40 .sct_ct_wrap {position:relative}
.sct_40 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.sct_40 .sct_star {margin:10px 0 5px}
.sct_40 .sct_txt {font-size:1.1em;margin:10px 0;padding-bottom:10px}
.sct_40 .sct_txt a{font-weight:600;font-size:1.2em}
.sct_40 .sct_basic {margin-bottom:5px;color:#6e7f88}
.sct_40 .sct_cost {position:absolute;right:200px;top:15px;font-size:1.35em;font-weight:bold}
.sct_40 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}

.sct_40 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.sct_40 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-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);border:1px solid #dde7e9;background:#fff;border-radius:3px}    
.sct_40 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.sct_40 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.sct_40 .sct_sns .share-facebook {background:#415b92}
.sct_40 .sct_sns .share-twitter {background:#35b3dc}
.sct_40 .sct_sns .share-googleplus {background:#ea3838}
.sct_40 .sct_sns img {width:24px}
.sct_40 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.sct_40 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.sct_40 .sct_op_btn {position:absolute;right:20px;bottom:20px}
.sct_40 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}


.sct_60 .sct_last {margin:0 !important}
.sct_60 .sct_clear {clear:both}
.sct_60 .sct_img{position:relative;}

.swiper-container2 .swiper-slide a:hover .sct_img:before, .swiper-container2 .swiper-slide a:hover .sct_img:after{opacity:1}
.sct_60 .sct_sns{display:none;position:absolute;bottom:10px;right:0px;text-align:center;z-index:60;width:100%; z-index:9}
.sct_60 li:hover .sct_sns{display:block}
.sct_60 .sct_sns a{display:inline-block;border-radius:50%;margin:2px ;width:40px;text-align:center;height:40px;padding:10px 0;background:rgba(0,0,0,0.4);}
.sct_60 .sct_sns .share-facebook:hover{background:#415b92}
.sct_60 .sct_sns .share-twitter:hover{background:#35b3dc}
.sct_60 .sct_sns .share-googleplus:hover{background:#d5503a}
.sct_60 .sct_sns img{width:18px}
.sct_60 .sct_icon {margin:10px 0}
.sct_60 .sct_cost {text-align:left;font-size: 16px;color: #666; display: flex; align-items:center; margin-top: 10px;}
.sct_60 .sct_cost span {font-size: 28px; font-weight: 700; color:#333;display:inline-block; }
.sct_60 .sct_cost .sct_discount{display:block; margin-left: 15px; color:#888;font-size:18px; font-weight: 400; text-decoration:line-through;}
.sct_60 .sct_txt{display:block;font-size:24px;text-align:left;color: #333; font-weight: 700; margin-bottom:20px; margin-top:20px;}
.sct_60 .sct_basic{text-align:left;font-size: 18px;color: #666;border-bottom:1px solid #e1e1e1; padding-bottom:20px; margin-bottom:20px;}
.sct_60 .shop_icon_1 {}   /* 히트 아이콘 */
.sct_60 .shop_icon_2 {}   /* 추천 아이콘 */
.sct_60 .shop_icon_3 {}   /* 최신 아이콘 */
.sct_60 .shop_icon_4 {display:none; position:absolute;top:10px;left:10px;width:50px;height:50px;line-height:50px;font-size:14px;border-radius:50%;font-weight:bold}   /* BEST 아이콘 */
.sct_60 .shop_icon_5 {}   /* 할인 아이콘 */


.prevButton2 {position:absolute; z-index:999; top:50%; left:-35px; cursor:pointer;}
.nextButton2 {position:absolute; z-index:999; top:50%; right:-35px; cursor:pointer;}


/* 개인결제 목록 */
.sct_pv .sct_li {position:relative;float:left;margin:0 18px 15px 0}
.sct_pv .sct_last {margin:0 0 15px !important}
.sct_pv .sct_clear {clear:both}
.sct_pv .sct_a {display:inline-block;position:relative;text-decoration:none;font-size:1.1em}
.sct_pv .sct_a:focus, .sct_pv .sct_a:hover {text-decoration:none}
.sct_pv .sct_img {margin:0 0 10px}
.sct_pv .sct_txt {margin:0 0 5px}
.sct_pv .sct_icon {margin:0 0 10px}
.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:5px 0 10px;font-size:1.25em;font-weight:bold}
.sct_pv .sct_dict {text-decoration:line-through;display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_pv .sct_sns {}

/* 메인 상품 목록 스킨 10 */
.smt_10 {margin:0 -5px}
.smt_10 .sct_li {position:relative;float:left;width:390px;margin-right:15px;margin-bottom:15px;text-align:left}
.smt_10 .sct_last {margin-right:0}
.smt_10 .sct_clear {clear:both}
.smt_10 .sct_a {text-decoration:none}
.smt_10 .sct_a:focus, .smt_10 .sct_a:hover {text-decoration:none}
.smt_10 .sct_ct_wrap {position:relative}
.smt_10 .sct_ct_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.smt_10 .sct_img {position:relative;text-align:center}
.smt_10 .sct_img a {display:block}
.smt_10 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.smt_10 .sct_img:hover .sct_cart {display:block}
.smt_10 .sct_li.overlay .sct_cart{display:none !important}
.smt_10 .sct_cart i {display:inline-block;margin-right:5px;font-size:1.2em}
.smt_10 .sct_disc {position:absolute;right:15px;bottom:15px;background:red;color:#fff;padding:0 8px;line-height:24px;font-weight:bold;font-size:1.2em;background:#000;background:rgba(0,0,0,0.5)}

.smt_10 .sct_star {margin: 10px 0 5px}
.smt_10 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.smt_10 .sct_basic {margin-bottom:5px;color:#6e7f88}
.smt_10 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.smt_10 .sct_dict {text-decoration:line-through;font-weight:normal;display:block;font-size:0.85em;color:#858a8d}

.smt_10 .sct_sns_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.smt_10 .sct_sns {position:absolute;top:50%;left:50%;background:#fff;text-align:center;width:245px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-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);border:1px solid #dde7e9;background:#fff;border-radius:3px}    
.smt_10 .sct_sns h3 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
.smt_10 .sct_sns a {display:inline-block;border-radius:50%;width:50px;height:50px;line-height:25px;text-align:center;padding:10px 0;margin:20px 5px}
.smt_10 .sct_sns .share-facebook {background:#415b92}
.smt_10 .sct_sns .share-twitter {background:#35b3dc}
.smt_10 .sct_sns .share-googleplus {background:#ea3838}
.smt_10 .sct_sns img {width:24px}
.smt_10 .sct_sns_bg {background:rgba(0,0,0,0.1);width:100%;height:100%}
.smt_10 .sct_sns_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}

.smt_10 .sct_op_btn {position:absolute;right:5px;bottom:0}
.smt_10 .sct_op_btn>button {border:0;width:25px;height:20px;font-size:1.25em;text-align:center;color:#949494;background:transparent}

.sct_cartop_wr {position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;padding:10px;text-align:left;background:rgba(0,0,0,0.5);opacity:0.98}
.sct_cartop_wr .it_option {width:100%;height:35px;margin-bottom:5px;}
.sct_cartop_wr .cartopt_cart_btn {width:100%;border:1px solid #1c1d1e;padding:8px 5px;margin-bottom:5px;background:#27313c;color:#fff;border-radius:3px}
.sct_cartop_wr .cartopt_close_btn {width:100%;border:1px solid #1c1d1e;padding:8px 5px;background:#fff;color:#1c1d1e;border-radius:3px}

/* 메인 상품 목록 스킨 20 */
.smt_20 {position:relative;overflow-y:hidden;margin:0 -5px}
.smt_20 .sct_ul {width:100%;position:absolute;top:0;left:0;margin:0;padding:0;list-style:none}
.smt_20 .sct_ul_first {display:block;top:0}
.smt_20 .sct_li {position:relative;float:left;width:390px;margin-right:15px;margin-bottom:15px;text-align:left}
.smt_20 .sct_last {margin:0 0 15px !important}
.smt_20 .sct_clear {clear:both}
.smt_20 .sct_a {display:inline-block;position:relative;text-decoration:none}
.smt_20 .sct_a:focus, .smt_20 .sct_a:hover {text-decoration:none}
.smt_20 .sct_img {position:relative;text-align:center}
.smt_20 .sct_img a {display:block}
.smt_20 .sct_cart {display:none;position:absolute;left:0;bottom:0;border:0;width:100%;padding:15px 0;background:#000;background:rgba(0,0,0,0.5);color:#fff;font-size:1em;font-weight:bold}
.smt_20 .sct_img:hover .sct_cart {display:block}
.smt_20 .sct_txt {border-bottom:1px solid #d9dde2;font-size:1.1em;margin:10px 0;padding-bottom:10px}
.smt_20 .sct_basic {margin-bottom:5px;color:#6e7f88}
.smt_20 .sct_cost {margin:5px 0 10px;font-size:1.25em;font-weight:bold}
.smt_20 .sct_dict {text-decoration:line-through;display:block;font-size:0.85em;color:#858a8d}

.smt_20 .sct_sns {margin-bottom:10px} 
.smt_20 .sct_sns a {display:inline-block;border-radius:50%;width:30px;height:30px;line-height:28px;margin-right:5px;text-align:center}
.smt_20 .sct_sns .share-facebook {background:#415b92}
.smt_20 .sct_sns .share-twitter {background:#35b3dc}
.smt_20 .sct_sns .share-googleplus {background:#ea3838}
.smt_20 .sct_sns img {width:20px}

.smt_20 .sct_icon {margin:0 0 10px}
.smt_20 .sct_id {display:block;margin:0 0 5px}


/* 메인 상품 목록 스킨 30 */
.smt_30 {position:relative}
.smt_30 li {position:relative;min-height:50px;padding:10px 15px;background:#fff}
.smt_30 li:after {display:block;visibility:hidden;clear:both;content:""}
.smt_30 .sct_clear {clear:both}
.smt_30 .sct_img {float:left;width:80px;margin-right:10px}
.smt_30 .sct_img img {width:100%;height:auto}
.smt_30 .sct_cnt {display:inline-block;float:left;max-width:143px;line-height:20px}
.smt_30 .sct_txt a {display:block;font-size:1em;color:#000;max-height:40px;overflow:hidden;text-overflow:ellipsis;list-style:none}
.smt_30 .sct_cost {font-weight:bold;font-size:1.2em}


/* 메인 상품 목록 스킨 40 */
.smt_40 {background:#fff;padding:20px;border:1px solid #e3e5e8}
.smt_40 .sct_li {position:relative;float:left;width:20%;margin:0 8px}
.smt_40 .sct_last {}
.smt_40 .sct_clear {clear:both}
.smt_40 .sct_img {position:relative;text-align:center}
.smt_40 .sct_star {margin:10px 0 5px}
.smt_40 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.smt_40 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}


/* 관련상품 목록 스킨 10 */
#sit_rel {position:relative;border:1px solid #e8e8e8;padding:35px;margin-top:20px;background:#fff}
#sit_rel:after {display:block;visibility:hidden;clear:both;content:""}
#sit_rel h2 {font-size:1.6em;margin:0 0 30px;text-align:center}
#sit_rel .bx-wrapper {margin:0 auto}
#sit_rel .bx-controls-direction {position:absolute;top:25px;right:35px}
#sit_rel .bx-prev {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;border-right:0;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_left.png') no-repeat 50% 50%}
#sit_rel .bx-next {display:inline-block;width:30px;height:30px;border:1px solid #dee3eb;text-indent:-999px;overflow:hidden;background:url('img/select_arrow_right.png') no-repeat 50% 50%}
.scr_10 li img {width:100%;height:auto}
.scr_10 .sct_txt {display:block;margin:5px 0;font-size:1.1em}
.scr_10 .sct_cost {margin:5px 0;font-size:1.25em;font-weight:bold}

/* ##### main(nn).skin.php, list.(nn).skin..php 공통 적용 끝 ##### */

/* 상품 목록 */
#sct {margin:0}
.sct_admin {}
.sct_admin a {}

/* 상품 목록 현재 위치 */
#sct_location {display:inline-block;float:right;padding:12px 0;position:absolute;right:0;top:12px}
#sct_location .go_home {display:inline-block;font-size:1.4em;color:#a2a2a2;line-height:17px;text-decoration:none;vertical-align:top;padding:0 12px}
#sct_location i.dividing-line {vertical-align:top;font-size:1.2em;color:#a2a2a2;display:inline-block;margin:0;line-height:17px}
#sct_location select {float:left;border:1px solid #d3d3d3;height:26px;padding:0 5px;margin:0 12px}
#sct_location.is_right select{float:right}
#sct_location.view_location{display:block;float:none!important;position:relative;top:0;left:0}
#sct_location.view_location:after{display:block;visibility:hidden;clear:both;content:""}
.view_location .go_home{float:left}
.view_location i.dividing-line{float:left}
.view_location .shop_select_to_html.shop_hover_selectbox{float:left}
.shop_select_to_html{position:relative;display:inline-block}
.shop_select_to_html span{padding:10px 20px 15px}
.shop_select_to_html .menulist{position:absolute;top:20px;display:none;opacity:0;transition:all .2s ease-in-out}
.view_location .shop_select_to_html .menulist{left:0}
.is_right .shop_select_to_html .menulist{right:0}
.shop_select_to_html:hover .category_title,.shop_select_to_html:hover .category_title i{color:#69aa6f}
.shop_select_to_html:hover .menulist{display:block;opacity:1;transition:all .2s ease-in-out}
.shop_select_to_html .menulist{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,88,112,0.11);box-sizing:border-box;margin-top:4px;overflow:hidden;padding:6px 0;-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9;white-space:nowrap;width:auto}
.shop_select_to_html .menulist ul.wide{display:inline-block!important;width:146px;vertical-align:top;min-height:360px}
.shop_select_to_html .menulist ul.left-border{border-left:1px dashed #e6e9ed}
.shop_select_to_html .option{font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;text-align:left;-webkit-transition:all .2s;transition:all .2s}
.shop_select_to_html .option:hover,.shop_select_to_html .option.focus,.shop_select_to_html .option.selected.focus{background-color:#f6f7f9}
.shop_select_to_html .option.selected,.shop_select_to_html .option.selected a{font-weight:700;color:#69aa6f}
.shop_select_to_html .option.disabled{background-color:transparent;color:#90a1b5;cursor:default}
.shop_select_to_html .option a{display:block;padding-left:28px;padding-right:49px}
.shop_select_to_html .category_title{color:#4F4F4F;font-size:1.1em}
.shop_select_to_html .category_title i{margin-left:5px;color:#a2a2a2}

.sct_here {font-weight:bold}
.sct_bg {padding-right:15px !important;background:url('img/sct_bg_toright.gif') right 50% no-repeat}

/* 상품 목록 카테고리 목록 */
.sct_ct {clear:both;margin:10px 0 20px;background:#fff;border:1px solid #d3d3d3;border-top:2px solid #000;padding:10px}
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sct_ct ul:after {display:block;visibility:hidden;clear:both;content:""}
.sct_ct a {text-decoration:none}
.sct_ct_parent {font-weight:bold}
.sct_ct_here {color:#ff3600 !important}
#sct_hhtml img{margin-bottom:  4.6875em;}

@media (max-width:768px){
    #sct_hhtml img{margin-bottom: 2.6875em;}
}

#sct_ct_1 li {float:left;width:20%;border-right:1px solid #f6f6f6}
#sct_ct_1 li:nth-child(5n) {border-right:0}
#sct_ct_1 li a {display:block;padding:0 10px;line-height:40px;font-weight:bold}
#sct_ct_1 li a:hover {color:#27313c}

#sct_ct_2 li {}
#sct_ct_2 a {}

#sct_ct_3 li {float:left;margin:0 10px 10px 0;width:120px}

/* 상품 정렬 리스트 스타일 선택 공통 */
#sct_sortlst {}

/* 상품 정렬 */
#sct_sort {float: right; width:50%; padding-bottom: 1.25em;}
#sct_sort h2{font-size:17px; color:#939393;}
#sct_sort h3 {font-size:15px; color:#7b7b7b; border-bottom:2px solid #cccccc; width:170px; padding:0 15px 7px; display:flex; align-items:center; justify-content:space-between}
#sct_sort h3 img{transition:all 0.5s ease}
#sct_sort h3 img.active{transform: rotate(180deg);}
#sct_sort ul {display: flex; justify-content: flex-end; gap:10px;}
#sct_sort ul li a{font-size:0.875em; color:#232323; opacity:0.6;  display:block;}

@media (max-width:768px){
    #sct_sort {float:none; width:100%;}
}

/* 상품 리스트 스타일 선택 */
#sct_lst {}
#sct_lst li {position:relative;float:left}
#sct_lst button {position:relative;margin:0;padding:0;width:45px;height:45px;border:0;cursor:pointer;background:#fff;color:#adadad;font-size:15px}
#sct_lst button:hover {color:#000}
#sct_lst button.sct_lst_list {}
#sct_lst button .icon {display:block}

/* 상품 상세보기 */
#sit {}
.sit_admin {right:100px;top:200px;text-align:right}
.sit_admin a {line-height:35px;padding:0 10px}
.sit_empty {padding:60px 0;text-align:center}

.is_search #wrapper_title, .is_item #wrapper_title{display:none}


/* 상품 상세보기 - 개요 */
#sit_ov_from {}
#sit_ov_wrap {}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {}

#sit_pvi .thumb_list		{display:flex; }

#sit_pvi .thumb_list a		{margin: 6px;}

#sit_pvi_big {float:right;text-align:center}
#sit_pvi_big a {display:none}
#sit_pvi_big a.visible {display:block}
#sit_pvi_big #popup_item_image {display:inline-block;position:absolute;bottom:0;right:0;width:43px;height:43px;line-height:43px;background:#fff;color:#8c9195;border:1px solid #e0e0e0;font-size:1.4em}
#sit_pvi_big img {width:500px;height:auto}
#sit_pvi_thumb {float:left;margin:0;padding:0;list-style:none;text-align:center}
#sit_pvi_thumb:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_thumb li {margin:0 15px 15px 0}
#sit_pvi_thumb img {border:1px solid #dbdbdb}
#sit_pvi_thumb img:hover {border:1px solid #010101}

#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;text-align:center;padding:0 10px;list-style:none}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_ov {}

#sit_title {}
#sit_desc {}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sit_star_sns {position:relative; display:none}
#sit_star_sns span {display:inline-block;margin:0 5px 0 0;color:#666;letter-spacing:0}
#sit_star_sns .sit_star {position:relative;top:-2px;margin:0 5px 0 0}

#sit_star_sns a {display:inline-block;vertical-align:middle}
#sit_star_sns .btn_sns_share {float:left;background:transparent;width:35px;height:25px;border:0;color:#4b5259;font-size:1.6em;font-weight:bold}
#sit_star_sns .btn_sns_share:hover {color:#27313c}
#sit_star_sns .sns_area {display:none;position:absolute;top:45px;right:0;max-width:175px;text-align:center;background:#fff;border:1px solid #e2e2e2;padding:10px;z-index:10}
#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 #e2e2e2 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;line-height:35px;margin-bottom:5px;background:#eee;text-align:center;border-radius:50%}
#sit_star_sns .sns_area a img {width:24px;height:auto;vertical-align: middle;}
#sit_star_sns .sns_area #sit_btn_rec {font-size:15px}
#sit_star_sns .sns_area .share-googleplus {background:#ea3838}
#sit_star_sns .sns_area .share-facebook {background:#415b92}
#sit_star_sns .sns_area .share-twitter {background:#35b3dc}

#sit_btn_opt {position:absolute;right:0;bottom:0}
#btn_wish {}

/* main.n0.skin 공통 */
.merch-latest {padding:3.75em 0; font-size: var(--fz);}
.merch-tit {padding-bottom: 2.5em;}
.merch-tit__title {font-size: 2.5em; font-weight: 700; text-align: center;}

/* main.10.skin */
.swiper-merch {overflow: hidden;}
.swiper-merch .swiper-wrapper {position: relative;}
.swiper-merch .swiper-slide__figure {width:100%; aspect-ratio:1/1.368; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25em;}
.swiper-merch .swiper-slide__figure img {width:100%; height:auto; vertical-align: top;}
.swiper-merch .swiper-slide__cate {font-size: 1.0625em; font-weight: 500; color:#444; padding-bottom: 0.353em;}
.swiper-merch .swiper-slide__title {font-size: 1.25em; font-weight: 500; margin-bottom: 0.3em;}
.swiper-merch .swiper-slide__title a {display: block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.swiper-merch .swiper-slide__desc {font-size: 0.9375em; font-weight: 500; color:#666;}
.swiper-merch .swiper-slide__cost {font-size: 1.25em; font-weight: 700; margin-top: 1.25em;}

.swiper-merch .swiper-scrollbar.swiper-scrollbar-horizontal {position:initial; width:100%; max-width:862px; height:3px; margin:3.75em auto 0; background: #ccc;}
.swiper-merch .swiper-scrollbar-drag {background: #444;}

/* main.20.skin */
.merch-enumerate {display: flex; flex-wrap: wrap; gap:3.125em 1.356%;}
.merch-enumerate__item {width:18.9153%;}
.merch-enumerate__figure {aspect-ratio:1/1; border-radius:0.625em; border:2px solid #ddd; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5em;}
.merch-enumerate__figure img {height:auto;}
.merch-enumerate__title {font-size: 1.25em; font-weight: 700; padding-bottom: 0.7em; line-height: 1;}
.merch-enumerate__title a {display: block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.merch-enumerate__desc {font-weight: 600; color:#aaaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0.7em; line-height: 1;}
.merch-enumerate__cost {font-weight: 600; color:#aaaa; line-height: 1;}
.merch-enumerate__dict {text-decoration:line-through}

@media (max-width:1080px){
  .merch-enumerate__item {width:23.9153%;}
}
@media (max-width:768px){
  .merch-enumerate__item {width:32.4153%;}
}
@media (max-width:500px){
  .merch-enumerate__item {width:49.3153%;}
}