@charset "utf-8";

/**
 * [content.css Writing Rules]
 * !!! Fill out only if any of the conditions apply !!!
 *
 * 1. Small unit
 * 2. Popup contents
 *
 */

/* Example */
.example-barea {display:flex; align-items:center; justify-content:center; height:300px;}

/* No Result */
.no-result .inner {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:70px 0;}
.no-result .ico-no-result {margin-bottom:10px;}
.no-result .title {font-size:16px; color:#222;}
.no-result .text {margin-top:13px; font-size:12px; color:#777; text-align:center; line-height:16px;}
.no-result .text + .btn-wrap {margin-top:30px;}
.no-result .btn-wrap,
.no-result .text[style*="display:none"] + .btn-wrap,
.no-result .text[style*="display: none"] + .btn-wrap {width:100%; margin-top:40px; padding:0 60px; box-sizing:border-box;}

/* Tag Area */
.tag-area {margin-bottom:-5px; font-size:0; vertical-align:top; text-align:left;}
.tag-area + .tag-area {margin-top:5px;}
.tag-area .tag {display:inline-block; overflow:hidden; position:relative; max-width:100%; --height:26px; height:var(--height); margin-right:5px; margin-bottom:5px; background:none; box-sizing:border-box; font-family:'PretendardBold','Microsoft YaHei'; font-size:12px; font-weight:bold; color:#fff; vertical-align:top;}
.tag-area .prd-tag {margin-right:5px; margin-bottom:5px;}
.tag-area .tag:only-child,
.tag-area .tag:last-child {margin-right:0;}
.tag-area .tag i,
.tag-area .tag i[class^="ico-"] {display:inline-block; overflow:hidden; width:100%; padding:0 10px; font-style:normal; white-space:nowrap; text-overflow:ellipsis; line-height:var(--height); box-sizing:border-box; font-size:inherit; vertical-align:top;}
.tag-area .tag.type1 {background:linear-gradient(104deg, #FF5863 23.27%, #FA3626 70.26%, #FB9156 98.39%);}
.tag-area .tag.type1.st1 {--height:20px; font-size:11px;}
.tag-area .tag.type1.st1 i {padding:0 5px;}
.tag-area .tag.type1.st1 i.ico-union {padding-right:18px;}
.tag-area .tag.type2 {background:#FF7C33;}
.tag-area .tag.type3 {--height:20px; background:linear-gradient(104deg, #FF5863 23.27%, #FA3626 70.26%, #FB9156 98.39%); font-size:10px;}
.tag-area .tag.type3 i {padding:0 6px;}
.tag-area .tag.type3.st1 {border:1px solid #FCE0DF; background:#fff; color:#DE3831;}
.tag-area .tag.type3.st1 i {line-height:calc(var(--height) - 2px);}
.tag-area .tag.type3.st2 i {padding:0; background:#fff; color:#DE3831;}
.tag-area .tag.type4 {--height:18px; font-size:10px; color:#DE3831;}
.tag-area .tag.type4 i {padding:0 3px;}
.tag-area .tag.type5 {--height:24px; background:#222;}
.tag-area .tag.type6 {--height:20px; background:linear-gradient(104deg, #FF5863 23.27%, #FA3626 70.26%, #FB9156 98.39%); font-size:11px;}
.tag-area .tag.type6 i {padding:0 5px;}
.tag-area .tag.type6 i.ico-union {padding-right:18px;}
.tag-area .tag.type6.st1 {background:linear-gradient(104deg, #5891FF 23.27%, #266EFA 70.26%, #56ACFB 98.39%);}
.tag-area .tag i.ico-union {padding-right:26px; background:url('../images/ico_bolt1.png') no-repeat right center /var(--height) auto;}
.tag-area .tag i.ico-stock {padding:0 0 0 10px; background:url('../images/ico_time02.png') no-repeat left center /8px auto;}

/* Badge Area */
.badge-area {display:flex; align-items:flex-start; position:absolute; top:0; left:0; z-index:1;}
.badge-area .badge {display:inline-block; z-index:0; --height:22px; height:var(--height); background:none; vertical-align:top; font-size:0; text-align:left; line-height:0;}
.badge-area .badge i,
.badge-area .badge i[class^="ico-"] {display:inline-block; overflow:hidden; width:100%; font-style:normal; white-space:nowrap; text-overflow:ellipsis; line-height:var(--height); box-sizing:border-box; font-size:inherit; vertical-align:top;}
.badge-area .badge + .badge {margin-left:5px;}
.badge-area .badge.rank {width:22px; text-align:center;}
.badge-area .badge.rank i {background:#C5B9AC; color:#fff; font-size:12px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.badge-area .badge.rank.first i {background:#DBB577}
.badge-area .badge.exclusive {width:85px; --height:21px;}
.badge-area .badge.exclusive i {background:url('../images/badge_exclusive.png') no-repeat 0 0 /100% auto;}

/* Price Area */
.price-area {display:flex; flex-direction:column; justify-content:flex-end; width:100%; min-height:30px; box-sizing:border-box;}
.price-area > div {display:inline-flex; align-items:center;}
.price-area .price {min-height:13px;}
.price-area .price * {font-size:11px; font-weight:normal; color:#777777; line-height:13px;}
.price-area .exchange {min-height:17px;}
.price-area .exchange em {font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold; font-size:14px; color:#DE3831; line-height:1;}
.price-area .exchange em span {position:relative; font-size:12px; vertical-align:middle;}
.price-area .exchange em i {margin-left:2px; font-size:11px; font-style:normal; font-weight:normal; font-family:'Pretendard','Microsoft YaHei'; vertical-align:middle;}
.price-area .exchange strong {font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold; font-size:14px; color:#222; line-height:1;}
.price-area:not([class*="type"]) > div  > * + * {margin-left:4px;}
.price-area.type1 {display:inline-block; min-height:0; font-size:0;}
.price-area.type1 > div {min-height:16px; vertical-align:middle;}
.price-area.type1 > div * + * {margin-left:5px;}
.price-area.type1 > div:first-child {margin-right:5px;}
.price-area.type1.st1 {overflow:hidden; text-align:right;}
.price-area.type1.st1 > div:first-child {margin-right:0;}
.price-area.type1.st1 > div:last-child {margin-left:5px;}
.price-area.type1.st2 {overflow:hidden; text-align:right;}
.price-area.type1.st2 > div {min-height:20px;}
.price-area.type1.st2 > div * + * {margin-left:10px;}
.price-area.type1.st2 > div:first-child {margin-right:0;}
.price-area.type1.st2 > div:last-child {margin-left:10px;}
.price-area.type1.st2 .exchange * {font-size:16px;}
.price-area.type1.st2 .price * {font-size:12px;}
.price-area.type2 {min-height:34px;}
.price-area.type2:has(.price):has(.exchange) {min-height:65px;}
.price-area.type2 .price {min-height:26px;}
.price-area.type2 .exchange {display:inline-flex; align-items:flex-start; justify-content:flex-end; min-height:34px;}
.price-area.type2 .exchange * {line-height:17px;}
.price-area.type2 > div {flex-direction:column; align-items:flex-start;}
.price-area.type2 > div > * {overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;}
.price-area.type2 > div > * + * {margin-left:0;}
.price-area.type2 > div + div {margin-top:5px;}
.price-area.type3 > div {justify-content:space-between;}
.price-area.type3 .price span,
.price-area.type3 .exchange strong {margin-left:auto;}

/* Count area */
.count-area {display:inline-flex; position:relative; align-items:center; height:25px;}
.count-area .count {display:flex; align-items:center; height:100%;}
.count-area .count .fm-text {width:36px; height:100%;}
.count-area .count .fm-text input {position:relative; height:100%; padding:0; border-radius:0; border:0; background:transparent; text-align:center; font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold; font-size:12px;}
.count-area .count .fm-text input:read-only {color:#222;}
.count-area .count button {display:inline-block; position:relative; width:23px; height:100%; box-sizing:border-box;}
.count-area .count button:after {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/ico_calc_minus03.png') no-repeat center center /16px auto;}
.count-area .count button.btn-count-plus:after {background-image:url('../images/ico_calc_plus03.png');}
.count-area .btn-count-set {display:inline-flex; align-items:center;  justify-content:center; min-width:0; height:100%; margin-left:5px; line-height:1;}

/* 2024-05-17 : disabled case */
.count-area[disabled],
.count-area .count button[disabled],
.count-area .count .fm-text input[disabled] {pointer-events:none;}
.count-area[disabled] .count button:after,
.count-area .count button[disabled]:after {opacity:.25;}
.count-area[disabled] .count .fm-text input,
.count-area .count .fm-text input[disabled] {color:#ccc;}

.count-area.type1 {height:40px;}
.count-area.type1 .count .fm-text {width:60px;}
.count-area.type1 .count .fm-text input {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.count-area.type1 .count button {width:40px; border:1px solid #e0e0e0;}
.count-area.type1 .count button:after {background:url('../images/ico_calc_minus02.png') no-repeat center center /12px auto;}
.count-area.type1 .count button.btn-count-plus:after {background-image:url('../images/ico_calc_plus02.png');}
.count-area.type1 .btn-count-set {border-radius:0;}
.count-area.type2 {width:100%; height:26px;}
.count-area.type2 .count {flex:1; border:1px solid #bbb; box-sizing:border-box;}
.count-area.type2 .count .fm-text {flex:1; width:auto;}
.count-area.type2 .count .fm-text input {font-weight:normal; font-family:'Pretendard';}
.count-area.type2 .btn-count-set {min-width:42px; font-size:11px;}
.count-area.type2[disabled] .count {border-color:#e0e0e0;}

/* Gift Area */
.gift-area {position:absolute; top:0; right:0; z-index:2; pointer-events:none;}
.gift-area .thumb {position:relative; width:44px; box-sizing:border-box; margin-top:5px; margin-right:5px;}
.gift-area .thumb:after {display:block; content:""; position:absolute; top:0; left:0; width:12px; height:12px; border-radius:50%; background:url('../images/ico_gift_plus.png') no-repeat 50% 50% /6px auto #222;}
.gift-area .thumb-box {overflow:hidden; position:relative; border-radius:6px 2px 2px; background-color:#fff; isolation:isolate;}
.gift-area .thumb-box .item:after {display:block; content:""; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:6px 2px 2px; border:1px solid #e0e0e0; isolation:isolate; box-sizing:border-box;}
.gift-area .thumb-box .item {overflow:hidden; width:100%; height:44px;}
.gift-area .thumb-box .item img {width:100%; height:100%; object-fit:cover;}
.gift-area.type1 .thumb-box {overflow:visible;}
.gift-area.type1 .thumb-box .item + .item {position:absolute; top:3px; left:3px; z-index:-1;}

/* Range */
.range-wrap {padding-top:1px; margin-top:-1px;}
.range-wrap .fm-block {margin-top:20px;}
.range-area {display:flex; align-items:center; position:relative; width:calc(100% - 40px); height:20px; margin:30px 0 20px 10px; padding-left:10px; box-sizing:border-box;}
.range-area .bar {overflow:hidden; position:absolute; top:50%; left:0; width:calc(100% - -20px); height:6px; border-radius:10px; background:#f5f5f5; transform:translateY(-50%);}
.range-area .value {display:inline-block; position:absolute; width:100%; height:100%; background:#222;}
.range-area .pointer {display:inline-block; position:absolute; top:0; left:0; width:20px; height:20px; border:1.5px solid #222; border-radius:50%; cursor:pointer; box-sizing:border-box; background-color:#fff;}
.range-area .num {display:inline-block; position:absolute; top:calc(-1 * calc(50% - -20px)); left:0; color:#999; font-size:13px;}
.range-area .pointer ~ .pointer .num {left:auto; right:0; margin-left:-20px; text-align:right;}

/* Common contents - Link position */
.pos-link {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; font-size:0;}

/* Common contents - Media block */
.cm-media {display:block; overflow:hidden; position:relative; width:100%; font-size:0; isolation:isolate;}
.cm-media:before {display:none; content:""; position:absolute; top:0; left:0; width:100%; height:100%; mix-blend-mode:multiply; pointer-events:none;}
.cm-media * {width:100%; height:100%; object-fit:cover; vertical-align:top;}
.cm-media.st1:before {display:block; z-index:2; background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.3));}
.cm-media.st2:before {display:block; background:rgba(224,224,224,0.2);}

/* 이미지 2개 입력되는 경우 모션 적용 */
.cm-media.motion img {position:relative; z-index:1; width:100%; height:100%; animation:zoomMotion1 8s infinite; will-change:transform;}
.cm-media.motion img:nth-child(2) {animation:zoomMotion2 8s infinite, zoomMotion2-1 8s infinite; will-change:transform; position:absolute; top:0; left:0;}
@keyframes zoomMotion1 {
    0% {transform:scale(1.2);}
    59% {transform:scale(1);}
    88% {transform:scale(1);}
    89% {transform:scale(1.2);}
    100% {transform:scale(1.2);}
}
@keyframes zoomMotion2 {
    0% {transform:scale(1.2);}
    40% {z-index:2; transform:scale(1.2);}
    99% {z-index:2; transform:scale(1);}
    100% {z-index:1; transform:scale(1);}
}
@keyframes zoomMotion2-1 {
    0% {opacity:0;}
    40% {opacity:0;}
    60% {opacity:1;}
    99% {opacity:1;}
    100% {opacity:0;}
}

/* CN몰 몰메인 팝업 개편 */
.ui-main-popup {position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;}
.ui-main-popup:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.ui-main-popup .inner {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:300px;}
.ui-main-popup .inner .ui-slider img {height:400px; object-fit:cover;}
.ui-main-popup .inner .ui-slider .swiper-pagination {position:absolute; bottom:15px; left:0; z-index:1; width:100%;}
.ui-main-popup .inner .notice {height:33px; margin-top:10px; border-radius:4px; border:1px solid #e9e9ea; background:rgba(255,255,255,0.15); box-sizing:border-box;}
.ui-main-popup .inner .notice .btn-notice {display:flex; align-items:center; overflow:hidden; height:100%; padding:0 15px 0 10px; background:url('../images/ico_arrow02.png') no-repeat right 10px center /5px auto;}
.ui-main-popup .inner .notice .btn-notice span {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  color:#fff;}
.ui-main-popup .inner .utillity {display:flex; align-items:flex-start; justify-content:space-between;}
.ui-main-popup .inner .utillity .btn-today span {font-size:15px; color:#fff;}
.ui-main-popup .inner .utillity .btn-close {display:inline-block; width:17px; height:17px; margin-left:auto; padding:0 0 20px 20px; background:url('../images/ico_close.png') no-repeat right top /17px auto; font-size:0;}

/* 상품상세 SNS 공유하기 팝업 */
.popup_layer_wrap.popup_share {position:fixed; top:auto !important; left:0; right:0; bottom:0; width:100%; z-index:121;}
.popup_share .share_sns {position:relative; background-color:#fff;}
.popup_share .share_sns .share_list {display:flex; justify-content:center; padding:50px 0;}
.popup_share .share_sns .share_list button {width:48px; height:48px; margin:0 5px; background-color:#f5f5f5; background-repeat:no-repeat; background-size:100% auto; border-radius:8px;}
.popup_share .share_sns .share_list .share01 {background-image:url('../images/ico_wechat.png');}
.popup_share .share_sns .share_list .share02 {background-image:url('../images/ico_sns_qzone.png');}
.popup_share .share_sns .share_list .share03 {background-image:url('../images/ico_add_file.png');}
.popup_share .share_sns .share_list .share04 {background-image:url('../images/ico_view_more.png');}
.popup_share .share_sns .close {position:absolute; top:-40px; right:20px; display:block; width:30px; height:30px; background:url('../images/ico_close_share.png') no-repeat 0 0; background-size:100% auto;}

/* 2023-07-03 : APK 다운로드 페이지 접근 경로 추가 */
.apk-banner {display:flex; align-items:center; height:60px; background:#222;}
.apk-banner .btn-close {display:flex; align-items:center; justify-content:center; width:49px; height:100%; vertical-align:top; font-size:0;}
.apk-banner .btn-close i {top:0;}
.apk-banner .btn-app {display:inline-block; height:25px; margin:0 20px 0 auto; padding:0 18px 0 8px; background:url('../images/ico_arrow_link02.png') no-repeat right 7px center /4px auto #de3831; font-size:10px; color:#fff; line-height:25px; vertical-align:top;}
.apk-banner .icon {display:inline-block; width:26px; height:26px; vertical-align:top; font-size:0;}
.apk-banner .icon img {width:100%; height:100%;}
.apk-banner .title {margin-left:12px; font-size:14px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#fff;}

/* 하단 가격 정보 영역 */
.price-info-wrap {display:flex; align-items:center; min-height:20px; margin-bottom:10px;}
.price-info-wrap .sign {margin-right:auto; font-size:12px; white-space:nowrap; color:#222;}
.price-info-wrap .sign .number {font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold;}
.price-info-wrap .price-area {flex:1; justify-content:flex-end; align-items:flex-end;}

/* 공지사항 텍스트 */
.noti-text {margin-top:20px; padding-left:19px; background:url('../images/ico_notice.png') no-repeat 0 center /16px auto; font-size:13px; line-height:20px; color:#999;}

/* 특가 상품같은 가로 스크롤 상품 모듈 (headline 포함) */
.cont-section {padding:10px 0 20px;}
.cont-section .headline {display:flex; flex-wrap:wrap; position:relative; padding:10px 20px; box-sizing:border-box;}
.cont-section .headline .title {flex:1; font-size:16px; color:#222; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; line-height:22px; white-space:normal; word-break:break-word;}

/* 서브페이지 상단 유틸 */
.cont-utility {display:flex; height:60px; padding:0 20px; background:#fff;}
.cont-utility[data-sticky] {top:56px;}
.cont-utility > * {display:flex; align-items:center;}
.cont-utility .left .total {font-size:13px; color:#000; white-space:nowrap;}
.cont-utility .left .total .number {font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold;}
.cont-utility .right {margin-left:auto;}
.cont-utility .right .sort {min-width:72px; flex:1; padding-left:10px; box-sizing:border-box;}
.cont-utility .right .sort .fm-select > select {text-align:right;}
.cont-utility .right .btn-icon {width:16px; height:16px; margin-left:1px; padding:7px; background:url('../images/ico_view01.png') no-repeat 50% 50% /16px auto;}
.cont-utility .right .btn-icon:last-child {margin-right:-7px;}
.cont-utility .right .btn-txt {height:20px; white-space:nowrap;}
.cont-utility .right .btn-txt i {padding-right:0;}
.cont-utility .right .btn-txt + .btn-txt {margin-left:30px;}
.cont-utility .right .btn-txt + .btn-txt:before {display:inline-block; content:""; position:absolute; top:50%; left:-15px; transform:translateY(-50%); width:1px; height:8px; background:#999;}
.cont-utility .right .btn-view.type1 {background-image:url('../images/ico_view02.png');}
.cont-utility .right .btn-filter {background-image:url('../images/ico_filter_off.png');}
.cont-utility .right .btn-filter.on {background-image:url('../images/ico_filter_on.png');}

/* 상품 목록 상단 필터 */
.cont-filter {display:flex; align-items:center; margin-bottom:10px; height:50px; background:#fff;}
.cont-filter .filter {flex:1; min-width:0;}
.cont-filter .filter .ui-scroll li + li {margin-left:8px;}
.cont-filter .btn-reset {width:36px; height:30px; border:1px solid #eee; box-sizing:border-box; background:url('../images/ico_refresh02.png') no-repeat center center /16px auto #fff;}
.cont-filter .reset {position:relative; padding-left:20px;}
.cont-filter .reset:after {display:block; content:""; position:absolute; top:0; right:-13px; z-index:5; width:13px; height:100%; background:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0));}
.cont-filter .reset + .filter .ui-scroll {padding-left:8px;}
.cont-filter .filter .ui-scroll,
.cont-filter .reset[style*="display:none"] + .filter .ui-scroll,
.cont-filter .reset[style*="display: none"] + .filter .ui-scroll {padding-left:20px;}


/* 상품 옵션 선택 팝업 */
.prod-options .view:has(.chip) {display:flex; align-items:center; justify-content:center; height:75px;} /* 2026-03-05 상품 옵션 컬러칩 추가 */
.prod-options .view .chip {display:inline-block; width:45px; height:45px; border-radius:50%; background-color: var(--opt-color); font-size:0;} /* 2026-03-05 상품 옵션 컬러칩 추가 */
.prod-options .options {overflow-y:auto; max-height:192px;}
.prod-options .options ul li a {display:flex; align-items:center; width:100%; height:52px; padding:0 20px; box-sizing:border-box;}
.prod-options .options ul li .view {width:32px; height:32px; margin-right:10px;} /* 2026-03-05 상품 옵션 컬러칩 추가 */
.prod-options .options ul li .view .chip {width:32px; height:32px;} /* 2026-03-05 상품 옵션 컬러칩 추가 */
.prod-options .options ul li .info {display:flex; flex:1; min-width:0; align-items:center;}
.prod-options .options ul li .info .name {overflow:hidden; font-size:14px; color:#444; text-overflow:ellipsis; white-space:nowrap;}
.prod-options .options ul li .info .out {margin-left:10px; white-space:nowrap;}
.prod-options .options ul li.disabled {opacity:.5; pointer-events:none;}
.prod-options .result {margin-top:20px; padding:10px; border:1px solid #eee; box-sizing:border-box;}
.prod-options .result .product-board {padding:0;}
.prod-options .price-area > div + div {margin-left:5px;}

/* 상품 필터 선택 팝업 */
.prod-pop-filter > .inner > .bottom {padding-top:0;}
.prod-pop-filter > .inner > .bottom .btn-wrap {margin-top:10px;}
.prod-pop-filter > .inner > .content {height:46.3vh; padding:0;}
.prod-pop-filter .filter-tab {margin:0 -20px;}
.prod-pop-filter .filter-tab .tab-menu li:first-child a {padding-left:20px;}
.prod-pop-filter .filter-tab .tab-menu li:last-child a {padding-right:20px;}
.prod-pop-filter .filter-tab .tab-menu li a span .number {margin-left:5px;}
:where(.prod-pop-filter .filter-tab) .tab-menu li.selected a {font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#222;}
.prod-pop-filter .filter-tab .tab-menu li.selected a span .number,
.prod-pop-filter .filter-tab .tab-menu li.on a span .number {font-family:'PretendardBold','Microsoft YaHei'; font-weight:bold;}
.prod-pop-filter .btn-filter-reset {display:inline-flex; align-items:center; justify-content:center; height:45px; margin-right:10px; padding:0 10px; white-space:nowrap;}
.prod-pop-filter .btn-filter-reset i {padding-left:22px; background:url('../images/ico_refresh02.png') no-repeat 0 center /16px auto; font-size:16px; color:#222; line-height:20px;}
.prod-pop-filter .btn-filter-reset[disabled] i {background-image:url('../images/ico_refresh03.png'); color:#e0e0e0;}
.prod-pop-filter .filter-wrap:has(.filter-brand-wrap),
.prod-pop-filter .filter-wrap .filter-brand-wrap {height:100%;}
.filter-columns .column {padding:0 16px 20px 20px;}
.filter-columns .column + .column {border-top:1px solid #eee;}
.filter-columns .column > .column-head {position:relative; padding:20px 0;}
.filter-columns .column > .column-head .title {font-size:14px; color:#222;}
.filter-columns .column.tp-sale {padding-right:0;}
.filter-selected {margin:0 -10px; border-top:1px solid #eee;}
.filter-selected ul li + li {margin-left:20px;}
.filter-selected ul li button {padding:19px 17px 20px 0;  background:url('../images/ico_close07.png') no-repeat right center /12px auto; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; font-size:13px; line-height:17px; color:#222; white-space:nowrap;}
.filter-selected ul li button i {top:0;}
.filter-benefit-wrap,
.filter-category-wrap {padding:20px;}
/* 24-06-07 */
.prod-pop-filter > .inner > .bottom .btn-wrap > [class^="btn-grade"][disabled]{pointer-events: none;}

/* 24-01-22 주문결제 */
/* 공통 : 정보 리스트 */
[class^="info-list-"] > li:first-child{margin-top:0;}
[class^="info-list-"] [class^="info-cont-"]{display:flex; align-items: flex-start;}
[class^="info-list-"] .cont-tit .txt{color:#777;}
[class^="info-list-"] .cont-tit .btn-txt{vertical-align: text-top; line-height:14px; margin-left:10px;}
[class^="info-list-"] .cont-body{flex:1; text-align: right;}
[class^="info-list-"] .info-form{margin-top:5px}
[class^="info-list-"] .info-cont-result .cont-tit .underline{color:#222}
.info-list-cont{line-height:20px;}
.info-list-cont > li{margin-top:10px;}
.info-list-form > li{margin-top:5px}
.info-list-form > li:first-child{margin-top:0;}
.info-list-form .cont-tit{flex:0 0 70px; margin-right:10px; line-height: 34px;}
.info-list-form .cont-tit .txt{font-size:12px}
.info-list-form .form-merge{padding-bottom:5px}
/* type1 : font-size 12px */
.info-list-cont.type1 .cont-tit .txt{font-size:12px}
.info-list-cont.type1 .cont-body{font-size:12px}
 /* 경유지 */
 .stopover-cont{display:flex; justify-content: flex-end; width:50%; text-align: right;}
 .stopover-cont em{margin:0 4px}
 .stopover-cont .stop-via{flex:1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
 /* 사은품 */
 .order-gift{display:flex; align-items: center; box-sizing: border-box; border:1px solid #E0E0E0; background: url('../images/ico_chevron_right1.png') calc(100% - 10px) 50% no-repeat; background-size: 16px; padding:10px 36px 10px 10px}
 .order-gift .product-block{width:47px; margin-right:16px}
 .order-gift .order-gift-pro{flex:1; overflow: hidden;}
 .order-gift .order-gift-pro span{color:#de3831}
 .order-gift [class^="gift-pro-"]{line-height:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
 .order-gift .gift-pro-hurdle{font-size:12px; color:#777}
 .order-gift .gift-pro-detail{font-size:13px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei';}
 .order-gift .gift-pro-hurdle + .gift-pro-detail{margin-top:5px}
/* 주문결제 : 사은품 증정 팝업 */
.order-pop-gift .content{padding-top:10px}
.order-pop-gift .gift-tit{font-size:14px; line-height: 20px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei'; margin-bottom:10px;}
.order-gift-area + .order-gift-area{margin-top:20px}
.order-gift-list li{margin-top:10px}
.order-gift-list li:first-child{margin-top:0}
.order-gift-choice{position:relative;}
.order-gift-choice > input{position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.order-gift-choice .order-gift{background-image: url('../images/ico_checkbox_type1.png'); background-size: 18px 18px; padding-right:46px}
.order-gift-choice input:checked + .order-gift{background-image: url('../images/ico_checkbox_type1_1.png');}
/* 주문결제 : 주문 재확인 팝업 */
.order-pop-reconfirm .re-tit{font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';  line-height: 20px; margin-bottom:10px}
.order-pop-reconfirm .reconfirm-box{background-color: #fafafa; padding:20px;}
.order-pop-reconfirm .order-reconfirm-area + .order-reconfirm-area{margin-top:20px}

/* Notice Area */
.notice-area {padding:20px; border-radius:2px; background:#fafafa; word-break:break-all;}
.notice-area .title {margin-bottom:10px; padding-left:26px; background:url('../images/ico_info1.png') no-repeat 0 0 /20px auto; font-size:13px; color:#222; line-height:20px;}
.notice-area .cms-html {font-size:12px; line-height:20px; color:#777;}/* 24-06-19 운영 대응 */
.notice-area .cms-html li,
.notice-area .cms-html p {position:relative; padding-left:20px; font-size:12px; color:#777; line-height:20px;}
.notice-area .cms-html li:before,
.notice-area .cms-html p:before {display:block; content:""; position:absolute; left:7px; top:7px; width:3px; height:3px; border-radius:50%; background:#777;}
.notice-area .cms-html .none {padding-left:0;}/* 2026-06-15 재입고알림 신청 개인정보 처리 안내 추가 */
.notice-area .cms-html .none:before {display:none;}/* 2026-06-15 재입고알림 신청 개인정보 처리 안내 추가 */
.notice-area .cms-html .point {color:#de3831;}
.notice-area .cms-html .bold {font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.notice-area.type1 {border:1px solid #efefef; background:#fff;}
.notice-area.type2 .title {padding-left:0; background:none; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.notice-area.type3 {padding:0; background-color: transparent;}
.notice-area.type3 .title{font-size:16px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei'; line-height: 26px; margin-bottom:0; padding-left:0; background: none;}
.notice-area.type3 .accordion-cont{background-color: #fafafa; box-sizing: border-box; padding:20px; margin-top:10px}

/* li Style */
.notice-area ul.st1 li li {padding-left:8px;}
.notice-area ul.st1 li li:before {display:block; content:""; position:absolute; left:0; top:9px; width:4px; height:1px; background:#777;}
.notice-area ul.st1 li + li {margin-top:2px;}

.notice-area [data-more-button] {z-index:1;}
.notice-area [data-more-button]:after {display:block; content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:0; width:100vw; height:80px; background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1) 70%); pointer-events:none;}
.notice-area [data-more-button] .btn-wrap {position:relative; z-index:1;}
.notice-area [data-more-button] .btn-more-toggle {width:100%; height:20px; background:url('../images/ico_chevron_down1.png') no-repeat center center /16px auto;}
.notice-area [data-more-button] .btn-more-toggle.on {background-image:url('../images/ico_chevron_up1.png');}
.notice-area[data-more-content].on [data-more-button] {padding:10px 0 20px;}
.notice-area[data-more-content].on [data-more-button]:after {display:none;}
.notice-area[data-more-content="auto"]:not(.on) [data-more-list] {max-height:70px;}
.notice-area:has([data-more-button]:not([style*="display:none"]):not([style*="display: none"])) {padding-bottom:0;}
.notice-text {margin-top:10px; font-size:11px; color:#222; word-break:break-word; line-height:18px;}

/* Progress Area */
.progress-area {position:relative;}
.progress-area .inner {position:relative; width:100%; height:8px; border-radius:10px; background:rgba(34,34,34,0.2);}
.progress-area .inner .bar {position:absolute; width:auto; height:100%; border-radius:10px; background:linear-gradient(104deg, #FF5863 23.27%, #FA3626 70.26%, #FB9156 98.39%);}

/* 공통 : 불릿리스트 */
[class^="bullet-list-"] li{position:relative; font-size:12px; line-height:20px; color:#777;}
[class^="bullet-list-"] .point1{color:#222; font-size:14px;}
.bullet-list-dot li{padding-left:7px;}
.bullet-list-dot li::before{content:'·'; position:absolute; top:0; left:0;}
.bullet-list-number li{text-indent:-12px; padding-left:12px}

/* Left and Right structure - Board */
.struct-columns {display:grid; gap:10px 0; grid-template-columns:repeat(1, minmax(0, 1fr));}
.struct-columns .column {display:flex; align-items:center; flex-wrap:wrap; position:relative;}
.struct-columns .column .column-head {display:inline-flex; align-items:center; position:relative;}
.struct-columns .column .column-cont {flex:1; min-width:0;}
.struct-columns .column .column-toggle,
.struct-columns .column .column-notice {display:block; position:relative; flex:none; width:100%; margin:10px 0; padding:20px; box-sizing:border-box; background:#FAFAFA;}
.struct-columns .column .column-notice {margin:10px 0 0; padding:0; background:transparent;}
.struct-columns.type1 .column .column-cont {margin-left:auto; text-align:right;}

/* List */
.struct-block {padding:20px; background:#fafafa;}
.struct-block ul li {display:flex; align-items:flex-start; flex-wrap:wrap;}
.struct-block ul li + li {margin-top:5px;}
.struct-block ul li .tit {margin-right:10px; font-size:12px; color:#777; line-height:20px; white-space:nowrap;}
.struct-block ul li .value {flex:1; min-width:0; margin-left:auto; font-weight:normal; font-size:12px; color:#222; line-height:20px; text-align:right;}
.struct-block ul li .point {font-size:12px; color:#777; line-height:20px;}
.struct-block ul li .full {width:100%; margin-top:5px;}
.struct-block ul li .full img,
.struct-block ul li .full video {width:100%;}
.struct-block.st1 ul li .tit {font-size:14px;}
.struct-block.st1 ul li + li {margin-top:20px;}
.struct-block.st1 ul li .value {font-size:14px;}

/* Time set - Hour/Minute choice */
.travel-time {position:relative;}
.travel-time:before,
.travel-time:after {display:block; content:""; position:absolute; top:0; left:0; z-index:2; width:21.6vw; height:100%; background:linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); pointer-events:none;}
.travel-time:after {left:auto; right:0; background:linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));}
.travel-time .carousel .swiper-slide {display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:10.7vw; height:10.7vw; background:#FAFAFA; font-size:3.2vw; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; color:#222; line-height:15px;}
.travel-time .carousel .swiper-slide.swiper-slide-active {background:#DE3831; color:#fff;}
.travel-time .carousel + .carousel {border-top:1px solid #fff;}

/* 공통 : input calendar */
.cont-calendar-area .calendar-filter{display:flex; border:1px solid #222}
.calendar-filter li{flex:1; border-left:1px solid #222;}
.calendar-filter li:first-child{border-left:0;}
.calendar-filter .cfilter-btn{position:relative; display: block;}
.calendar-filter .cfilter-btn > input{position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.calendar-filter .cfilter-btn label{display:flex; height: 40px; justify-content: center; align-items: center;}
.calendar-filter .cfilter-btn label i{font-style: normal; font-size:12px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei'; line-height:20px;}
.calendar-filter .cfilter-btn > input:checked + label{background-color: #222;}
.calendar-filter .cfilter-btn > input:checked + label i{color:#fff}
.cont-calendar-area .calendar-input{margin-top:10px}
/* sort */
.cont-sort-area .sort-select{display:flex; justify-content: flex-start;}
.cont-sort-area .sort-select .fm-select + .fm-select{margin-left:15px; padding-left:15px}
.cont-sort-area .sort-select .fm-select + .fm-select::before{content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:8px; background-color: #999; transform: translateY(-50%);}

/* Datepicker Popup */
.calendar-wrap .calendar-input {margin:0 0 20px 0;}
.calendar-wrap .datepicker-wrap {width:100vw; margin:0 -20px;}

/* 장바구니/주문상세 공통 상품 목록 */
.order-columns > .column + .column {margin-top:10px; padding-top:10px; border-top:1px solid #e0e0e0;}
.order-columns > .column .product-block {padding:10px 10px 10px 0;}
.order-columns > .column .product-board {padding:0;}
.order-columns > .column .product-board > ul {gap:0;}
.order-columns > .column .product-board > ul > li.commend {background:#fafafa;}
.order-columns > .column .product-board > ul > li.commend:last-child {margin-bottom:10px;}
.order-columns > .column .product-board > ul > li.commend + .commend:before {display:block; content:""; height:1px; margin:10px; background:#e0e0e0; box-sizing:border-box;}
.order-columns > .column .product-board > ul > li.commend .product-block {padding:10px 20px;}
.order-columns > .column .column-cont > ul > li + li:before,
.order-columns > .column.tp-basic .product-board > ul > li + li:before {display:block; content:""; width:100%; height:1px; margin:10px 0; background:#e0e0e0;}

/* 장바구니/주문상세 공통 가격정보 영역 */
.cart-expected {padding:10px 0 20px;}
.cart-expected .price-info-wrap {margin-bottom:0;}
.cart-expected .price-info-wrap .sign {font-size:13px;}
.cart-expected .total li {margin-bottom:10px;}
.cart-expected .total .price-area .exchange * {font-size:16px;}
.cart-expected .total .price-area .price * {font-size:14px;}
.cart-expected .info .btn-wrap {margin-top:5px;}
.cart-expected .info .title {display:flex; align-items:center; justify-content:center; width:100%; min-height:18px;}
.cart-expected .info .title span {padding-left:22px; background:url('../images/ico_check02.png') no-repeat left top /18px auto; font-size:12px; line-height:16px; white-space:normal; word-break:break-all;}
.cart-expected .info > ul {margin-top:10px; padding:20px; background:#fafafa;}
.cart-expected .info > ul:not(:has(li)) {height:1px; margin:20px 0; padding:0; background:#e0e0e0;}
.cart-expected .info .sign {font-size:12px; color:#777;}
.cart-expected .info .price-area .exchange * {font-weight:normal; font-family:'Pretendard'; font-size:12px;}
.cart-expected .result {margin-top:10px; padding:0; border:0;}
.cart-expected .result .price-info-wrap {align-items:flex-start;}
.cart-expected .result .price-info-wrap .sign {font-size:13px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei'; line-height:20px;}
.cart-expected .result .price-info-wrap .price-area {min-height:0;}
.cart-expected .result .price-info-wrap .price-area .exchange * {font-size:20px;}
.cart-expected .result .price-info-wrap .price-area .price {margin-top:5px;}
.cart-expected .result .price-info-wrap .price-area .price * {font-size:12px;}
.cart-expected .btn-cart-calc {height:30px; padding:0 10px; border:1px solid #e0e0e0; font-size:12px; color:#666; box-sizing:border-box;}

/* 공통 상품 태그 (목록/상세) */
.prd-tag {display:inline-flex; align-items:center; justify-content:center; height:18px; padding:0 3px; font-family:'PretendardBold','Microsoft YaHei'; font-size:10px; font-weight:bold; box-sizing:border-box;}
.prd-tag i {font-style:normal;}
.prd-tag.stock {padding:0 0 0 10px; background:url('../images/ico_time02.png') no-repeat left center /8px auto; color:#de3831;}
.prd-tag.local  {background:#ff5d02; color:#FFF2EB;} /* 중국배송 */
.prd-tag.super {background:#DE3831; color:#fff;} /* 초특가 */
.prd-tag.special {background:#FCE0DF; color:#DE3831;} /* 특가 */
.prd-tag.gift {background:#FFF2EB; color:#EC7A38;} /* 사은품 */
.prd-tag.new {background:#EBF3FF; color:#3D8AFF;} /* 신상품 */
.prd-tag.only {background:#DBB577; color:#fff;} /* 온리신라 */
.prd-tag.day  {background:#3D8AFF; color:#fff;} /* 당일구매(3시간/5시간) */
.prd-tag.income, /* 병행수입 */
.prd-tag.direct, /* 직매입 */
.prd-tag.flat, /* 균일가 */
.prd-tag.ad {background:#6D6D6D; color:#fff;} /* 광고 */
.prd-tag.online {background:#FCF6F0; color:#BA8236;} /* 온라인 */
.prd-tag.out {background:#444444; color:#fff;} /* 일시품절 */

/* 여행일정관리 (주문 OR 마이신라) */
.travel-manage .cont-utility {height:40px; margin-bottom:20px; padding:0;}
.travel-manage .cont-utility .fm-choice {display:none;}
.travel-manage .cont-utility .fm-choice > label i {font-size:12px;}
.travel-manage .cont-utility .count {font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.travel-manage .cont-utility .btn-trip-del,
.travel-manage .cont-utility .btn-trip-cancel {display:none;}
.travel-manage .manage > ul {display:grid; gap:20px 0; grid-template-columns:repeat(1, minmax(0, 1fr));}
.travel-manage .manage > ul > li {display:flex; align-items:flex-start;}
.travel-manage .manage > ul > li .fm-choice {display:none; margin-right:10px;}
.travel-manage .manage > ul > li .block {position:relative; flex:1; min-width:0; padding:20px; background:#FAFAFA; box-sizing:border-box;}
.travel-manage .manage > ul > li .block .link {display:none; position:absolute; top:0; left:0; width:100%; height:100%; font-size:0;}
.travel-manage .manage > ul > li .block .top {display:flex; height:20px;}
.travel-manage .manage > ul > li .block .top > * {display:flex; align-items:center;}
.travel-manage .manage > ul > li .block .date {font-size:14px; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei';}
.travel-manage .manage > ul > li .block .utill {margin-left:auto;}
.travel-manage .manage > ul > li .block .utill .btn-txt {height:20px; white-space:nowrap;}
.travel-manage .manage > ul > li .block .utill .btn-txt i {padding-right:0;}
.travel-manage .manage > ul > li .block .utill .btn-txt + .btn-txt {margin-left:30px;}
.travel-manage .manage > ul > li .block .utill .btn-txt + .btn-txt:before {display:inline-block; content:""; position:absolute; top:50%; left:-15px; transform:translateY(-50%); width:1px; height:8px; background:#999;}
.travel-manage .manage > ul > li .block .info {margin-top:20px;}
.travel-manage .manage > ul > li .block .info ul li {display:flex; align-items:flex-start; justify-content: space-between; font-size:14px; line-height:20px; white-space:normal;}
.travel-manage .manage > ul > li .block .info ul li + li {margin-top:10px;}
.travel-manage .manage > ul > li .block .info ul li .tit,
.travel-manage .manage > ul > li .block .info ul li span {color:#777; white-space:nowrap;}
.travel-manage .manage > ul > li .block .info ul li .val,
.travel-manage .manage > ul > li .block .info ul li strong {overflow:hidden; flex:1; min-width:0; padding-left:10px; white-space:nowrap; text-overflow:ellipsis; font-weight:normal; text-align:right; box-sizing:border-box;}
.travel-manage .manage > ul > li .block .info ul li .fix,
.travel-manage .manage > ul > li .block .info ul li em {padding-left:5px;}
.travel-manage .manage > ul > li.disabled .block .date,
.travel-manage .manage > ul > li.disabled .block .info {opacity:0.25;}
.travel-manage .manage + .notice-area {margin-top:40px;}
.travel-manage.edit .cont-utility .total,
.travel-manage.edit .cont-utility .btn-trip-edit {display:none;}
.travel-manage.edit .cont-utility .fm-choice,
.travel-manage.edit .cont-utility .btn-trip-del,
.travel-manage.edit .cont-utility .btn-trip-cancel {display:block;}
.travel-manage.edit .cont-utility .btn-trip-del:before {display:none;}
.travel-manage.edit .manage > ul > li .fm-choice {display:block;}
.travel-notice {margin-bottom:20px;}
.travel-manage.is-order .manage > ul > li .block {border:1px solid #eee; background:#fff;}
.travel-manage.is-order .manage > ul > li .block .link {display:block;}
.travel-manage.is-order .manage > ul > li.disabled {display:none;}
.travel-manage.is-order .manage > ul > li.selected .block {border-color:#777; box-shadow: 0px 0px 10px 0px rgba(119, 119, 119, 0.25);}

/* 2024-12-11 : 주문상세 여권번호 마스킹 처리 */
.order-detail-customer .passport-num .btn-txt {margin-right:10px; line-height:16px;}