@charset "utf-8";

/**
 * [module.css Writing Rules]
 * !!! Fill out only if any of the conditions apply !!!
 *
 * 1. Block unit
 * 2. Functional unit
 * 3. Motion unit
 *
 */

/* Toast */
.ui-toast {display:none; position:fixed; top:0; left:0; z-index:125; width:100%; height:100%;}
.ui-toast .inner {display:flex; justify-content:center; -webkit-justify-content:center; align-items:center; width:100%; height:100%; text-align:center;}
.ui-toast .inner .cont {display:inline-block; position:relative; width:89.3vw; background-color:rgba(34,34,34,0.8); font-size:14px; color:#fff; line-height:20px; padding:12px 20px; overflow:hidden;box-sizing:border-box; word-break:break-word;}
.ui-toast .inner .cont a {color:#fff;}

[data-toast="cont-bottom"]{height:auto;}
[data-toast="cont-bottom"]{top:0; position:absolute; transform: translateY(-100%);}
[data-toast="cont-bottom"] .inner .cont{width:100%; padding-top:10px; padding-bottom:10px;}
[data-toast="cont-bottom"] i.ico-check{margin-right:2px}

/* Alert */
[data-alert] {background-color: rgba(34,34,34,0); transition-duration: 0.2s; z-index: -9999;}
[data-alert].show {display:block; z-index:130;}
[data-alert].show.isAnimate {background-color: rgba(34,34,34,0.5); transition-property: background-color; transition-duration: 0.2s;}
[data-alert] [data-alert-inner] {transform:translate(-50%, -50%)  scale(0.85); opacity:0; transition: 0.2s ease-in-out;}
[data-alert].show.isAnimate [data-alert-inner] {transform:translate(-50%, -50%) scale(1.01); opacity:1;}

:where(.ui-alert) {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:110;}
:where(.ui-alert) .inner {overflow:hidden; position:absolute; top:50%; left:50%; z-index:100; width:77.3vw; max-width:290px; border-radius:2px;background:#fff; transform:translate(-50%, -50%);}
:where(.ui-alert) .inner .cont {position:relative; overflow:hidden; overflow-y:auto; max-height:65vh; padding:24px 16px; font-size:14px; text-align:center; line-height:20px; -webkit-overflow-scrolling:touch; word-break:break-word;}
:where(.ui-alert) .inner .cont::-webkit-scrollbar {display:none; width:0; height:0;}
:where(.ui-alert) .inner .buttons {display:flex; justify-content:center; border-top:1px solid #e0e0e0; background-color:#fff;}
:where(.ui-alert) .inner .buttons a {flex:1; display:inline-flex; align-items:center; justify-content:center; height:42px; border-left:1px solid #e0e0e0; font-size:14px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#222; text-align:center; line-height:20px;}
:where(.ui-alert) .inner .buttons a:first-child {border-left:0;}

/* Popup Default (Excluding Main popup) */
[class^="ui-popup-"] > .inner {display:flex; flex-direction:column; position:absolute; left:0; width:100%; height:100%; box-sizing:border-box; background-color:#fff; z-index:100;padding-right:constant(safe-area-inset-right);padding-left:constant(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left);}
[class^="ui-popup-"] > .inner .close {position:absolute; top:50%; right:0; box-sizing:border-box; transform:translateY(-50%);}
[class^="ui-popup-"] > .inner .close .btn-close {display:inline-block; width:24px; height:24px; background:url('../images/ico_dismiss1.png') no-repeat center center /24px auto;}
[class^="ui-popup-"] > .inner > .head {padding:0 20px;}
[class^="ui-popup-"] > .inner > .head > .top {position:relative; min-height:46px; padding:10px 0; box-sizing:border-box;}
[class^="ui-popup-"] > .inner > .head > .top:has(.close) {padding-right:44px;}
[class^="ui-popup-"] > .inner > .head > .top .title {font-size:16px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; white-space:normal; color:#222; word-break:break-all; line-height:26px;}
[class^="ui-popup-"] > .inner > .head > .top .title.st1 {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
[class^="ui-popup-"] > .inner > .head > .text {font-size:13px; color:#000; line-height:17px; white-space:wrap; word-break:break-word;}
[class^="ui-popup-"] > .inner > .content {box-sizing:border-box; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:0 20px 20px;}
[class^="ui-popup-"] > .inner > .content::-webkit-scrollbar {display:none; width:0; height:0;}
[class^="ui-popup-"] > .inner > .bottom {margin-top:auto; padding:10px;}
[class^="ui-popup-"] > .inner > .bottom .btn-wrap > [class^="btn-grade"]:not(:first-child) {margin-left:2px;}

/* Action Sheet */
[data-actionsheet] {background-color:rgba(34,34,34,0); transition-duration:0.6s; z-index:-9999; opacity:0;}
[data-actionsheet].show {display:block; z-index:110;}
[data-actionsheet].show.isAnimate {background-color:rgba(34,34,34,0.5); opacity:1; transition:opacity .2s;}
/* [data-actionsheet].show.isAnimate {background-color:rgba(34,34,34,0.5); transition:opacity 0.6s; opacity:1;} */

.ui-popup-action {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:110;}
.ui-popup-action > .inner {bottom:0; height:auto; max-height:calc(var(--vh) - 40px); padding-top:20px;}
.ui-popup-action > .inner > .content {padding:20px;}

/* Full Popup */
.ui-popup-full {display:none; position:fixed; top:0; left:0; z-index:110; width:100%; height:100%; background:#fff;}
.ui-popup-full > .inner > .head {padding:20px 20px 10px;}
.ui-popup-full > .inner > .content {flex:1; padding:0 20px 20px;}

/* inAPP */
.ui-popup-inapp {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:110;}
.ui-popup-inapp > .inner .close {height:50px; background:#666666;}
.ui-popup-inapp > .inner .close .btn-close {display:inline-block; width:60px; height:100%;}
.ui-popup-inapp > .inner > .head .title {font-size:18px; font-weight:600;}
.ui-popup-inapp > .inner > .content {flex:1; padding:0;}

/* Tooltip Motion */
[data-layer-show] {position:relative;}
[data-layer-view] {display:none; position:absolute; z-index:1;}
[data-layer-view] a {pointer-events:none;}
[data-layer-view].on {display:block; z-index:9;}
[data-layer-view].on a {pointer-events:auto;}
[data-layer-transition="slide"] {max-height:0; overflow:hidden; transition:0.3s ease-out;}
[data-layer-transition="slide"].isTransition {max-height:500px; transition:0.6s ease-in;}
[data-layer-transition="scale"] {transform:scale(0.85); transform-origin:top center; opacity:0; transition:.4s ease;}
[data-layer-transition="scale"].isTransition {transform:scale(1); opacity:1;}
[data-layer-transition="tooltip"] {right:0; width:100%; height:100%; transform:translateY(-10px); opacity:0; transition:.4s ease; box-sizing:border-box;}
[data-layer-transition="tooltip"]::after {content:""; position:absolute; top:-4px; left:50%; width:0; height:0; margin-left:-4px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid rgba(34, 34, 34, 0.9);}
[data-layer-transition="tooltip"] .outer {display:inline-block; position:absolute; z-index:1; width:100vw; padding:0 20px; transform:translateX(calc(-50vw - -50%)); font-size:0; box-sizing:border-box;}
[data-layer-transition="tooltip"].isTransition {transform:translateY(4px); opacity:1;}
[data-layer-pos] .outer {max-width:51.2vw; width:max-content; padding:0; transform:none; letter-spacing:-0.8px;}
[data-layer-pos="center"] .outer {left:50%; transform:translateX(-50%);}
[data-layer-pos="right"] .outer {right:0; left:auto;}

/* Tooltip Layout Style */
.tooltip-area {display:inline-block; position:relative; font-size:0;}
.tooltip-area.top [data-layer-transition="tooltip"] {top:-100%; transform:translateY(10px);}
.tooltip-area.top [data-layer-transition="tooltip"]::after {bottom:-4px; top:auto; transform:rotate(180deg);}
.tooltip-area.top [data-layer-transition="tooltip"] .outer {bottom:0;}
.tooltip-area.top [data-layer-transition="tooltip"].isTransition {transform:translateY(-4px);}
:where(.tooltip-cont) .outer {left:0;}
:where(.tooltip-cont) .inner {padding:12px; border-radius:3px; background:rgba(34, 34, 34, 0.9); color:#fff; font-size:12px; line-height:16px; text-align:left; word-break:break-all; box-sizing:border-box;}

/* 공통 :Swiper */
.swiper-container {position:relative; overflow:hidden; margin:0; padding:0; list-style:none; font-size:0;}
.swiper-container-vertical > .swiper-wrapper {flex-direction:column;}
.swiper-container-free-mode > .swiper-wrapper {transition-timing-function: ease-out;  margin: 0 auto;}
.swiper-wrapper {position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; transition-timing-function:ease; box-sizing:content-box; font-size:12px; vertical-align:top;}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory;}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory;}
.swiper-slide {display:block; flex-shrink:0; position:relative; width:100%; height:100%; transition-property:transform;}
.swiper-backface-hidden .swiper-slide {transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.swiper-slide img {width:100%;}
.carousel .media > * {width:100%; height:100%; object-fit:cover;}

/* 공통 :Swiper Pagination - 기본  */
.swiper-pagination {display:none; width:100%; text-align:center; font-size:0; box-sizing:border-box;}
.swiper-pagination:not(.swiper-pagination-lock) {display:block;}
.swiper-pagination .swiper-pagination-bullet {overflow:hidden; display:inline-block; position:relative; width:6px; height:6px; margin-left:4px; border-radius:50%; background:rgba(255,255,255,0.6); vertical-align:top;}
.swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
.swiper-pagination .swiper-pagination-bullet-active {width:15px; border-radius:10px; background:rgba(255,255,255,1);}

/* 공통 :Swiper Pagination Progressbar */
.swiper-pagination-progressbar {position:relative; width:100%; height:2px; background:rgba(255, 255, 255, 0.6);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {position:absolute; top:0; left:0; width:100%; height:100%; background:#222; transform-origin:left top;}

/* 공통 :Swiper Pagination - 카운터 */
.swiper-pagination.custom.swiper-pagination-lock {display:none;}
.swiper-pagination.custom {display:inline-block; overflow:hidden; position:absolute; left:auto; bottom:4px; right:4px; width:auto; min-width:48px; height:21px; margin-top:0; padding:0 8px; background:none; line-height:21px; font-size:0; text-align:center; box-sizing:border-box;}
.swiper-pagination.custom:before {display:block; content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(34,34,34,0.5);}
.swiper-pagination.custom > * {display:inline-block; position:relative; z-index:1; margin-right:4px; font-size:11px; color:#fff; vertical-align:middle;}
.swiper-pagination.custom > *:last-child {margin-right:0;}
.swiper-pagination.custom > strong {font-weight:normal;}

/* 선택 :Swiper Pagination - html 탭 */
.swiper-pagination.custom-html {position:relative; overflow:hidden; bottom:auto; right:auto; width:100%; height:auto; padding:0; border-radius:0;}
.swiper-pagination.custom-html:before {display:none;}
.swiper-pagination.custom-html .inner {overflow-x:auto; width:100%; font-size:0; text-align:left; white-space:nowrap; scroll-behavior:smooth; box-sizing:border-box;}
.swiper-pagination.custom-html .inner::-webkit-scrollbar {display:none;}
.swiper-pagination.custom-html .swiper-page {display:inline-block; position:relative; width:auto; height:20px; margin:0; padding-bottom:8px; border-radius:0; font-size:14px; font-family:'PretendardMedium','Microsoft YaHei'; font-weight:bold; color:#bbb; vertical-align:top; line-height:20px; box-sizing:content-box;}
.swiper-pagination.custom-html .swiper-page + .swiper-page {margin-left:10px;}
.swiper-pagination.custom-html .swiper-page.swiper-pagination-bullet-active {color:#222;}
.swiper-pagination.custom-html .swiper-page.swiper-pagination-bullet-active:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#DE3831;}
.swiper-pagination.custom-html .swiper-page:only-child.swiper-pagination-bullet-active {display:block; padding-bottom:0;}
.swiper-pagination.custom-html .swiper-page:only-child.swiper-pagination-bullet-active:before {display:none;}
.swiper-pagination.custom-html + .swiper-wrapper {margin-top:20px;}

/* Tab */
.tab-wrap {position:relative;}
.tab-menu {display:flex; justify-content:flex-start; align-items:center; overflow-x:auto; position:relative; box-sizing:border-box; white-space:nowrap; font-size:0; background:#fff;}
.tab-menu::-webkit-scrollbar {display:none;}
.tab-menu li {position:relative; box-sizing:border-box; flex:1; text-align:center;} /* 기본 : 균등 */
.tab-menu li a,
.tab-menu li label {display:flex; align-items:center; justify-content:center; height:100%; box-sizing:border-box; font-size:18px; color:#777;}
.tab-menu li .fm-choice > label i {flex:none;}
[data-tab-content] > div {display:none;}
[data-tab-content] > div.on {display:block;}
.tab-menu.variable li {flex:none;} /* 가변 */
.tab-menu .fm-choice {width:100%;}

.tab-menu.type1:before,
.tab-menu.type1 li:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#eee;}
.tab-menu.type1 li a,
.tab-menu.type1 li label {height:50px; padding:0 10px; font-size:15px; color:#999;}
.tab-menu.type1 li a span,
.tab-menu.type1 li label i {display:inline-flex; align-items:center; justify-content:center; position:relative; height:100%;}
.tab-menu.type1 li.on a,
.tab-menu.type1 li input:checked + label {font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#de3831;}
.tab-menu.type1 li.on a span:after,
.tab-menu.type1 li input:checked + label i:after {display:block; content:""; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:2px; background:#de3831;}

.tab-menu.type2:after,
.tab-menu.type2 li:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e0e0e0;}
.tab-menu.type2 li {z-index:1;}
.tab-menu.type2 li a,
.tab-menu.type2 li label {height:50px; padding:0 10px; font-size:14px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#999;}
.tab-menu.type2 li.on:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#de3831;}
.tab-menu.type2 li.on a,
.tab-menu.type2 li input:checked + label {color:#222;}
.tab-menu.type2.variable li {min-width:20px;}

.tab-menu.type3 {overflow:hidden;}
.tab-menu.type3 li {padding-left:20px;}
.tab-menu.type3 li:before {display:block; content:""; position:absolute; top:50%; left:10px; transform:translateY(-50%); width:1px; height:8px; background:#999;}
.tab-menu.type3 li:first-child {padding-left:0;}
.tab-menu.type3 li:first-child:before {display:none;}
.tab-menu.type3 li a,
.tab-menu.type3 li label {font-size:14px; color:#a2a2a2;}
.tab-menu.type3 li.on a,
.tab-menu.type3 li input:checked + label {color:#222;}

.tab-menu.type4 li a,
.tab-menu.type4 li label {width:100%; height:40px; padding:0 10px; border:1px solid #222; border-right:0; font-size:12px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#222;}
.tab-menu.type4 li:last-child a,
.tab-menu.type4 li:last-child label {border-right:1px solid #222;}
.tab-menu.type4 li.on a,
.tab-menu.type4 li input:checked + label {background:#222; color:#fff;}
.tab-menu.type4.variable li {min-width:20px;}

/* Accrodion */
.accordion-wrap > ul > li + li {margin-top:20px;}
.accordion-head {position:relative;}
.accordion-toggle {display:flex; align-items:center; position:relative; padding-right:30px}
.accordion-toggle:after {display:block; content:""; position:absolute; top:50%; right:0; width:20px; height:20px; background:url('../images/ico_arrow11.png') no-repeat 0 0 /20px auto; transform:translateY(-50%);}
.accordion-toggle.on:after {transform:translateY(-50%) rotate(-180deg);}
.accordion-head .title {font-size:15px; font-weight:normal; color:#222; line-height:20px;}
.accordion-cont {display:none;}
.accordion-cont.on {display:block;}
[data-acn-view], [data-acn-subview] {display:none;}
[data-acn-view].on, [data-acn-subview].on {display:block;}
/* st1 : 버튼 사이즈 */
.accordion-toggle.st1 {padding-right:34px}
.accordion-toggle.st1:after {width:24px; height:24px; background: url('../images/ico_chevron_down1.png') no-repeat 0 0 /24px auto;}
/* Type1 : head 콘텐츠 좌/우 정렬에 툴팁이 있을 때 */
.accordion-head.type1{display:flex; justify-content: space-between;}
.accordion-head.type1 .accordion-toggle{justify-content: flex-end; flex:1; text-align: right; word-break: break-all;}
.accordion-toggle .cont .price{font-size:16px; line-height: 24px; color:#de3831; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei';}
.accordion-toggle .cont .text{font-size:16px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei'; line-height: 26px;}
.accordion-head .head-left{display: flex; align-items: center;}
.accordion-head .head-left .title{font-size:16px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei'; line-height: 26px;}
.accordion-head .head-left .tooltip-area{margin-left:4px}

/* Accordion Layer */
.accordion-layer {border:1px solid #bbb;}
.accordion-layer .accordion-toggle {overflow:hidden; width:100%; height:44px; padding:0 50px 0 20px; line-height:44px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; text-align:left; font-size:14px; color:#222;}
.accordion-layer .accordion-toggle:after {right:20px;}
.accordion-layer .accordion-cont {padding-top:10px;}
.accordion-layer:not(.on) .accordion-toggle:after {transform:translateY(-50%);}
/* 동의 */
.accordion-layer .layer-top{display:flex; align-items: center; justify-content: space-between;}
.accordion-layer .layer-choice{flex:1; box-sizing: border-box; font-size:0; overflow: hidden;}
.accordion-layer .layer-choice .fm-choice{display:block;}
.accordion-layer .layer-choice label{box-sizing: border-box; overflow: hidden; display: flex; padding-left:10px}
.accordion-layer .layer-choice label i{word-break: unset; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.accordion-layer .layer-choice input:checked + label{font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.accordion-layer .layer-cont{padding:0 20px 15px}
.accordion-layer .layer-top .accordion-toggle{flex:0 0 64px; padding:0;}
.accordion-layer .layer-top .accordion-toggle:after {right:20px;}
.accordion-layer.on .layer-top{align-items: flex-start;}
.accordion-layer.on .layer-choice{padding-top:12px; padding-bottom:10px}
.accordion-layer.on .layer-choice .fm-choice{display:inline-block;}
.accordion-layer.on .layer-choice label i{word-break: break-all; white-space: unset; text-overflow: unset; overflow: auto;}
/* st1 : 버튼 사이즈 */
.accordion-layer .accordion-toggle.st1 {flex:0 0 44px}
.accordion-layer .accordion-toggle.st1:after {right:10px;}

/* Scroll [default :horizontality] */
.ui-scroll {display:flex; overflow:hidden; overflow-x:auto; white-space:nowrap; font-size:0;}
.ui-scroll::-webkit-scrollbar {display:none;}
.ui-scroll > * {display:inline-block; vertical-align:top; white-space:normal; font-size:14px; flex:0 0 auto;}
.ui-scroll .ui-scroll-inner {display:inline-table; width:100%; padding:0 0 0 20px; box-sizing:border-box; white-space:nowrap; font-size:0; vertical-align:top;}
.ui-scroll .ui-scroll-inner:after {display:inline-block; content:""; width:20px; height:100%; vertical-align:top;}
.ui-scroll .ui-scroll-inner > * {display:inline-block; margin-left:10px; vertical-align:top; white-space:normal;}
.ui-scroll .ui-scroll-inner > *:first-child {margin-left:0;}
.ui-scroll.vertical {display:block; overflow-x:hidden; overflow-y:auto;}
.ui-scroll:has(.ui-scroll-inner) {display:block; white-space:normal;}
.ui-scroll:not(:has(.ui-scroll-inner)) {padding:0 20px;}

/* Time Count */
.time-area {display:flex; font-size:0;}
.time-area .time {position:relative; overflow:hidden; --line-height:14px;}
.time-area .time:before {display:inline-block; content:":"; height:100%; margin:-1px 2px 0; font-size:12px; font-family:'PretendardMedium','Microsoft YaHei'; line-height:var(--line-height); color:#222; vertical-align:middle;}
.time-area .time:first-child:before {display:none;}
.time-area .time span {display:inline-block; position:relative; min-width:11px; vertical-align:top; line-height:1; font-size:0;}
.time-area .time span em {display:block; position:relative; z-index:1; font-size:12px; font-family:'PretendardMedium','Microsoft YaHei'; line-height:var(--line-height); color:#222; white-space:nowrap;}
.time-area .time span.sign {margin:0 5px;}
.time-area.type2 {padding-left:29px; background:url('../images/ico_time.png') no-repeat 3px center /20px auto;}
.time-area.type2 .time {--line-height:26px;}
.time-area.type2 .time:before,
.time-area.type2 .time span em {font-size:20px;}
.time-area.type2.st1 {background-image:url('../images/ico_time03.png');}
.time-area.type2.st1 .time span em,
.time-area.type2.st1 .time:before {color:#fff;}
.time-area .time span em.prev {position:relative; margin-top:calc(-1 * (var(--line-height)));}
.time-area .time span.isAnimation {animation:timeMotion .6s ease infinite;}
.time-area .time span:not(.isAnimation) em.prev {position:static;}
@keyframes timeMotion {
    0% {transform:translateY(0);}
    100% {transform:translateY(100%);}
}

/* Wishlist Animation */
.ck-like {display:inline-block;position:relative;width:24px; height:24px;}
.ck-like > input{position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.ck-like > label{display:inline-block; width:100%; height:100%; background:url('../images/ico_wish.png') no-repeat 0 0 /100% auto; text-indent:-9999px;}
.ck-like > label::before,
.ck-like > label::after{content:'';visibility:hidden;position:absolute;left:0;top:0;z-index:-1;width:100%; height:100%; background:url('../images/ico_wish_on.png') no-repeat 0 0 /100% auto;}
.ck-like > label::after{z-index:-2;}
.ck-like > input:checked + label{background:none;}
.ck-like > input:checked + label::before{visibility:visible;animation:likeHeart .8s ease-in-out both;}
.ck-like > input:checked + label::after{visibility:visible;animation:likeHeartout .8s ease-in-out both;}
.ck-like > input:checked.isChecked + label::before{visibility:visible;animation:none;}
.ck-like > input:checked.isChecked + label::after{visibility:visible;animation:none;}
.ck-like.type2 {width:17px; height:14px;}
.ck-like.type2 > label {background-image:url('../images/ico_wish02.png');}
.ck-like.type2 > label::before,
.ck-like.type2 > label::after {background-image:url('../images/ico_wish02.png'); background-position:0 -20px;}

@keyframes likeHeart{
    0%  { transform:scale( 1); transform-origin:bottom;}
    25%  { transform:scale( 1.3);transform-origin:bottom;}
    50%{ transform:scale( 1 );transform-origin:bottom;}
    75%  { transform:scale( 1.2);transform-origin:bottom;}
    100% { transform:scale( 1 );transform-origin:bottom;}
}
@keyframes likeHeartout {
    0% {transform:scale(1.2);opacity:0;}
    5% { transform:scale(1.2);opacity:0.2; }
    23% { transform:scale(1.5);opacity:0.4;}
    42% {transform:scale(1.7);opacity:0.2;}
    71% {transform:scale(2);opacity:0.1; }
    95% {transform:scale(2.1);opacity:0.05;}
    100% {transform:scale(2.3);opacity:0; }
}

/* Cart Animation */
.btn-cart {display:inline-block; -webkit-tap-highlight-color:transparent !important;}
.btn-cart .cart {display:inline-block; position:relative; font-size:0;}
.btn-cart .cart .ico-cart {position:relative;}
.btn-cart .cart .number {display:block; position:absolute; top:-5px; right:-7px; z-index:1;}
.btn-cart .cart .number:before {display:none; content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:#de3831; line-height:14px;}
.btn-cart .cart .number .count {display:none; position:relative; z-index:1; min-width:15px; height:15px; padding:0 2px; box-sizing:border-box; font-size:9px; text-align:center; line-height:15px; color:#fff; white-space:nowrap;}
.btn-cart.in .cart .number:before,
.btn-cart.in .cart .number .count {display:block;}
.btn-cart.animated .cart .ico-cart {animation:cartShake .6s .6s ease-in-out forwards;}
.btn-cart.animated .cart .number:before {animation:cartPluse .5s ease-in-out both;}
.btn-cart.animated .cart .number .count {animation:cartCount .6s cubic-bezier(0.87,0,0.13,1) forwards;}
.btn-ico2.btn-cart{overflow:visible;}
.btn-ico2.btn-cart .cart{top:50%; left:50%; transform:translate(-50%, -50%);}
@keyframes cartPluse {
    from {transform:scale3d(0.6,0.6,0.6);}
    50% {transform:scale3d(1.5,1.5,1.5);}
    to {transform:scale3d(1,1,1);}
}
@keyframes cartShake {
    0%   {transform:rotate(5deg);}
    15%  {transform:rotate(-5deg);}
    30%  {transform:rotate(5deg);}
    45%  {transform:rotate(-5deg);}
    60%  {transform:rotate(5deg);}
    75%  {transform:rotate(-5deg);}
    90%  {transform:rotate(5deg);}
    100% {transform:rotate(0);}
}
@keyframes cartCount {
    from {transform:translateY(-20px); opacity:0;}
    to {transform:translateY(0); opacity:1;}
}

/* Paging Area */
.paging-area {padding:20px 0 0;}
.paging-area .btn-paging {display:inline-flex; align-items:center; justify-content:center; overflow:hidden; width:100%; height:36px; border-radius:5px; background:#F5F5F5; isolation:isolate;}
.paging-area .btn-paging i {font-size:12px; color:#666;}
.paging-area .btn-paging strong {font-weight:normal;}
.paging-area .btn-paging .ico-refresh {padding-right:18px; background:url('../images/ico_refresh.png') no-repeat right center /12.5px auto;}
.paging-area .btn-paging .ico-more {padding-right:18px; background:url('../images/ico_arrow05.png') no-repeat right 2px center /6.5px auto;}
.paging-area.type1 [class*="btn-grade"] i {padding-left:15px; background:url('../images/ico_add1.png') no-repeat left center /13px auto; font-size:14px; color:#222;}

/* Product Module */
.product-block {display:inline-block; position:relative; width:100%; max-width:162px; vertical-align:top; font-size:0; box-sizing:border-box;}
.product-block .view {position:relative; height:calc(100% / 1100);}
.product-block .view .cm-media img {aspect-ratio:1 / 1; width:100%; height:auto;}
.product-block .view .cm-media:before {display:block; background:rgba(224,224,224,0.2);}
.product-block .view:has(.chip) .cm-media:before {display:none;} /* 2026-03-05 상품 옵션 컬러칩 추가 */
.product-block .view .tag-area {position:absolute; bottom:-6px; left:0;}
.product-block .view .btn-cart {display:inline-flex; align-items:center; position:absolute; bottom:5px; right:5px; z-index:2; overflow:hidden; width:26px; height:26px; padding:0 0 0 4px; border-radius:50%; background:rgba(0,0,0,0.2); isolation:isolate; box-sizing:border-box;}
.product-block .view .carousel .swiper-slide {width:100%;} /* 2026-06-24 : 상품모듈 이미지 스와이프 1px 오류 수정 */
.product-block .view .carousel .swiper-slide a {display:block;}
.product-block .view .carousel .swiper-pagination {position:absolute; bottom:10px; left:50%; z-index:2; transform:translateX(-50%);}
.product-block .view .carousel .swiper-pagination .swiper-pagination-bullet {width:10px; height:2px; margin-left:2px; border-radius:0; background:#222; opacity:0.1;}
.product-block .view .carousel .swiper-pagination .swiper-pagination-bullet-active {opacity:1;}
.product-block .info {position:relative; min-height:158px; padding-top:10px; text-align:left;}
.product-block .info .brand {overflow:hidden; font-size:12px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; line-height:16px; color:#777777; white-space:nowrap; text-overflow:ellipsis; min-width:0;}
.product-block .info .name {display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; width:100%; height:40px; font-size:13px; line-height:20px; color:#222; text-overflow:ellipsis; -webkit-line-clamp:2; word-break:break-word;}
.product-block .info .name.st1 {display:block; -webkit-line-clamp:1; height:auto; min-height:20px; white-space:nowrap;}
.product-block .info .tag-area {width:100%;}
.product-block .info .top {display:flex; align-items:flex-end; justify-content:flex-end; width:100%; min-height:16px;}
.product-block .info .top a[class^="btn-"] {position:relative; z-index:2; width:20px; height:20px; padding:2px 8px;}
.product-block .info .top .brand {flex:1; margin-right:auto;}
.product-block .info .top .btn-cart {background:url('../images/ico_cart.png') no-repeat center center /20px auto;}
.product-block .info .top .btn-order {background:url('../images/ico_noti02.png') no-repeat center center /20px auto;}
.product-block .info .count-area {z-index:3;}
.product-block .info .amount {display:flex; align-items:flex-end; min-height:36px;}
.product-block .info .amount-inner {display:flex; justify-content:space-between; align-items:center; width:100%; box-sizing:border-box;}
.product-block .info .amount .count-area {margin:0 0 0 -4px;}
.product-block .info .amount .price-area {margin-top:0;}
.product-block .info .options {display:flex; align-items:center; width:100%;}
.product-block .info .options .value {display:flex; align-items:center; flex:1; min-width:0; box-sizing:border-box;}
.product-block .info .options .value li {display:flex; align-items:center; min-width:0; font-size:12px; color:#666; line-height:16px;}
.product-block .info .options .value li + li {min-width:auto;}
.product-block .info .options .value li + li strong {overflow:visible;}
.product-block .info .options .value li + li:before {display:inline; content:"/"; margin:0 3px;}
.product-block .info .options .value li span {white-space:nowrap;}
.product-block .info .options .value li span:after {display:inline; content:":"; margin:0 3px;}
.product-block .info .options .value li strong {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:normal;}
.product-block .info .options .unit {overflow:hidden; position:relative; z-index:3; max-width:80px; margin-left:auto;}
.product-block .info .options .unit:has(.count-area) {max-width:70px;}
.product-block .info .options .unit .fm-select {width:80px;}
.product-block .info .options .value + * {margin-left:10px;}
.product-block .info .options .fm-select {text-overflow:ellipsis; white-space:nowrap;}
.product-block .utility {display:flex; align-items:center; margin-top:10px;}
.product-block .utility > * {display:inline-flex; align-items:center; justify-content:center; flex:1; min-width:0; height:32px; border:1px solid #e0e0e0; box-sizing:border-box; font-size:12px; color:#222;}
.product-block .utility > * i {display:inline-block; min-height:16px; box-sizing:border-box; text-align:left; line-height:16px;}
.product-block .utility .btn-prd-cart i {padding-left:26px; background:url('../images/ico_cart03.png') no-repeat left 5px center /16px auto;}
.product-block .utility .btn-prd-option {padding:0 26px 0 10px; background:url('../images/ico_arrow09.png') no-repeat right 10px center /16px auto;}
.product-block .utility .btn-prd-option i {overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.product-block .utility .btn-prd-restock i {padding-left:21px; background:url('../images/ico_notic03.png') no-repeat 0 center /16px auto;}
.product-block .utility .btn-prd-order i {padding-right:21px; background:url('../images/ico_arrow10.png') no-repeat right center /16px auto;}
.product-block .utility .btn-prd-out {border:0; background:#eee; color:#999; pointer-events:none;}
.product-block .utility .btn-prd-option + .btn-prd-cart {flex:none; width:40px; margin-left:5px;}
.product-block.out .info .price-area * {color:#bbb;}
/* .product-block.out .info .options .unit {z-index:auto;} */ /* 2024-05-17 : 레드마인 1182 대응 */
.product-block.st1 {width:148px;} /* 메인 신라단독상품, 신규입점브랜드 */
.product-block.st2 {width:120px;} /* 상품목록 특가/ */
.product-block.st2 .info {min-height:93px;}
.product-block.st3 .view {width:90px;} /* 주문결제, 장바구니 */
.product-block.st4 .view {width:75px;} /* 옵션스택 */
.product-block.st5 .view {width:70px; margin-right:20px;} /* 장바구니 */

/* 상품 모듈 내부 요소 상하 간격 */
.product-block .info > *:not(.pos-link) {margin-top:5px;}
.product-block .info > *:first-child,
.product-block .info .pos-link + * {margin-top:0;}
.product-block .info .option:has(.unit),
.product-block .info > .price-area,
.product-block .info > .count-area {margin-top:10px;}

/* 상품 목록 */
.product-list {padding-bottom:80px;}
.product-board {--order:2; padding:0 20px;}
.product-board > ul > li + li {margin-left:10px;}
.product-board > ul.ui-scroll {margin:0 -20px;}
.product-board > ul.ui-scroll .product-block .info {min-height:141px;} /* 2024-06-11 : 가로스크롤 상품모듈의 가격모듈 가변높이로 수정 */
.product-board > ul.ui-scroll .product-block .price-area {min-height:17px;} /* 2024-06-11 : 가로스크롤 상품모듈의 가격모듈 가변높이로 수정 */
.product-board > ul:not(.ui-scroll) {display:grid; grid-template-columns:repeat(var(--order), minmax(0,1fr)); overflow:hidden; gap:12px 10px;}
.product-board > ul:not(.ui-scroll) > li {margin-left:0; text-align:center;}
.product-board > ul:not(.ui-scroll) .product-block {max-width:100%;}
.product-board.type1 {--order:1;}
.product-board.type1 > ul {gap:30px 0;}
.product-board.type1 > ul > li {height:auto;}
.product-board.type1:has(.utility) .product-block {padding-bottom:42px;}
.product-board.type1:has(.utility) .product-block .utility {position:absolute; bottom:0; left:0; width:100%;}
.product-board.type1 .gift-area .thumb-box {overflow:visible;}
.product-board.type1 .gift-area .thumb-box .item + .item {position:absolute; top:3px; left:3px; z-index:-1;}
:where(.product-board.type1) .product-block {display:flex; max-width:100%;}
:where(.product-board.type1) .product-block .view {width:120px; margin-right:10px;}
:where(.product-board.type1) .product-block .view .tag-area {position:relative; top:-10px; bottom:auto; margin-bottom:-15px;}
:where(.product-board.type1) .product-block .info {flex:1; align-content:flex-start; min-width:0; min-height:0; padding-top:0;}
.swiper-slide .product-board {padding:0;}

.product-more {position:relative; width:100px; height:100%;}
.product-more a {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.product-more a span {display:inline-block; padding-top:50px; background:url('../images/ico_more_circle.png') no-repeat center top /42px auto; font-size:12px; color:#222; line-height:14px;}

/* Sticky */
[data-sticky] {position:sticky; position:-webkit-sticky; top:0; z-index:100;}
[data-sticky]:after {display:block; content:""; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:url('../images/bg_shadow.png') repeat-x 0 0 /auto 100%; transform:rotate(180deg); opacity:0; pointer-events:none;}
[data-sticky].adjoin.isLast:after {opacity:1;}

/* Banner */
.banner-wrap img,
.banner-wrap video,
.banner-wrap iframe {width:100%; height:auto; object-fit:cover;}
.banner-wrap.type1 .swiper-slide {height:16.0vw;}
.banner-wrap.type1 .swiper-slide img {height:100%;}

/* Filter - Brand */
.category-brand {display:flex; flex-direction:column; height:100%; padding:20px 0 0; box-sizing:border-box;}
.category-brand .top {position:relative; z-index:10; margin-bottom:auto;}
.category-brand .top .tab-wrap {padding:30px 20px 13px;}
.category-brand .search-form {padding:0 20px;}
.category-brand .search-list {position:absolute; top:39px; left:0; z-index:5; width:100%; height:calc(100vh - 238px); background:#fff;}
.category-brand .search-list .index-all ul {padding:20px 20px 0;}
.category-brand .search-list .index-all ul li {display:flex; align-items:flex-start; margin-bottom:0;}
.category-brand .brand-list {flex:1; overflow:hidden; height:100%; padding-right:20px;}
.category-brand .index-list {height:100%;}
.category-brand .index-list > .inner {display:flex; overflow:hidden; position:relative; height:100%;}
.category-brand .index-all {flex:1; overflow:hidden; overflow-y:auto; height:100%;}
.category-brand .index-all::-webkit-scrollbar {display:none;}
.category-brand .index-all > ul {padding-left:20px;}
.category-brand .index-all > ul > li {margin-bottom:20px;}
.category-brand .index-all > ul > li:last-of-type {margin-bottom:0;}
.category-brand .index-all > ul li strong {display:block; position:sticky; position:-webkit-sticky; top:0; z-index:3; padding:7px 0 3px; background:#fff; font-size:15px; color:#222; line-height:1; font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold;}
.category-brand .index-all > ul li strong:before {display:block; content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background:#fff;}
.category-brand .index-all > ul li strong:after {display:block; content:""; position:absolute; top:0; left:-20px; width:20px; height:100%; background:#fff;}
.category-brand .index-all > ul li a {flex:1; display:block; padding:6px 0; font-size:15px; color:#222; line-height:25px;}
.category-brand .index-all > ul li li {display:flex; align-items:flex-start;}
.category-brand .index-all > ul li em {color:#de3831;}
.category-brand .index-all > ul li.on a {font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold;}
.category-brand .index-all .ck-like {margin-right:10px; margin-top:11.5px;}
.category-brand .index-group {overflow:hidden; overflow-y:auto; width:28px; height:100%; margin-left:30px; border-radius:50px; background:#f7f7f7; text-align:center;}
.category-brand .index-group::-webkit-scrollbar {display:none;}
.category-brand .index-group ul {padding:4px 0;}
.category-brand .index-group ul li {position:relative; margin-top:20px; height:20px;}
.category-brand .index-group ul li:first-child {margin-top:0;}
.category-brand .index-group ul li:after {display:block; content:""; overflow:hidden; position:absolute; top:50%; left:50%; z-index:0; transform:translate(-50%, -50%); width:20px; height:20px; border-radius:50%; background:#f7f7f7; isolation:isolate;}
.category-brand .index-group ul li a {display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; z-index:1; width:100%; height:100%; margin:0 auto; font-size:12px; color:#777777; white-space:nowrap; font-family:'PretendardBold','Microsoft YaHei';}
.category-brand .index-group ul li.active:after {background:#fff;}
.category-brand .index-group ul li.active a {color:#222;}
.category-brand .index-group ul li.etc a {font-size:10px;}

/* Filter - Category */
.category-list .title {font-weight:normal;}
.category-list .total {margin-left:10px; font-size:13px; color:#999; line-height:20px;}
.category-list li + li {margin-top:20px;}
.category-list li ul {padding:20px 20px 0;}
.category-list li.on .accordion-cont {display:block;}
.category-list li.on .accordion-toggle:after {transform:translateY(-50%) rotate(-180deg);}
.category-list li.on .accordion-head a:not(.accordion-toggle) .title,
.category-list .accordion-cont li.on .title {font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold;}

/* Datepciker */
.datepicker-wrap {padding:0; background:none; box-sizing:border-box;}
.datepicker-wrap.type1 {position:relative; width:100%; box-sizing:border-box;}
.datepicker-wrap.type1::before,
.datepicker-wrap.type1::after {display:block; content:""; position:absolute; left:0; z-index:1; width:100%; height:20px;}
.datepicker-wrap.type1::before {top:0; background:linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(247,247,247,0) 80%, rgba(240,240,240,0) 100%);}
.datepicker-wrap.type1::after {bottom:0; background:linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(247,247,247,0) 80%, rgba(240,240,240,0) 100%);}
.datepicker-wrap.type1 .datepicker-inner {display:flex; position:relative; width:100%;}
.datepicker-wrap.type1 .datepicker-inner:before {display:block; content:""; position:absolute; top:88px; left:0; width:100%; height:40px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:transparent; pointer-events:none;}
.datepicker-wrap.type1 .carousel {flex:1; min-width:0; width:33.33%;}
.datepicker-wrap.type1 .swiper-container {display:inline-block; overflow:hidden; width:100%; height:200px;}
.datepicker-wrap.type1 .swiper-slide {display:flex; justify-content:center; align-items:center; user-select:none; text-align:center; transition: opacity 0.3s ease; cursor: default; -webkit-tap-highlight-color: transparent; font-size:12px; font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold; color:#777;}
.datepicker-wrap.type1 .swiper-slide-prev,
.datepicker-wrap.type1 .swiper-slide-next {cursor:pointer; font-size:14px;}
.datepicker-wrap.type1 .swiper-slide-active {padding:9px 0; font-size:16px; color:#222;}
.datepicker-wrap.type1 .swiper-slide.disabled {color:#bbb; opacity:.5;}

.ui-datepicker {width:100% !important; border:0; font-family:'Pretendard','Microsoft YaHei'; color:#222;}
.ui-datepicker::-webkit-scrollbar {display:none;}
.ui-datepicker .ui-datepicker-header {padding:0;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {display:none;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {height:27px; padding:10px 0 15px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {font-size:18px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; line-height:27px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {display:none;}
.ui-datepicker .ui-datepicker-calendar {table-layout:fixed; width:100% !important; margin:0 0 10px;}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {padding:0; text-align:center;}
.ui-datepicker .ui-datepicker-calendar th span {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px;}
.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td span {display:inline-block; width:40px; height:40px; line-height:40px; box-sizing:border-box;}
.ui-datepicker .ui-datepicker-calendar th {background:none; font-size:14px; line-height:21px;}
.ui-datepicker .ui-datepicker-calendar td {font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold;}
.ui-datepicker .ui-datepicker-calendar td a {color:#222;}
.ui-datepicker .ui-datepicker-calendar .ui-state-active {background:#DE3831; color:#fff;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end a,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end span {color:#DE3831;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-active {color:#fff;}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {opacity:.25;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {position:relative;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:before {display:block; content:""; position:absolute; top:8px; left:8px; width:4px; height:4px; border-radius:50%; background:#222;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-active:before {background:#fff;}
.ui-datepicker.ui-datepicker-multi {display:flex !important; overflow-x:auto; padding:0 20px; box-sizing:border-box;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group {width:auto !important; margin-left:10px; padding:0 10px; background:#fafafa; box-sizing:border-box;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group:first-child {margin-left:0;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-calendar {margin:0 0 10px;}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-calendar th,
.ui-datepicker.ui-datepicker-multi .ui-datepicker-calendar td {width:43px;}
/* .ui-datepicker.ui-datepicker-multi[class*="ui-datepicker-multi-"] .ui-datepicker-calendar {table-layout:fixed;}
.ui-datepicker.ui-datepicker-multi[class*="ui-datepicker-multi-"] .ui-datepicker-calendar th span,
.ui-datepicker.ui-datepicker-multi[class*="ui-datepicker-multi-"] .ui-datepicker-calendar td a,
.ui-datepicker.ui-datepicker-multi[class*="ui-datepicker-multi-"] .ui-datepicker-calendar td span {width:100%; max-width:43px;} */
.ui-datepicker:not(.ui-datepicker-multi) {width:auto !important; margin:0 20px; padding:0 0 10px; background:#fafafa;}
.ui-datepicker:not(.ui-datepicker-multi) .ui-datepicker-calendar {margin:0;}
.ui-datepicker:not(.ui-datepicker-multi) .ui-datepicker-calendar th,
.ui-datepicker:not(.ui-datepicker-multi) .ui-datepicker-calendar td {width:auto;}

/* More Content */
[data-more-content] {position:relative;}
[data-more-content].on [data-more-button] {margin-top:30px;}
[data-more-content="auto"] [data-more-list] {position:relative; max-height:100px; overflow:hidden;}
[data-more-content="auto"] [data-more-list-inner] {position:relative; top:0; left:0; width:100%;}
[data-more-content="auto"].on [data-more-list] {max-height:100%;}
[data-more-content="auto"].on [data-more-list-inner] {position:relative;}
[data-more-list].grow {position:relative; overflow:hidden; max-height:200px;}
[data-more-list].grow:after {display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:100px; background:linear-gradient(to top, #ffffff 3%, #ffffff 5%, rgba(255,255,255,0.1)); z-index:10;}
[data-more-list].grow.on {max-height:100%;}
[data-more-list].grow.on:after {display:none;}
[data-more-button] {display:none; position:relative; margin-top:10px;}
[data-more-button] .btn-txt2 > i:after {margin-left:2px;}

/* 2026-04-14 목록형 상품모듈 상품명 3줄 케이스 */
.product-block .info .name.st2 {height:auto; max-height:66px; -webkit-line-clamp:3;}
.product-board.type1 .product-block .info .name.st2 {height:40px; max-height:40px; -webkit-line-clamp:2;}

/* 2026-05-15 목록형 상품모듈 고정 높이 해제  */
.product-list .product-board > ul:not(.ui-scroll) {gap:30px 10px;}
.product-list .product-board > ul:not(.ui-scroll) .product-block .info {min-height:auto;}
.search-result .product-board > ul:not(.ui-scroll) {gap:30px 10px;}
.search-result .product-board > ul:not(.ui-scroll) .product-block .info {min-height:auto;}