@charset "utf-8";

/* -------- 슬라이드 -------- */
/* reset */
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; /* -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; */ -webkit-tap-highlight-color: transparent; }
.slick-track {width:1000%; overflow:hidden;}
.slick-list {position: relative; display: block !important; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after {display: table;  content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block; outline:0}
.slick-loading .slick-slide {visibility: hidden; }
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none;}

/* 슬라이드 구조 - 작은 배너 타입 */
.small_banner {font-size: 0;}
.small_banner .swiper-slide {display: inline-block; position: relative; overflow: hidden; border-radius: 20px; vertical-align: top;}
.small_banner .swiper-slide > a {display: block; width: 100%; height: 100%;}
.small_banner .img_box, .brand_list .img_box {display: block; overflow: hidden;}
.small_banner .img_box img, .brand_list .img_box img {width: 100%; height: auto;}
.small_banner .text_box {font-size: 16px;}
/* 2022-06-20 딤드추가 */
.theme_list_wrap .small_banner .swiper-slide::before {content:''; position:absolute; top:0; left:0; border-radius:20px; width:100%; height:100%; background:#000; opacity:0.45}


/* 슬라이드 구조 - 3단 썸네일 타입 */
.thumb_banner {font-size: 0;}
.thumb_banner .swiper-slide {display: inline-block; position: relative; overflow: hidden; vertical-align: top;}
.thumb_banner .swiper-slide > a {display: block; width: 100%; height: 100%;}
.thumb_banner .img_box, .brand_list .img_box {display: block; overflow: hidden;}
.thumb_banner .img_box img, .brand_list .img_box img {width: 100%; height: 100%;}
.thumb_banner .text_box {font-size: 16px;}

/* 슬라이드 구조 - 서브페이지 1단 비주얼 타입 */
.sub_banner {font-size: 0;}
.sub_banner .swiper-slide {display: inline-block; position: relative; overflow: hidden; border-radius: 20px; vertical-align: top;}
.sub_banner .swiper-slide > a {display: block; width: 100%; height: 100%;}
.sub_banner .img_box, .brand_list .img_box {display: block; overflow: hidden;}
.sub_banner .img_box img, .brand_list .img_box img {width: 100%; height: auto;}
.sub_banner .img_box {height:100%;} /* 2024-03-20 이미지 최적화 처리 */
.sub_banner .img_box img {height:100%; object-fit:cover;} /* 2024-03-20 이미지 최적화 처리 */
.sub_banner .text_box {font-size: 16px;}

/* 스와이퍼 */
.swiper-container { margin-left: auto;  margin-right: auto;  position: relative;  overflow: hidden;  list-style: none;  padding: 0;  /* Fix of Webkit flickering */  z-index: 1;}
.swiper-container-vertical > .swiper-wrapper { flex-direction: column;}
.swiper-wrapper { position: relative;  width: 100%;  height: 100%;  display: flex;  transition-property: transform;  box-sizing: content-box;}
.swiper-container-android .swiper-slide,
.swiper-wrapper {  transform: translate3d(0px, 0, 0);}
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap;}
.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap;  flex-direction: column;}
.swiper-container-free-mode > .swiper-wrapper {  transition-timing-function: ease-out;  margin: 0 auto;}
.swiper-container-free-mode > .swiper-wrapper .swiper-slide{width:auto;}
.swiper-slide {  flex-shrink: 0;  width: 100%;  height: 100%;  position: relative;  transition-property: transform;}
.swiper-slide-invisible-blank { visibility: hidden;}
/* Auto Height */
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto;}
.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height;}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function: ease-out;}
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity;}
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto;}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none;}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none;}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start;}
.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-button-prev , .swiper-button-next{ position:absolute; top:0;  z-index:2;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { left: 10px; right: auto;}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { right: 10px;  left: auto;}
.swiper-button-lock { display: none;}
.swiper-pagination { position: absolute; text-align: center;  transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10;}
.swiper-pagination.swiper-pagination-hidden { opacity: 0;}
.swiper-pagination-bullet { width: 8px;  height: 8px;  display: inline-block;  border-radius: 100%;  background: #000;  opacity: 0.2;}
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none;-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.swiper-pagination-bullet-active { opacity: 1;}
/* Progress */
.swiper-pagination-progressbar {  background: rgba(0, 0, 0, 0.25);  position: absolute;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top;}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 100%;  height: 4px;  left: 0;  top: 0;}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 4px;  height: 100%;  left: 0;  top: 0;}

/* 선택 : swiper - 인디게이터 dot */ /* 2023-06-26 : 테마관(향수관) */
.swiper-pagination.custom-dot {justify-content: center; position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:auto; margin-top:0; background:none;}
.swiper-pagination.custom-dot .swiper-pagination-bullet {flex:none; opacity:.4; width:7px; height:7px; margin:0 4px; border-radius:50%; background:#fff; cursor:pointer;}
.swiper-pagination.custom-dot .swiper-pagination-bullet-active {opacity:1;}
.swiper-pagination.custom-scroll {display:flex;}
.swiper-pagination.custom-scroll::before {content:''; position:absolute; left:0; top:0; height:1px;}
.swiper-pagination.custom-scroll .swiper-pagination-bullet{flex:1;position:relative;opacity:0.5;height:1px;border-radius:0;background:#fff;}
.swiper-pagination.custom-scroll .swiper-pagination-bullet-active{opacity:1;background:#000;}
.swiper-pagination.custom-scroll .swiper-pagination-bullet:only-child.swiper-pagination-bullet-active,
.swiper-pagination.custom-scroll.swiper-pagination-lock{display:none}

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; touch-action: none; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); opacity:1!important;}
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%;}
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%;}
.swiper-scrollbar-drag { height: 100%;  width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0;}
.swiper-scrollbar-cursor-drag { cursor: move;}
.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {max-width: 100%; max-height: 100%; object-fit: contain;}
.swiper-slide-zoomed {cursor: move;}

/* 선택 : 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:45px; margin:0; border-radius:0; background:none; opacity:1; font-size:14px; color:#222; vertical-align:top; line-height:45px;}
.swiper-pagination.custom-html .swiper-page + .swiper-page {padding-left:30px;}
.swiper-pagination.custom-html .swiper-page + .swiper-page:before {display:block; content:""; position:absolute; top:50%; left:15px; transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#cacaca;}
.swiper-pagination.custom-html .swiper-page.swiper-pagination-bullet-active {background:none; font-weight:700; color:#cb463b;}
.swiper-pagination.custom-html .swiper-page:only-child.swiper-pagination-bullet-active {display:block;}
.swiper-pagination.custom-html + .swiper-wrapper {margin-top:10px;}

/* swiper arrow custom */
.swiper_arrow{position:relative;width:1280px;margin:0 auto;z-index: 2;}
.swiper_arrow button {position: absolute; top: -200px; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 12px; transition: 0.4s;box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.swiper_arrow button:after {background: url(../images/ico_arrow04.png) no-repeat 0 -32px;}
.swiper_arrow button.swiper-button-disabled:after {opacity:0.3}
.swiper_arrow button.swiper_prev {left: -30px;}
.swiper_arrow button.swiper_next {right: -30px;}
.swiper_arrow button:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.swiper_arrow button.swiper_prev:after {transform: translate(-50%, -50%);}
.swiper_arrow button.swiper_next:after {transform: rotate(180deg) translate(50%, 50%);}

/* 2023-11-07 : 쇼핑히스토리 디자인 수정 */
.swiper_arrow.small {position:absolute; top:50%; transform: translateY(-50%); width:100%;}
.swiper_arrow.small button {top:auto; transform:none; width:30px; height:30px; border-radius:6px; box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);}
.swiper_arrow.small button:after {width: 6px; height: 12px;background: url(../images/ico_arrow01.png) no-repeat;}
.swiper_arrow.small button.swiper_prev {left: -15px;}
.swiper_arrow.small button.swiper_next {right: -15px;}

.swiper_hide_arrow button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 12px; opacity:0; box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.swiper_hide_arrow button:after {background: url(../images/ico_arrow04.png) no-repeat 0 -32px;}
.swiper_hide_arrow button.swiper-button-disabled:after {opacity:0.3; transition: 0.4s;}
.swiper_hide_arrow button.swiper_prev {left: -30px;}
.swiper_hide_arrow button.swiper_next {right: -30px;}
.swiper_hide_arrow button:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.swiper_hide_arrow button.swiper_prev:after {transform: translate(-50%, -50%);}
.swiper_hide_arrow button.swiper_next:after {transform: rotate(180deg) translate(50%, 50%);}
[data-slide]:hover .swiper_hide_arrow button, .swiper_hide_arrow button:hover {opacity:1; transition: 0.4s;}
/* swiper arrow custom : small */
.swiper_hide_arrow.small button {width: 30px; height: 30px; border-radius: 6px; box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);}
.swiper_hide_arrow.small button:after {width: 6px; height: 12px;background: url(../images/ico_arrow01.png) no-repeat;}
.swiper_hide_arrow.small button.swiper_prev {left: -15px;}
.swiper_hide_arrow.small button.swiper_next {right: -15px;}
[data-slide]{position:relative;}
.slide_list{position: relative;}
.slide_list .swiper-container-initialized,
[data-slide] .swiper-container-initialized,
[data-slide] .product_wrap_outer{overflow:hidden;}

/* .quick_menu .small_banner .slick-arrow.slick-disabled:after {background-position: 0 -22px;}

/* indicator */
/* section[class^="main_"] .small_banner .slick-arrow {display: none !important;}
section[class^="main_"] .small_banner:hover .slick-arrow {display: block !important;} */

/* 2023-06-26 : 테마관(향수관) */
.swiper_visual_arrow button { z-index:2; position:absolute; top:50%; transform:translateY(-50%); width:26px; height:26px; text-indent:-9999px;}
.swiper_visual_arrow button:after {content:''; position: absolute; width:14px; height:28px; top:50%; left:50%; background:url('../images/ico_arrow21_w.png') no-repeat center center/100%;}
.swiper_visual_arrow button.swiper-button-disabled:after {opacity:0.3}
.swiper_visual_arrow button.swiper_prev {left:30px;}
.swiper_visual_arrow button.swiper_next {right:30px;}
.swiper_visual_arrow button.swiper_prev:after {transform:translate(-50%, -50%);}
.swiper_visual_arrow button.swiper_next:after {transform:rotate(180deg) translate(50%, 50%);}
.swiper_visual_arrow.small button {width:20px; height:20px;}
.swiper_visual_arrow.small button:after {width:12px; height:22px;}

/* -------- 달력 커스텀-------- */
#ui-datepicker-div{z-index:130 !important;/*display:flex !important;*/padding:20px 0px;border:1px solid #222;border-radius:10px;}
#ui-datepicker-div.ui-datepicker-multi-2{width:624px !important}
#ui-datepicker-div.ui-datepicker-multi-2:before{content:'';display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#eeeeee}
.ui-datepicker-trigger{position:absolute;top:50%;right:15px;transform:translateY(-50%);margin-top:-2px}
.ui-datepicker-trigger img {position:relative;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next{cursor:pointer;bottom:0;width:40px;height:40px;border:0}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:before,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next:before{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:18px;background:url('../images/ico_arrow04.png')no-repeat 0 bottom/10px auto}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next:before{transform:translate(-50%,-50%) rotate(-180deg);}

#ui-datepicker-div.ui-datepicker .ui-icon-circle-triangle-w{display:none;}
.ui-datepicker .ui-datepicker-calendar th{background:none}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td{width:40px;height:40px;font-size:14px;box-sizing:border-box;}
.ui-datepicker-title{font-size:16px;font-weight:700;}
.ui-datepicker-group{padding:0 10px;box-sizing:border-box}
#ui-datepicker-div.ui-datepicker .ui-datepicker-multi .ui-datepicker-group table{margin:0 auto}
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight{/* background:none !important; */ color:#222 !important}

.ui-datepicker .ui-datepicker-today{position:relative}
#ui-datepicker-div.ui-datepicker .ui-state-highlight:before{content:'';display:block;position:absolute;top:9px;left:9px;width:4px;height:4px;background:#222;border-radius:50%}
#ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-active{background:#E80F00 !important;border-radius:50%;color:#fff !important}
#ui-datepicker-div.ui-datepicker .ui-datepicker-today .ui-state-active:before{display:none}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active{background:#E80F00;border-radius:50%;color:#fff}
.ui-datepicker td a:hover{background:#ffd8d6;border-radius:50%;}
.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {opacity:.20;filter:Alpha(Opacity=35);background-image:none;}/* 2022-07-26 달력 비활성화 추가 */

#ui-datepicker-div.ui-datepicker .ui-datepicker-title{line-height:1.2}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title select{margin:0;padding:0 16px 0 10px;border:0;color:#222;font-size:16px;font-weight:700;appearance:none;-webkit-appearance: none;line-height:1.2;background:url('../images/ico_arrow09.png')no-repeat right 50%}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title .ui-datepicker-month{margin-left:4px}


/* -------- tab - 스티키-------- */
[data-sticky-content].fixed{position:fixed !important;top:0;left:0;z-index:2;width:100%;}


/* -------- accordion -------- */
/* 아코디언 공통 */
[data-acn-view], [data-acn-subview]{display:none;}
[data-acn-view].on, [data-acn-subview].on{display:block;}
[data-acn-view="more"] {display: block;}

/* 아코디언 - 더보기 버튼(브랜드샵, 명품관) */
.accordion_detail {margin-top: 16px; font-size: 16px;}
.accordion_detail:after {content: ''; display: block; clear: both;}
.accordion_detail .accordion_desc {float: left; padding-left: 10px; max-width: calc(100% - 165px); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; box-sizing: border-box;}
.accordion_detail .accordion_desc.on {white-space: normal;}
.accordion_detail .function_btn {float: right; width: 145px; margin-left: 20px; display: flex; align-items: center; justify-content: space-between;}
.accordion_detail .function_btn > span .btn_txt.more{min-width:58px;text-align:right}

/* 아코디언 - arrow(장바구니, 주문결제) */
.accordion_wrap [data-acn-menu] {cursor: pointer;}
[data-accordion] .ico_arrow {display: inline-block; width: 20px; height: 20px; position: relative; vertical-align: middle; mask:url('../svg/ico-arrow-02-16-down.svg') no-repeat 50% 50% /16px auto; background-color: #222;}/* 26-06-29 스페셜오더 신청 개인정보 처리 및 고지사항 추가 */
/* .accordion_wrap .ico_arrow:after {content: ''; position: absolute; top: 50%; right: 0; width: 14px; height: 7px; background: url(../images/ico_arrow14.png) 0 0 no-repeat; background-size: 14px 7px; transform: translateY(-50%) rotate(180deg);} */
.accordion_wrap .ico_arrow.small{width: 12px; height: 12px; mask-image: url('../svg/ico-arrow-02-12-down.svg'); mask-size: 12px auto;}
.accordion_wrap .ico_arrow.big{width: 24px; height: 24px; mask-image: url('../svg/ico-arrow-02-24-down.svg'); mask-size: 24px auto;}
/* .accordion_wrap .ico_arrow.on{mask-image: url('../svg/ico-arrow-02-16-up.svg');} */
/* .accordion_wrap .on .ico_arrow:after {transform: translateY(-50%) rotate(0deg);}
.accordion_wrap .on .ico_arrow.small:after {transform: translateY(-50%) rotate(-180deg);} */
[data-accordion].on .ico_arrow{mask-image: url('../svg/ico-arrow-02-16-up.svg');}
[data-accordion].on .ico_arrow.small{mask-image: url('../svg/ico-arrow-02-12-up.svg');}
[data-accordion].on .ico_arrow.big{mask-image: url('../svg/ico-arrow-02-24-up.svg');}

/* Type2 라인 */
.accordion_wrap.type2 > li{border-top:1px solid #f5f5f5; margin-top:17px; padding:16px 0 0;}
.accordion_wrap.type2 > li:first-child{border-top:none; margin-top:0;}
.accordion_wrap.type2 .accordion_tit{padding:0;}
.accordion_wrap.type2 .accordion_cont{margin-top:16px}
/* 2022-07-01 추가 */
.accordion_wrap.type2 .accordion_tit > .ac_tit{font-size:16px; font-weight:700;}
.accordion_wrap.type2 .ac_tit_cont.on .accordion_btn:after{margin-top: -5px; transform: rotate(180deg);}
.accordion_wrap.type2 .ac_tit_cont{justify-content:flex-end;}

.accordion_cont {display:none;}
.accordion_cont.on{display:block;}
.accordion_tit {/*z-index:10;*/display:flex;position:relative; padding:16px 0 16px;}
.accordion_tit.on .accordion_btn:after {transform: translateY(-50%) rotate(-180deg);}
.accordion_tit > .tit {position:relative; font-size:14px;}
.accordion_tit .sub_title {display: block; font-size: 16px;}
.accordion_btn {display:flex;align-items:center;width:20px;height:18px;padding-left: 14px}
.accordion_btn:after {content: ''; display:block; position:absolute; top:50%; right:0; width:14px; height:8px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('../images/ico_arrow08.png') 0 0 no-repeat; background-size:14px auto; }
.accordion_btn.on:after {margin-top:-3px; transform:rotate(180deg)}

/* 타이틀 전체 a일 경우 (필터) */
.accordion_wrap.type1 .accordion_btn {width:100%; height:auto; padding:0}

/* 테이블 + 아코디언(FAQ) */
.accordion_wrap .form_table .answer_txt.on {padding-top: 10px;}
.accordion_wrap .form_table .answer_txt .txt {font-size: 15px; color: #616161; line-height: 1.54}
.accordion_wrap .form_table .answer_txt .txt a {font-size: 15px; color: #616161;}

/* -------- popup -------- */
/* default show hide */
[data-layer-view] {
    display:none;
    position:absolute;
    z-index:1; /* z-index 는 상황에 따라 수정해야 할 경우 custom 으로 지정 */
}
[data-layer-view].on {
    display:block;
    z-index:10; /* z-index 는 상황에 따라 수정해야 할 경우 custom 으로 지정 */
}

/* slide show hide :: 슬라이드 형태일 경우 box-shadow는 아래꺼로 사용됨으로 커스텀 css 에서는 삭제 필요  */
[data-layer-transition="slide"] {
    max-height: 0;
    overflow:hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0); /* box-shadow 수정필요시 수정 가능 */
    transition: 0.3s ease-out, box-shadow 0.6s;
}
[data-layer-transition="slide"].isTransition {
    max-height:500px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3); /* box-shadow 수정필요시 수정 가능 */
    transition: 0.6s ease-in, box-shadow 0.2s;
}

/* scale opacity show hide  */
[data-layer-transition="scale"] {
    transform: scale(0.85);
    transform-origin: top center;
    opacity:0;
   box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2); /* 2022-07-28 box-shadow 변경*/
    transition: .4s ease;
}
[data-layer-transition="scale"].isTransition {
    transform: scale(1);
    opacity:1;
    transition:opacity .4s ease;
}

/* tooltipy show hide  */
[data-layer-transition="tooltip"] {
    transform: translate(-50%, 20px) scale(0.8);
    opacity:0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    transition: .4s ease;
}
[data-layer-transition="tooltip"].isTransition {
    transform: translate(-50%, 0) scale(1);
    opacity:1;
    transition: .4s ease;
}

/* 23-02-20 장바구니 기능 강화 */
/* default Tooltip Once */
[data-layer-show].once {position:relative; font-size:0;}/* 26-02-05 26상시개선 주문/장바구니 */
[data-layer-show].once::after {visibility:hidden; content:'';display:block;position:absolute; top:auto; bottom:-11px; left:50%; transform:translateX(-50%); width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid rgba(0, 0, 0, 0.9); opacity:0; transition: .2s ease;}
[data-layer-show].once.on::after {visibility:visible; opacity:1; z-index: 1; bottom:-11px; transition: .2s ease; transition-delay: 0.1s;}
[data-layer-show].once .tooltip_cont {top:calc(100% - -11px); z-index:10;}
[data-layer-show].once .tooltip_cont .delete {position:absolute; top:15px; right:15px;}

/* 2024-01-11 : 툴팁 위치 고정 (왼쪽 기본) */
[data-layer-pos="center"] {left:50%; margin-left:-150px;}
[data-layer-pos="right"] {left:auto !important; right:-10px;}

/* 툴팁 *//* 26-03-19 26상시개선 상품상세 */
.form_tooltip{display:inline-block; position:relative; min-height:16px; line-height:16px;}
.tooltip_cont {position:absolute; top:27px; left:-10px; width: 300px; overflow-x: hidden; overflow-y: auto; background-color:#222; border-radius:10px; box-sizing:border-box; padding:15px 50px 15px 20px;} /* 23-02-20 장바구니 기능 강화 */ /* 2026-04-03 여권정보 자동인식 솔루션 */
.tip_txt{font-size:14px; color:#fff; line-height:20px; text-align: left;} /* 2026-04-03 여권정보 자동인식 솔루션 */
.tooltip_cont.type1{left:auto; right:-20px}
/* text + icon */
.btn_tooltip{position:relative; display:inline-block; font-size:16px; line-height:16px; vertical-align:bottom;}
.btn_tooltip::after{visibility:hidden; content:'';display:block;position:absolute; bottom:-11px; right:0; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid rgba(0, 0, 0, 0.9); opacity:0; transition: .2s ease;}
.btn_tooltip.on::after{visibility:visible; opacity:1; z-index: 1; bottom:-11px; transition: .2s ease; transition-delay: 0.1s;}
.btn_tooltip > i{top:0}
.btn_tooltip > .ico_tooltip{margin-left:4px; vertical-align:top;}
.form_tooltip.stxt .btn_tooltip{font-size:15px; line-height:16px; color:#616161;}
.form_tooltip .btn_ico.delete.type4 {position:absolute; top:15px; right:15px;}/* 23-02-20 장바구니 기능 강화 */
.form_tooltip .tool-btn{position:absolute; top:15px; right:15px;}

.tooltip_detail{position:relative; height:100%;}

/* 아이콘 *//* 26-03-19 26상시개선 상품상세 */
.ico_tooltip{position:relative;display:inline-block; width:16px; height:16px; background:url('../svg/ico-tooltip-01-16.svg') 0 0/100% no-repeat; text-indent:-999px; overflow:hidden;}
.ico_tooltip.type2{background:url('../svg/ico-tooltip-02-16.svg') 0 0 no-repeat;}/* 26-03-19 26상시개선 상품상세 */
.form_tooltip.type2 .btn_tooltip:after {display:none}
.form_tooltip.type3 .ico_tooltip{width:20px; height:20px; background:url('../images/ico_qmark02.png') 0 0 no-repeat;}
.form_tooltip.right .tooltip_cont {left:auto; right:-20px}
.ico_tooltip.st01{background-image: url('../svg/ico-tooltip-03-16.svg');}

.tip_cont > .bullet_list > li{color:#fff;}
.tip_cont > .bullet_list > li:before{background:#fff;}
.tip_cont > .bullet_list > li > strong{display:block;}
.tip_cont.type1 .bullet_list > li{margin-top:10px}
.tip_tit{color:#fff; font-size:16px; font-weight:700; margin-top:20px}
.tip_tit:first-of-type{margin-top:0;}

.tip_cont_list{color:#fff;}
.tip_cont_list dt{font-weight:700; line-height:1.5; margin-top:20px}
.tip_cont_list dt:first-of-type{margin-top:0;}
.tip_cont_list dd{font-weight:400; font-size:13px; line-height:1.7}

.tip_txt.bullet_list > li{color:#fff;}
.tip_txt.bullet_list > li:before{background-color:#fff}

/* 24-01-03 표면 할인율 표기 기준 변경 */
.tip_cont .tip_arr{display:flex; justify-content: flex-end; align-items: center; color:#fff; font-size:14px; line-height:24px}
.tip_cont .tip_arr .arr_left{flex:1; font-weight:700;}
.tip_cont .tip_arr .arr_right{font-weight:700;}

/* 팝업 툴팁  */
.popup_layer {padding:25px 30px 30px; border:1px solid #222; border-radius:20px; background-color:#fff; box-sizing: border-box;}
.popup_layer .popup_content {padding:0; overflow:initial}
.popup_layer .popup_close .btn_close {top:11px; right:11px}
.pop_tit {display:block; margin-bottom:16px; font-size:16px; font-weight:700;}
.title_b {display:block; margin-bottom:14px; font-size:16px}
.title_s {display:block; margin:16px 0 7px; font-size:12px; font-weight:400;}
.title_r {display:block; margin:35px 0 7px; font-size:13px; color: #616161; font-weight:400;}
.title_m {display:block; margin:16px 0 7px; font-size:14px; font-weight:400;}
.title_b + .title_s {margin-top:0}
.popup_layer .btn_wrap {margin-top:30px}

/* Use Class on Script */
.lockBody {position:fixed; overflow:hidden; height:100%;}

/* popup 공통 */
.popup_inner {display: flex; flex-direction: column; position:absolute; left:0; width:100%; box-sizing:border-box; background-color: #fff; z-index:100;}
.popup_inner .popup_head {padding: 45px 30px 20px}
.popup_inner .popup_head .title {font-size: 17px; color: #222; font-weight:700;}
.popup_inner .popup_bottom {margin-top: auto; padding:20px;}/* 2022-07-01 : 팝업 버튼 위 여백 추가 */
.popup_inner .popup_bottom .pop_btm_agree{margin:0 0 20px;text-align:center;}/* 2022-07-01 추가 *//* 22-11-14 제휴팝업 추가 */
.popup_inner .popup_content {box-sizing: border-box; padding:0 10px 20px 30px; position:relative;}/* 25-08-22 개인정보보호법 대응 개인정보 수집·동의 수정 */
.scroll_inner {padding-right: 20px; overflow-X: hidden; overflow-y: auto; -webkit-overflow-scrolling:touch; }
.popup_content .text_box .tit {display: block; font-size: 22px; font-weight:700; margin-bottom: 2px;}
.popup_content .text_box .txt {font-size: 15px; color: #222;}
.popup_inner .slide .item {width: 350px; height: 350px; position: relative; overflow:hidden}
.popup_inner .btn_view_wrap {padding: 0 30px;}
.popup_inner .btn_view {font-size: 15px; color: #222; position: relative; line-height: 28px; font-weight:700;}
.popup_inner .btn_view:after {content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; background-color: #222;}

/* 몰메인팝업 공통 */
/* .popup_mall {display:none} */
.popup_mall {position: absolute; /*top: 325px;*/ top:27%;left: 150px; z-index:1; width: 350px; height: 400px;}/* 22-08-17 고정 해제 */
.popup_mall .slide{height:350px;}
.popup_mall > .popup_inner { border-radius: 20px; overflow: hidden !important; box-sizing: border-box; background-color: #FAFAFA; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2); }/** 2022-07-28 background 변경 , box-shadow 추가 */
.popup_mall .popup_bottom  {display: flex; justify-content: space-between; padding: 0; background-color: #f5f5f5; position: relative}
.popup_mall .popup_bottom button {font-size: 14px; color: #616161; padding: 15px 20px;}
.popup_mall .popup_content .img_box {display: block;}
.popup_mall .popup_content .img_box img {width: 100%; height: auto;}
.popup_mall .text_box .txt {color: rgba(34,34,34,0.7);}
.popup_mall .text_box em {font-weight:700;}
.popup_mall .banner_paging {position:absolute; bottom: 60px; right: 10px;z-index:2; width: 55px; height: 20px; line-height: 20px; text-align:center; border-radius: 10px; background-color:rgba(34,34,34,0.3);}
.popup_mall .banner_paging .banner_count {color: rgba(255,255,255,0.7); margin-right: 0; position: relative; top: -2px;}
.popup_mall .banner_paging .current {font-size: 12px; color: #fff; font-weight:700;}
.popup_mall .banner_paging .total {font-size: 12px; font-weight:400;}

/* 마케팅팝업 */
.popup_mall .marketing .popup_content .text_box {padding: 0 10px;}
.popup_mall .marketing .popup_content {padding: 10px;}
.popup_mall .marketing .text_box .txt {max-width:100%; display:-webkit-box; white-space:normal; max-height: 44px; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.popup_mall .marketing .text_box .txt > span{display:block}
.popup_mall .item.type1 .img_box {width: 330px; height: 200px; border-radius: 10px; overflow: hidden;}
.popup_mall .item.type1 .tit {margin-top: 12px;}
.popup_mall .item.type2 .img_box {position: absolute; width: 350px; height: 400px; top: 0; left: 0;}
.popup_mall .item.type2 .text_box {position: absolute; top: 220px}
.popup_mall .item.type2 .text_box .tit {color: #fff;}
.popup_mall .item.type2 .text_box .txt {color: rgba(255,255,255,0.7);}
.popup_mall .item.type2 .text_box .txt span{display:block;}

/* 공지팝업 */
.popup_mall .notice{display:flex;flex-direction:column;box-sizing:border-box;}/* 2022-08-17 : 추가 */
.popup_mall .notice .popup_content{flex:1;padding-bottom:0;overflow-y:auto;box-sizing:border-box;}/* 2022-08-17 : 추가 */
.popup_mall .notice .text_box .txt {line-height: 28px; color: #222}
.popup_mall .notice .text_box .txt > span{display:block}
.popup_mall .notice .btn_view_wrap{padding:30px 30px 10px;}/* 2022-08-17 : 수정 */

/* Full popup */
[data-full-layer] {display:none; background-color: rgba(0, 0, 0, 0);transition-duration: 0.2s; z-index: -9999;}
[data-full-layer].show {display:block;z-index: 110;}/* 2022-07-26 : 풀팝업 z-index 수정 (120 → 110) */
[data-full-layer].show.isAnimate {background-color: rgba(0, 0, 0, 0.65); transition-property: background-color;transition-duration: 0.2s;}
[data-full-layer] [data-full-inner] {transform:translate(-50%, -50%)  scale(0.85); opacity:0; transition: 0.2s ease-in-out;}
[data-full-layer].show.isAnimate [data-full-inner] {transform:translate(-50%, -50%) scale(1); opacity:1;}

.popup_full {position:fixed; left:0; top:0; width:100%; height:100%;}
.popup_full .popup_inner {position: absolute; overflow: hidden; left: 50%; top: 50%; z-index: 100; width: 580px; min-height:730px; max-height:730px; box-sizing: border-box; background: #fff; border-radius: 20px;height:auto}
.popup_full .popup_inner.type2 {width: 400px; height: 700px; max-height:700px;}
.popup_full .popup_inner.type2 .popup_head {padding-bottom: 54px;}
.popup_full .popup_inner.type3 {width: 1176px;}
.popup_full .popup_inner.type4 {width: 810px}
.popup_full .popup_head {padding: 53px 40px 26px;}
.popup_full .popup_head.type2 {border-bottom: 1px solid #eee; text-align: center; padding: 22px 25px 24px;}
.popup_full .popup_head.type3 {padding:60px 40px 60px}
.popup_full .popup_head.type3 .title > strong{font-weight:700;}/* 2022-07-06 장바구니 팝업 관련 추가 */
.popup_full .popup_inner .popup_head.type4 {padding: 26px 30px 0;}
/* 22-11-10 KICC 간편결제카드관리 : 본인인증 화면 */
.popup_full.shadow .popup_inner.type2{min-height:550px; max-height: 550px; box-shadow: 0 12px 20px 5px rgba(0, 0, 0, .2);}
[data-full-layer].show.isAnimate.shadow{background:none}

/* 2022-10-12 : 마이신라 2차 개선 (주소검색 팝업) */
.popup_full .popup_head.type5 {padding:0; text-align:center;}
.popup_full .popup_head.type5 > .title {height:81px; border-bottom:1px solid #eee; line-height:81px; box-sizing:border-box;}

.popup_full .popup_head > .title {font-size: 24px; font-weight: 700; line-height: 34px;}
.popup_full .popup_head > .title.type2 {font-weight:400;}
.popup_full .popup_head > .title > p i {color: #E80F00; font-weight:700;}
.popup_full .popup_head > .title > p strong {color: #E80F00;}
.popup_full .popup_content {box-sizing: border-box; overflow: hidden; overflow-y:auto; padding:0 40px 40px; flex:1;}/* 2022-07-28 flex:1 추가 */
.popup_full .popup_content.type1{padding:40px}
.popup_close .btn_close {position: absolute; right: 20px; top: 20px; display: block; width: 40px; height: 40px; z-index: 999;}
.popup_close .btn_close::before {content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 16px; height: 16px; background: url(../images/ico_close.png) no-repeat 0 0;}
.popup_close.white .btn_close::before {background: url(../images/ico_close02.png) no-repeat 0 0;}
.popup_full.hauto .popup_inner{height:auto; min-height:auto;}
/* 2023-06-26 : 테마관(향수관) */
.popup_full.dark .popup_inner {background-color:#000;}
.popup_full.dark .popup_close .btn_close::before {background-image:url('../images/ico_close02.png')}
.popup_full.dark .popup_head .title {color:#fff;}

/* 2024-07-15 : 결제수단별 브랜드 상품 추가할인 (head 영역 없고 content에 타이틀이 추가되는 경우 / 전체 스크롤) */
.popup_full.type1 .popup_inner {padding-top:60px;}
.popup_full.type1 .popup_title {padding-bottom:30px; font-size:24px; font-weight:700; color:#222; line-height:31px;}

/* Toast */
[data-toast] {display:none; position: fixed; top: 0; left: 0; z-index: 125; width: 100%; height: 100%;}
[data-toast] > .toast {display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center;}
[data-toast] > .toast > span{display:inline-block; position: relative; width:335px; box-sizing: border-box; border-radius:55px; background-color: rgba(0, 0, 0, 0.85); font-size:14px; color:#fff; line-height: 22px; padding:11px 20px 12px; overflow:hidden;}
[data-toast] > .toast > span a{display:block; position: relative; margin-top: 3px; color: #fff; opacity: 0.6;}
.toast.st01 > span{padding: 14px 20px}
.toast.type2 > span {border-radius: 20px;}
.toast .ico_arrow {position: relative;}
.toast .ico_arrow:after {content: ''; position: absolute; top: 50%; transform: rotate(180deg) translateY(50%); right: -15px; width: 6px; height: 9px; background: url(../images/ico_arrow05.png) 0 0 no-repeat; background-size: 6px 9px;}

/* Alert */
[data-alert] {background-color: rgba(0, 0, 0, 0); transition-duration: 0.2s; z-index: -9999;}
[data-alert].show {display:block;z-index: 120;}
[data-alert].show.isAnimate {background-color: rgba(0, 0, 0, 0.7); 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); opacity:1;}
.popup_alert{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:110;}
.popup_alert_inner{position:absolute; top:50%; left:50%; width:290px; border-radius:20px; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:#fff; overflow:hidden; z-index:100;}
.popup_alert_cont{position:relative; font-size:15px; text-align:center; line-height:23px; padding:36px 20px; overflow:hidden; overflow-y:auto;}
.popup_alert_cont::-webkit-scrollbar {display:none; width:0; height:0;}
.popup_alert_button{display:flex; justify-content:center; border-top:1px solid #e0e0e0; background-color:#fff;}
.popup_alert_button a{flex:1; display:inline-block; height:55px; border-left:1px solid #e0e0e0; font-size:15px; font-weight:700; color:#222; text-align:center; line-height:55px;}
.popup_alert_button a:first-child{border-left:0;}
.popup_alert .alert_txt .tit {display:block; padding-bottom:5px; font-size:15px; color:#222; line-height:21px;} /* 2024-08-07 팁핑 서비스 종료 수정 *//* 25-10-20 개인정보 강화(크리덴셜 스터핑) */
.popup_alert .alert_txt .txt_s {display:block; font-size:13px; color:#999; line-height:19px;} /* 2024-08-07 팁핑 서비스 종료 수정 *//* 25-10-20 개인정보 강화(크리덴셜 스터핑) */
.popup_alert .alert_txt .st1{color:#616161}/* 25-11-17 악성고객 로그인 제한 안내 팝업 */
/* 25-10-20 개인정보 강화(크리덴셜 스터핑) */
.popup_alert_cont.type1{text-align: left;}
.popup_alert_cont.type1 .tit{font-weight:700; padding-bottom:10px}/* 25-11-17 악성고객 로그인 제한 안내 팝업 */
.popup_alert_cont.type1 .txt_s + .txt_s{margin-top:10px;}


/* 플로팅 배너 팝업 */
.floating_wrap {/*display:none;*/ height: 100vh; position: absolute; top: 0; z-index:1;}
.floating_popup {position:absolute; left: 150px; bottom: 10px; width: 380px; height: 211px; border-radius: 20px; z-index:1; box-sizing: border-box; background: #fff;}/* 22-08-17 고정 해제 *//* 22-08-18 배너 사이즈 변경 */
.floating_popup .item {position: relative; width: 100%; height: 100%; border-radius: 20px; overflow: hidden;}
.floating_popup .item .img_box {display: block; width: 100%; height: 100%}
.floating_popup .item .img_box img {width: 100%; height: auto;}
.floating_popup .item:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); border-radius: 20px;}
.floating_popup .item.only_img:before {display:none}  /* 2022-07-19 이미지형 추가 */
.floating_popup .item .text_box {position: absolute; left: 40px; top: 33px; box-sizing: border-box; color: #fff;}/* 22-08-18 배너 사이즈 변경 */
.floating_popup .item .text_box .tit {font-size: 20px; line-height:1.3}/* 22-08-18 배너 사이즈 변경 */
.floating_popup .item .text_box .tit span{display:block;}
.floating_popup .item .text_box .txt {margin-top: 12px; font-size: 16px; margin-top: 10px; opacity: 0.7;}
.floating_popup .btn_wrap {margin-top: 16px;}
.floating_popup .btn_close {top: 12px; right: 12px;}
.floating_popup.floating_popup2 {left: 540px;}

/* 개인화 영역 팝업 */
.personal_popup{z-index:50;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:335px;height:200px}
.personal_popup .personal_link{overflow:hidden;display:block;width:100%;height:100%;border-radius:20px}
.personal_popup .personal_link img{width:100%;height:auto}
.personal_popup .btn_close{top:12px;right:12px}

/* 관심상품, 관심브랜드 like */
.ck_like {position:relative; width: 24px; height: 18px; /* overflow:hidden; */}
.ck_like > input{z-index:2;position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;cursor:pointer}
.ck_like > label{position:relative;display:inline-block; width:100%; height:100%; background:url('../images/ico_like.png') no-repeat; background-position: 0 -48px; background-size:23px auto; text-indent:-9999999px; cursor: pointer;}
.ck_like > label::before,
.ck_like > label::after{content: '';visibility:hidden;position: absolute;left:0;top:0;width:100%; height:100%;}
.ck_like > input:checked + label::before,
.ck_like > input:checked + label::after{background:url('../images/ico_like02.png') 0 0 no-repeat}
/* 카테고리 브랜드명 like */
.ck_like.st01 {position:relative; width:17px; height:13px;}
.ck_like.st01 > input{z-index:2;position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;cursor:pointer}
.ck_like.st01 > label{display:inline-block; width:100%; height:100%; background:url('../images/ico_like03.png') no-repeat; background-position: 0 0; text-indent:-9999px; cursor: pointer;}
.ck_like.st01 > input:checked + label::before,
.ck_like.st01 > input:checked + label::after{background:url('../images/ico_like03.png') 0 -33px no-repeat}
/* 상품모듈 samll like */
.ck_like.st02  {width: 18px; height: 15px;overflow: visible;}
.ck_like.st02 > label {background:url('../images/ico_like04.png') 0 0 no-repeat;}
.ck_like.st02 > label::before,
.ck_like.st02 > label::after{width: 18px; height: 15px;}
.ck_like.st02 > input:checked + label::before,
.ck_like.st02 > input:checked + label::after{background:url('../images/ico_like04.png') 0 -24px no-repeat;}
/* 상품모듈 hover red box like */
.ck_like2 > input{z-index:2;position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;cursor:pointer}
.ck_like2 label {background: url(../images/ico_like.png) no-repeat center 16px; transition:opacity .6s;}
.ck_like2 label:before,
.ck_like2 label:after{content: '';position:absolute;left:50%;top:50%;margin:-9px 0 0 -12px;width: 23px; height: 18px;}
.ck_like2 label:before,
.ck_like2 label:after {visibility:hidden;background: url(../images/ico_like02.png) no-repeat 0 0;background-size: 23px auto;}
/* .ck_like2 input:checked + label {position: relative; border-radius:10px;background-image:none; background-color:rgba(49,38,38,0.8); } */
.ck_like2 input:checked + label {position: relative;background-image:none;}
/* IE대응 */
/* .ck_like2 input:checked + label {width: calc(100% - -1px); height: calc(100% - -1px);} */
/* 관심브랜드 like */
.ck_like.st03 > label {background-size:18px auto;background-position: 0 -37px;}
.ck_like.st03 > label::before,
.ck_like.st03 > label::after{width: 18px; height: 18px;}
.ck_like.st03 > input:checked + label{background:url('../images/ico_like04.png') 0 -24px no-repeat;}
.ck_like.st03 > input:checked + label::before,
.ck_like.st03 > input:checked + label::after{background:url('../images/ico_like04.png') 0 -24px no-repeat;}
/* 신라부티크 like */
.ck_like.type1 > label{background-position:0 0;background-size: 24px auto; width: 24px; height: 20px; cursor: pointer;}
.ck_like.type1:hover > label {background: url('../images/ico_like_r.png') 1px 0/23px no-repeat;}
.ck_like.type1 > input:checked + label::before{background:url('../images/ico_like02.png') no-repeat;}
/* 2022-06-08 추가 : 혜택 상세 like */
.ck_like.st04  {width:24px;height:20px;}
.ck_like.st04 > label {background:url('../images/ico_like05.png') 0 0 no-repeat;}
.ck_like.st04 > label::before,
.ck_like.st04 > label::after{width:24px;height:20px;}
.ck_like.st04 > input:checked + label::before,
.ck_like.st04 > input:checked + label::after{background:url('../images/ico_like05.png') 0 -40px no-repeat;}

/* checked animation */
.ck_like > input:checked{animation: likeHeart .8s ease-in-out none;}
.ck_like > input:checked + label{background:none;}
.ck_like > input:checked + label::before,
.ck_like2 input:checked + label:before {visibility:visible;animation: likeHeart .8s ease-in-out both;}
.ck_like > input:checked + label::after,
.ck_like2 input:checked + label:after {visibility:visible;animation: likeHeartout .8s ease-in-out both;}

.ck_like > input:checked.isChecked + label::before,
.ck_like2 input:checked.isChecked + label:before {visibility:visible;animation:none;}
.ck_like > input:checked.isChecked + label::after,
.ck_like2 input:checked.isChecked + label:after {visibility:visible;animation:none;}


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

}

/* -------- 상품 module ------- */
/* .product_wrap_outer {margin-bottom: -20px;} */
.product_wrap {margin-bottom:-60px;font-size: 0;}
.product_wrap .product_box {vertical-align: top; position: relative; display: inline-block; width: 305px; margin:0 0 60px 20px;}
.swiper-container-initialized .product_wrap.swiper-wrapper .product_box{width:auto;margin:0 0 60px 0;}
.product_wrap.swiper-wrapper .product_box:first-child {margin-left: 0;}
.product_wrap .product_cont {box-sizing: border-box;}
.product_cont .pro_ranknum {z-index:11;position: absolute; top: 0; left: 0; width: 35px; height: 35px; background: url(../images/ico_bedge02.png) 0 0/cover no-repeat; font-size: 18px; font-weight:700;color: #fff; line-height: 1.7; text-align: center;}/* 2022-08-25 : line-height 수정 */
.product_cont .pro_ranknum.big {width: 44px; height: 44px; font-size: 24px; line-height:1.6;}/* 2022-08-25 : line-height 수정 */
.product_cont .pro_ranknum.black {background: url(../images/ico_bedge01.png) 0 0/cover no-repeat;}
.product_cont .pro_ranknum.red {background: url(../images/ico_bedge03.png) 0 0/cover no-repeat;}
.product_cont .pro_img{position: relative; width: 100%; height: 100%; border-radius: 20px; overflow: hidden;}
.product_cont .pro_img:before{position: absolute; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.03); border-radius: 20px;}
.product_cont .pro_img img{width:100%; height:auto; object-fit:cover; vertical-align:middle;}
.product_cont .pro_img .gift_bedge {position: absolute; top: 0; left: 0; background-color: rgba(65,55,43,0.5); font-size: 12px; color: #fff; text-transform: uppercase; font-weight:700; border-radius: 20px 0 20px 0; padding: 11px 12px;}
.product_cont .pro_out,
.product_cont .pro_age {display:none; position:absolute; width:100%; height:40px; bottom:0; background:rgba(255, 255, 255, 0.5); text-align:center; font-size:15px; font-weight:700; line-height:40px}
.product_cont .pro_out{background:rgba(34, 34, 34, 0.4);}/* 24-04-18 상품모듈 일시품절 조정 *//* 24-08-06 일시품절/품절임박/판매종료 수정 */
/* 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */
/* 상품모듈 - 뱃지 (신상원정대) */
.product_cont .pro_tag {display:block; overflow:hidden; position:absolute; bottom:10px; right:10px; width:50px; height:50px; border-radius:50%; background:linear-gradient(-45deg, #90cbf4, #9e90e6); line-height:47px; text-align:center;}
.product_cont .pro_tag strong {display:inline-block; font-size:12px; font-weight:700; line-height:13px; color:#fff; vertical-align:middle;}
/* // 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */

/* 상품모듈 - PICK */ /* 2023-10-17 : 테마관(향수관) */
.product_cont .pro_pick {display:none; position:absolute; height:30px; left:10px; top:10px; padding:0 15px; border-radius:15px; background-color:rgba(34,34,34,.2); color: #fff; text-align:center; font-size:14px; line-height:30px;}

/* 상품모듈 - EXCLUSIVE */ /* 2023-12-15 : 주류관 */
.product_cont .pro_exclusive {display:none; position:absolute; min-width:136px; height:44px; left:0; top:0; border-radius:20px 0px; background:#D8B06E url('../images/text_bedge_exclusive.png') no-repeat center; color: #fff; text-align:center; font-size:15px; line-height:44px; padding:0 10px; box-sizing:border-box;}

.product_cont .btn_wrap.type1 {margin-left: 35px;}
.pro_detail {position:relative;padding:20px 10px 0;}
.pro_detail .pro_link{position:absolute;top:0;left:0;right:0;bottom:0}
.pro_detail .pro_info {color: #222;}
.pro_detail .pro_info .info_bedge {display: inline-block; font-size: 12px; font-weight:400; text-transform: uppercase; padding: 3px 10px; border: 1px solid #E80F00; border-radius: 14px; margin-bottom: 6px; color: #E80F00;}
.pro_detail .pro_info .info_brand {display: block; font-size: 15px; font-weight: 700; /*max-height: 44px;*/ text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.pro_detail .pro_info .info_name {display: block; font-size: 15px; margin-top: 3px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.pro_detail .pro_info .info_name.line_feed {white-space:inherit; overflow:inherit; line-height:1.3;word-break:keep-all;word-wrap:break-word;}/* 2022-08-25 : 상품상세 상품명 word-break, word-wrap 추가 */
/* .pro_detail .pro_info.row2 {height: 70px} */
.pro_detail .pro_info.row2 .info_brand {display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all;height:42px} /* 2024-11-07 : 주류관 전용 셀링포인트 추가 */
.time_sale .pro_detail .pro_info.row2 .info_brand {-webkit-line-clamp:1; height:22px; white-space:nowrap;} /* 2023-01-27 타임세일 모듈 개선 */ /* 2026-08-31 26상시개선 */
.pro_detail .pro_info.row2 .info_price{height:auto}
.pro_detail .info_benefit {margin-top: 10px; line-height: 1.786; font-size: 14px; max-height: 50px; color: #616161; text-overflow: ellipsis; word-wrap: normal; overflow: hidden;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all;}
.pro_detail .pro_info .info_price{display:flex;flex-direction:column;justify-content:flex-end;margin-top:10px;height:42px}/* 24-04-05 상시개선 : 상품모듈 간격 수정 */
.time_sale .pro_detail .pro_info .info_price{margin-top:4px;}  /* 2023-01-27 타임세일 모듈 개선 *//* 23-05-03 타임세일 풀팝업 모듈 개선 */
.info_price strong{font-weight: 700;}
.info_price i {font-size: 14px; color: #616161; margin-left: 10px; font-weight: 400;}
.p_rate { min-height: 21px;}/* 24-04-05 상시개선 : 상품모듈 간격 수정 */
.p_rate > strong {font-size: 16px; color:#E80F00; font-weight: 700;}
.time_sale .p_rate > strong {font-size: 28px; font-weight: 400; } /* 2023-01-27 타임세일 모듈 개선 *//* 23-05-03 타임세일 풀팝업 모듈 개선 *//* 24-09-25 타임세일/오늘의 특가 더보기 팝업 UI 변경 */
.p_rate i {font-size: 14px; color: #616161; margin-left: 10px; font-weight: 400;}
.p_rate i:only-child{margin-left:0;}/* 24-03-20 상시개선 : 랭킹/신상품 */
/* 임시 */
/* .info_price .p_sum {padding-top:25px} */
.info_price .p_rate + .p_sum {margin-top:0px;padding-top:0;}/* 24-04-05 상시개선 : 상품모듈 간격 수정 */
.info_price .p_sum > strong {font-size: 16px; color: #222;}
/* 로그인 후 확인율 확인 */
.info_price .p_rate.login {z-index:1;position:relative;}
.info_price .p_rate.login > a {font-weight: 400; font-size: 14px;color:#E80F00}
.info_grade{font-weight:400; font-size: 12px; margin-top: 20px;}
.info_grade .g_star{font-size: 12px; color: #222; background:url('../images/ico_star_bk.png') 0 2px no-repeat; background-size: 9.5px auto; padding-left: 13px;} /* 2026-08-31 26상시개선 */
.info_grade .g_data{font-size: 12px; color: #616161; position: relative; display: inline-block; margin-left: 5px; padding-left: 10px}
.info_grade .g_data::after{display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 10px; background-color: #e4e4e4;}
.info_grade.st02 .g_star {padding-left:21px; font-size:18px; background-size:17px auto;}
.info_grade.st02 .g_data {font-size:18px}
.info_sort {display:flex; flex-wrap:wrap; /*min-height:48px;*/ font-size:0; margin-top: 15px; align-items: baseline; gap:4px;}/* 24-04-05 상시개선 : 상품모듈 간격 수정 *//* 26-03-26 오퍼체계 개선 태그 변경 */
.info_sort li{flex-shrink: 0; min-width:50px; height:20px; align-content: center; border-radius:3px; background-color:#F5F5F5; font-size:11px; line-height: 20px; color:#999; text-align:center; padding:0 6px 0; box-sizing: border-box;}/* 26-03-26 오퍼체계 개선 태그 변경 */
.info_sort.type2 {/* min-height:64px; */ gap:5px;}/* 26-03-26 오퍼체계 개선 태그 변경 */
.info_sort.type2 li {min-width:60px; height:22px; line-height: 22px; font-size:13px}/* 26-03-26 오퍼체계 개선 태그 변경 */
/* 24-08-19 결합상품 상품상세 *//* 24-11-11 보류 */
/* .info_sort .set{background-color:#F9EBEA; color:#E80F00}
.info_sort .hotsale{background-color:#FAF6E8; color:#D4A90A}
.info_sort .coupon{background-color:#F3EDFE; color:#9747FF}
.info_sort .gift{background-color:#F8EEF6; color:#DB50B2} */

/* mouseover icon */
/* .pro_over {display: none; position:absolute; top:0; left: 0; z-index:-1; width: 100%; height: 100%; border: 1px solid #222; box-sizing: border-box; border-radius: 20px; opacity:0; transition: 0.2s; background-color: rgba(255,255,255,0.5);}
.pro_over .link {z-index: 4; position:absolute; top:0; left: 0; display: block; width: 100%; height: 100%; border-radius: 20px; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);} */
.pro_over {/*display: none;*/ position:absolute; top:0; left: 0; z-index:-1; width: 100%; height: 100%; box-sizing: border-box; border-radius: 20px; opacity:0; background:rgba(255,255,255,0.5);transition: 0.2s;}
.pro_over .link {z-index: 4; position:absolute; top:0; left: 0; display: block; width: 100%; height: 100%; border-radius: 20px; }

.pro_over .pro_choice {position:relative; display:table; width:100%; height:100%; text-align:center; border-spacing: 10px;}

.product_cont .link{z-index: 4; position:absolute; top:0; left: 0; display: block; width: 100%; height: 100%;}/* 23-02-20 장바구니 기능 강화 *//* 23-06-19 링크 영역 추가 */

/* .product_cont .pro_img:after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition: 0.2s;} */

.pro_choice .btn {position:relative; display:inline-block;vertical-align:middle;margin:5px;width: 50px; height: 50px;border-radius: 10px;}
.pro_choice .btn2 {position:relative;display: none; width: 130px; height: 50px; border-radius: 10px; line-height: 50px; margin:5px;}
.pro_choice .btn2 button {display: inline-block; width: 100%; height: 100%; font-size: 15px; color: #fff;}
.pro_choice .btn2 button:after {content: ''; margin-left: 10px; display: inline-block; width: 22px; height: 22px; background: url(../images/ico_alarm.png) no-repeat 0 0; vertical-align: sub;}
.pro_choice .pro_btn_area .red,
.pro_choice .pro_btn_area .black {background-color: rgba(49,38,38,0.8);}
.pro_choice .pro_btn_area .red:hover,
.pro_choice .pro_btn_area .black:hover {background-color: rgba(49,38,38,1);}
.pro_choice .btn button,
.pro_choice .btn label { display:block; width:100%;height:100%; text-indent: -99999px; cursor: pointer;}
.pro_choice .btn button:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pro_choice .btn_pay button:before {background: url(../images/ico_pay.png) 0 0; width: 22px; height: 17px;}
.pro_choice .btn_detail button:before {background: url(../images/ico_search.png) no-repeat 0 0; width: 22px; height: 22px;}

.pro_choice .btn_cart button:before {background: url(../images/ico_cart.png) no-repeat 0 0; width: 23px; height: 20px;}
.pro_btn_area {display:table-cell; vertical-align:middle; font-size:0}
.pro_btn_area .inner {position: relative;}
.pro_btn_area .inner .btn,
.pro_btn_area .inner .btn2{z-index: 5;}
.pro_btn_area.type1 .inner {width: 140px; margin:0 auto}
.pro_over .only_offline {font-size: 15px; font-weight:700;} /* 온라인구매 불가 상품 case */
/* .product_box:hover .pro_over {display: block; z-index:10; opacity:1;  box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);} */
/* .product_box:hover .pro_img:after{z-index:3;opacity:1;} */
.product_box:hover .pro_over {/*display: block;*/ z-index:10; opacity:1;}
/* 2023-09-18 : 상생관 */
.pro_btn_wrap {display:flex; justify-content:space-between; align-items:center; height:23px;}
.pro_btn_wrap .btn {margin:0; border-radius:0; width:23px; height:23px;}
.pro_btn_wrap .ck_like2 label {display:inline-block; width:100%; height:100%; background-image:url('../images/ico_like01.png'); background-position-y:center;}
.pro_btn_wrap .pro_btn_area {font-size:0}
.pro_btn_wrap .btn_ico {width:23px; height:23px; margin-left:37px;}
.pro_btn_wrap .btn_ico.pay:after {width:22px; height:17px; background-image:url('../images/ico_pay01.png'); background-size:22px auto;}
.pro_btn_wrap .btn_ico.cart:after {width:23px; height:20px; background-image:url('../images/ico_cart01.png'); background-size:23px auto;}
.pro_btn_wrap .btn_ico.report:after {width:22px; height:22px; background-image:url('../images/ico_alarm01.png'); background-size:22px auto;}

/* 혜택 리스트 module mouseover*/
.over_wrap {position: relative;}
.over_wrap .pro_btn_area {vertical-align: bottom;}
.over_wrap .pro_over {border: none; border-radius: 0; background-color: transparent;}
.over_wrap .pro_over .link {box-shadow: none;}
.over_wrap .pro_over .pro_choice {box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 10%); border: 1px solid #222; border-radius: 20px; box-sizing: border-box; height: 216px; background-color: rgba(255,255,255,0.5);}
/* .over_wrap .pro_over .pro_btn_area .black {background-color: rgba(49,38,38,0.4);}
.over_wrap .pro_over .pro_btn_area .black:hover {background-color: rgba(49,38,38,1)} */
.over_wrap .pro_over .btn_share button:before {background: url(../images/btn_share_w.png) 0 0/cover; width: 17px; height: 17px;}
.over_wrap:hover .pro_over {display: block; opacity: 1; z-index: 1;}

/* 상품모듈 스와이퍼 */
.slide_banner .slick-arrow {position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 12px; box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.slide_banner .slick-arrow:after {background: url(../images/ico_arrow04.png) no-repeat 0 -32px;}
.slide_banner .slick-arrow.slick-disabled:after {opacity:0.3}
.slide_banner .slick-prev {left: -30px;}
.slide_banner .slick-next {right: -30px;}
.slide_banner .slick-prev:after,
.slide_banner .slick-next:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.slide_banner .slick-prev:after {transform: translate(-50%, -50%);}
.slide_banner .slick-next:after {transform: rotate(180deg) translate(50%, 50%);}
.slide_banner .slick-arrow {opacity:0; transition: 0.4s;}
.slide_banner:hover .slick-arrow {opacity:1}

.product_wrap_arrow button {position: absolute; top: 50%;  transform: translateY(-50%); z-index: 10; width: 60px; height: 60px; border-radius: 12px; box-shadow: -1px 7px 10px 2px rgba(0,0,0,0.1); background-color: #fff; text-indent: -9999px;}
.product_wrap_arrow button:after {background: url(../images/ico_arrow04.png) no-repeat 0 -32px;}
.product_wrap_arrow button.swiper-button-disabled:after {/*background-position: 0 0;*/ opacity:0.3}
.product_wrap_arrow .swiper_prev {left: -30px;}
.product_wrap_arrow .swiper_next {right: -30px;}
.product_wrap_arrow .swiper_prev:after,
.product_wrap_arrow .swiper_next:after {content: ''; position: absolute; width: 12px; height: 22px; top: 50%; left: 50%;}
.product_wrap_arrow .swiper_prev:after {transform: translate(-50%, -50%);}
.product_wrap_arrow .swiper_next:after {transform: rotate(180deg) translate(50%, 50%);}
.product_wrap_arrow button {opacity:0; transition: 0.4s;}
.personal_list:hover .product_wrap_arrow button,
.product_wrap_arrow button:hover {opacity:1}

/* type1 - 상품목록형(inner type) */
/* .product_wrap.type1 .product_cont {padding-bottom: 30px; min-height: 427px;} */
.product_wrap.type1 .product_box {width:239px; margin:0 0 30px 10px;}/* 24-06-10 24상시개선 개인화 상품추천 구좌 추가 */
.product_wrap.type1 .product_box:first-child {margin-left: 0;}
.product_wrap.type1:not([data-slide]) .product_box:nth-child(4n+1) {margin-left: 0;}
.product_wrap.prod_col4.type1 .pro_img{width:239px;height:239px}
.product_wrap.prod_col4.type1 .pro_img img{width:100%;height:100%;}/* 2022-07-20 추가 */
.product_wrap.prod_col4.type1 .pro_detail .pro_info .info_name{min-height:42px}

/* st01 - w202(상품상세) */
.product_wrap.st01 .product_box {width: 202px}
.product_wrap.st01 .product_box .product_cont {min-height: auto;}

/* type2 - 박스형 */
.product_wrap.type2{margin-bottom:0;}
.product_wrap.type2 .product_cont .pro_img {width:305px;height:305px}
.product_wrap.type2 .slick-arrow {top:50%}
.product_wrap.type2 .product_box{margin:0 0 0 20px}
.product_wrap.type2 .product_cont {height:520px;padding-bottom:50px;background-color:#fff;border-radius:20px;box-sizing:border-box;}/* 2022-08-01 : height 추가 */
.product_wrap.type2 .pro_img:before {display: none;}
.product_wrap.type2 .pro_detail {padding: 20px 30px 0;}/* 2022-08-09 : 상단여백추가 */
/* .product_wrap.type2 .info_grade{line-height: 2.4} */

/* type3 - 장바구니, 주문목록 타입 */
.product_wrap.type3{margin-bottom:-20px}
.product_wrap.type3 .product_box {margin-bottom:20px;width: 100%; margin-left: 0;}
/* 2022-07-05 추가 */
.product_wrap.type3 .product_box .barcode_box{margin-top:10px;}
.product_wrap.type3 .product_box .barcode_box .barcode{display:block;width:96px;height:17px;}
.product_wrap.type3 .product_box .barcode_box .barcode img{width:100%;height:100%;}
.product_wrap.type3 .product_box .barcode_box .coupon_no{margin-top:5px;font-size:14px;}
/* //2022-07-05 추가 */
.product_wrap.type3 .product_cont {padding-bottom: 0; display: flex; align-items: center;}
.product_wrap.type3 .product_cont .pro_img {width: 160px; height: 160px; display: inline-block;}
.product_wrap.type3 .product_cont .pro_detail {flex: 1; box-sizing: border-box; padding: 0 0 0 20px; vertical-align: top;}
.product_wrap.type3 .product_cont .btn_wrap .no_review{display:block;font-size:14px;color:#999;text-align:center;}/* 2022-07-05 추가 */
.product_wrap.type3 .pro_detail .pro_info .info_brand,
.product_wrap.type3 .pro_detail .pro_info .info_name{min-height:23px}
.product_wrap.type3 .pro_detail .pro_info,
.product_wrap.type3 .pro_detail .info_price .p_sum{margin-top:0}
/* 2023-09-18 : 상생관 */
.product_wrap.type3.grid .product_cont {display:grid; grid-template-areas: "pro_img pro_detail"	"pro_img pro_btn"; grid-template-columns:160px 1fr;}
.product_wrap.type3.grid .product_cont .pro_img {grid-area:pro_img; order:1;}
.product_wrap.type3.grid .product_cont .pro_detail {grid-area:pro_detail; align-self:end; order:2;}
.product_wrap.type3.grid .product_cont .pro_btn_wrap {grid-area:pro_btn; align-self:start; order:3; justify-content:flex-start; margin-top:16px; padding-left:20px; }
.product_wrap.type3.grid .product_cont .pro_btn_wrap .btn_ico {margin-left:40px;}
.product_wrap.type3.grid .pro_detail .pro_info .info_brand  {display:-webkit-box; white-space:normal; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;}
.product_wrap.type3.grid .pro_detail .pro_info .info_brand a {display:-webkit-box; white-space:normal; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all;}
.product_wrap.type3.grid .pro_detail .pro_info .info_name {display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; min-height:42px; line-height:21px;}
.product_wrap.type3.grid .pro_detail .info_price .p_sum {margin-top:3px;}

/* 주문목록형 - 가로 3단형 */
.pro_detail .pro_info .p_option {font-size:14px; color: #999; margin-top: 4px}
.pro_info.type1 {display: flex; justify-content: space-between; align-items: center;}
.pro_info.type1 .info_order_wrap {flex: 1; min-height: 70px; padding-right: 15px; box-sizing: border-box; max-width:395px;} /* 2026-03-26 오퍼체계 테스트 결함 */
.pro_info.type1 .p_option {font-size: 14px; color: #999; margin-top: 3px; width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.pro_info.type1 .pro_num {width:80px; text-align: center; font-size: 14px; color: #999;}
.pro_info.type1 .pro_state {width:85px; text-align: center; font-size: 14px; color: #222; font-weight:700;}
.pro_info.type1 .pro_price {width:85px; text-align: center; font-size: 14px; color: #222;}/* 2022-07-05 추가 */
.pro_info.type1 .info_price {width: 165px; margin-top:0;margin-left: 15px;height:auto; text-align: right;}
.pro_info.type1 .order_date {font-size: 15px; font-weight:700;}
.pro_info.type1 .order_no {font-size: 14px; color: #616161; margin-top: 12px;}
.pro_info.type1 .order_depart {font-size: 14px; color: #616161; margin-top: 5px;}
.pro_info.type1 .order_mem{font-size: 14px; color: #616161; margin-top: 5px;}/* 2022-07-05 추가 */
.pro_info.type1 .coupon_no {font-size: 14px; color: #616161; margin-bottom: 10px}
.pro_detail .pro_info.type1 .info_brand, /* 말줄임용 */
.pro_detail .pro_info.type1 .info_name,
.pro_detail .pro_info.type1 .p_option {max-width:370px;}
.popup_inner .pro_detail .pro_info.type1 .info_brand, /* 팝업 내 말줄임용 */
.popup_inner .pro_detail .pro_info.type1 .info_name {max-width:208px;}
.product_wrap .product_cont .pro_img.type1 {width: 98px; height: 98px; border-radius: 10px;}
.product_wrap .product_cont .pro_img.type1:before {border-radius: 10px;}

/* col3 - 필터 + 목록페이지형(3단) */ /* 이미지 x */
.product_wrap.prod_col3 .product_box {margin-left: 37.5px;}
/* .product_wrap.prod_col3 .product_box{width:calc(100% / 3 - 25px);} */
.product_wrap.prod_col3 .product_box{width:305px}
.product_wrap.prod_col3 .product_box:nth-child(3n+1) {margin-left: 0;}
.product_wrap.prod_col3:not([data-slide]) .product_box:nth-child(-n+3) {margin-top: 0;}
.product_wrap.prod_col3.type1 .pro_img{width:305px;height:305px}
.product_wrap.prod_col3 .pro_detail .pro_info .info_brand,
.product_wrap.prod_col3 .pro_detail .pro_info .info_name{min-height:23px}

/* col4 - 목록페이지형(4단) */
.product_wrap.prod_col4 .pro_img{width:305px;height:305px}
.product_wrap:not([data-slide]).prod_col4 .product_box:nth-child(4n+1) {margin-left:0;}
.product_wrap.prod_col4 .pro_detail .pro_info .info_brand,
.product_wrap.prod_col4 .pro_detail .pro_info .info_name{min-height:23px}

/* col5 - 목록페이지형(5단) */
.product_wrap.prod_col5 .product_box {width: 240px; margin-top:5px; margin-left: 20px;}
/* .product_wrap.prod_col5 .product_cont {padding-bottom: 30px;} */
.product_wrap.prod_col5 .pro_img{width:240px;height:240px}
.product_wrap.prod_col5:not([data-slide]) .product_box:nth-child(-n+5) {margin-top: 0;}
.product_wrap.prod_col5:not([data-slide]) .product_box:nth-child(5n+1) {margin-left: 0;}
.product_wrap.prod_col5 .pro_detail .pro_info .info_brand,
.product_wrap.prod_col5 .pro_detail .pro_info .info_name{min-height:23px}

/* 슬릭구조 여백 통일 */
.product_wrap.small_banner .product_box + .product_box {margin-left: 20px;}
.product_wrap.small_banner .product_box {margin-top: 0; margin-bottom:20px}
.product_wrap.ml10 .product_box + .product_box {margin-left: 10px;}

/* 필터 상품목록 내부 상품명 두줄 */
.sorting_product .product_wrap.type1 .info_brand{min-height:23px}
.sorting_product .product_wrap.type1 .info_name {display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;  line-height:21px; min-height:42px}

/* 일시품절 */
.product_cont.out .pro_out{display:block; z-index: 3; color:#fff}/* 24-04-18 상품모듈 일시품절 조정 *//* 24-08-06 일시품절/품절임박/판매종료 수정 */
.product_cont.out .pro_choice .btn:not(.btn_detail) {display:none}
.product_cont.out .pro_choice .btn2 {display: inline-block;}
.product_cont.out .pro_btn_area.type1 .btn2 {width: 50px;}
.product_cont.out .pro_btn_area.type1 .btn2 i {display: inline-block; text-indent: -9999px;}
.product_cont.out .pro_btn_area.type1 .btn2 button:after {margin-left: 0;}
.product_cont.out .pro_btn_area.type2 .btn2 {width:50px}
.product_cont.out .pro_btn_area.type2 .btn2 i {display: inline-block; text-indent: -9999px;}
.product_cont.out .pro_btn_area.type2 .btn2 button:after {margin-left: 0;}
.product_cont.out .pro_btn_area.type2 .ck_like2 {display: inline-block;}
.product_cont.out .pro_img:before {z-index: 2; /* background: rgba(0, 0, 0, 0.04); */}/* 24-04-18 상품모듈 일시품절 조정 */
/* .product_cont.out .pro_img:after{position:absolute; top:0; content:''; display:block; width:100%; height:100%; background:rgba(255, 255, 255, 0.6);} *//* 24-04-18 상품모듈 일시품절 조정 */
.product_cont.out.nover .pro_over{background:none}/* 22-08-02 */
/* 24-05-21 상시개선 위시리스트 */
.product_cont.nobtn .pro_over{display:none;}
/* 24-07-25 상품모듈 품절 케이스 추가 */
.product_cont.out.ofstock .pro_img:after{position:absolute; top:0; content:''; display:block; width:100%; height:100%; background:rgba(255,255,255, 0.6);}/* 24-08-06 일시품절/품절임박/판매종료 수정 */
/* .product_cont.out.ofstock .pro_over{background: none;} */
.product_cont.out.ofstock .pro_detail .pro_info .info_brand a{pointer-events: none;}
.product_cont.ofstock .pro_out{background-color: rgba(255,255,255,.7); color:#222}

/* 19세 성인인증 */
.product_cont.age .pro_age{display:block; z-index: 1;}
.product_cont.age .pro_img img{filter:blur(7px);}
.product_cont.age .pro_img:before {z-index: 1; background: rgba(0, 0, 0, 0.03);}
.product_cont.age.noimg .pro_img img{filter:none;}/* 22-08-02 */

/* 일시품절 + 19세 성인인증 *//* 22-08-02 */
.product_cont.out.age .pro_out{display:block; z-index: 1;}
.product_cont.out.age .pro_age{display:none}
.product_cont.out.age .pro_img:after{display:none}

/* 브랜드 모듈(위시리스트) */
.product_cont.brand .pro_info.row2{height:auto}
/* .product_cont.brand .pro_detail {min-height: 106px;} */
/* 2022-07-20 추가 */
.product_cont.brand .pro_img:before{z-index:2;}
.product_cont.brand .pro_img img{width:auto !important;height:auto !important;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

/* PICK */ /* 2023-10-17 : 테마관(향수관) */
.product_cont.pick .pro_pick {display:block; z-index:1;}

/* 상품모듈 - EXCLUSIVE */ /* 2023-12-15 : 주류관 */
.product_cont.exclusive .pro_exclusive {display:block; z-index:1;}

/* 타임세일, 곧 품절 뱃지 */
[class^="product_cont"].bedge .pro_bedge{display:block;}
[class^="product_cont"] .pro_bedge {display:none; position: absolute; width: 50px; height: 50px; border-radius: 50%; font-size: 10px; bottom: 10px; right: 10px; text-align: center; color: #fff; z-index:10; white-space: nowrap}
[class^="product_cont"].bedge .pro_bedge > span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
[class^="product_cont"].bedge .pro_bedge strong {display:block; font-size: 12px; font-weight:400;}/* 22-08-029 뱃지 수정 font manrope 삭제 */
[class^="product_cont"].bedge .pro_bedge.red {background-color: rgba(222,56,49,0.9);}
[class^="product_cont"].bedge .pro_bedge.black {background-color: rgba(0,0,0,0.8)}

/* 장바구니 */
.product_select {display: flex; justify-content: space-between; margin-bottom: 10px;}

/* 장바구니 - 타임세일 상품 */
.product_cont .pro_timesale {display:none; position:absolute; width:100%; height:40px; bottom:0; background-color:rgba(222,56,49,.9); color: #fff; text-align:center; font-size:15px; font-weight:700; line-height:40px}
/* .product_cont .pro_timesale:before {content:''; padding-left: 24px; background: url(../images/ico_history.png) 0 0/contain no-repeat;} *//* 23-02-20 장바구니 기능 강화 */
.product_cont.timesale .pro_timesale {display:block; z-index: 1;}

/* 장바구니 - 품절임박 *//* 23-02-20 장바구니 기능 강화 */
.product_cont .pro_soldout {display:none; position:absolute; width:100%; height:40px; bottom:0; background-color:rgba(222,56,49,.9); color: #fff; text-align:center; font-size:15px; font-weight:700; line-height:40px}/* 24-08-06 일시품절/품절임박/판매종료 수정 */
.product_cont.soldout .pro_soldout {display:block; z-index: 1;}

/* 장바구니 - 첫구매혜택 *//* 23-02-20 장바구니 기능 강화 */
.product_cont .pro_first {display:none; position:absolute; width:auto; height:25px; left:10px; top:10px; background-color:rgba(219,181,119,.9); border-radius: 12.5px; color: #fff; text-align:center; font-size:13px; line-height:25px; padding:0 13px}
.product_cont.firstbuy .pro_first {display:block; z-index:10;}
/* 24-01-15 특별구매딜 유형 : pro_flag_ 추가 시 _class명으로 생성 */
.product_cont [class*="pro_flag_"]{position:absolute; width:auto; height:25px; left:10px; top:10px; border-radius: 12.5px; color: #fff; text-align:center; font-size:13px; line-height:25px; padding:0 13px}
.product_cont .pro_flag_sp{background-color:rgba(154,134,111,.9); z-index:10;} /* 특별구매딜 */

/* 23-02-20 장바구니 기능 강화 *//* pimg 100*100 이하 */
.product_wrap.small .product_cont .pro_timesale,
.product_wrap.small .product_cont .pro_soldout,
.product_wrap.small .product_cont .pro_out,
.product_wrap.small .product_cont .pro_age{height:30px; line-height: 30px; font-size:12px;}
.product_wrap.small .product_cont .pro_first{top:6px; left:6px; height:20px; border-radius: 10px; font-size:12px; line-height: 20px; padding:0 9px;}/* 24-09-09 결합상품 잔여페이지 */
/* 24-01-15 특별구매딜 */
.product_wrap.small .product_cont [class*="pro_flag_"]{top:6px; left:6px; height:20px; border-radius: 10px; font-size:12px; line-height: 20px; padding:0 9px;}
.product_wrap.small .product_cont .pro_pay{top:6px; left:6px; height:20px; border-radius: 10px; font-size:12px; line-height: 20px; padding:0 9px;} /* 2024-07-10 결제수단별 추가할인 */

/* 23-02-20 장바구니 기능 강화 *//* 히스토리 */
.product_cont_sh .pro_first {display:none; position:absolute; height:20px; left:6px; top:6px; background-color:rgba(219,181,119,.9); border-radius: 10px; color: #fff; text-align:center; font-size:12px; line-height:20px; padding:0 9px}
.product_cont_sh.firstbuy .pro_first {display:block; z-index:10;}
/* 24-01-15 특별구매딜 유형 : pro_flag_ 추가 시 _class명으로 생성 */
.product_cont_sh [class*="pro_flag_"]{position:absolute; height:20px; left:6px; top:6px; border-radius: 10px; color: #fff; text-align:center; font-size:12px; line-height:20px; padding:0 9px}
.product_cont_sh .pro_flag_sp{background-color:rgba(154,134,111,.9); z-index:10;} /* 특별구매딜 */

/* 장바구니 - 결제할인 */ /* 2024-07-10 결제수단별 추가할인 */
.product_cont .pro_pay {display:none; position:absolute; width:auto; height:25px; left:10px; top:10px; background-color:rgba(194, 66, 66, 1); border-radius: 12.5px; color: #fff; text-align:center; font-size:13px; line-height:25px; padding:0 13px}
.product_cont.payment .pro_pay {display:block; z-index:10;}

/* 혜택(기획전,이벤트) module */
.product_cont .event_detail {position:relative;padding:17px 10px}
.product_cont .event_detail .pro_link{position:absolute;top:0;left:0;bottom:0;right:0;}
.product_cont .event_detail .event_info { color: #222;}
.product_cont .event_detail .event_info .event_name {display: block; font-size: 15px; line-height:1.2; font-weight:700; max-height: 36px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.product_cont .event_detail .event_info .event_desc {display: block; font-size: 15px; margin-top: 7px; text-overflow: ellipsis; word-wrap: normal; overflow: hidden; display:-webkit-box; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all;  line-height: 27px; max-height: 54px}
.product_cont .event_detail .event_info .event_date {font-size: 14px; margin-top: 15px; font-weight:400; color: #616161}

/* -------- 쇼핑히스토리 전용 상품 module ------- */
/* product_wrap_sh - 쇼핑히스토리 */
.product_cont_sh{display:flex; flex-direction:column; position:relative;box-sizing:border-box; z-index:5;}
.product_cont_sh .pro_img{display:block; isolation:isolate; position:relative; width:100%; border-radius:8px; overflow:hidden;}
.product_cont_sh .pro_img:before{position:absolute; content:''; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.03);}
.product_cont_sh .pro_img img{width:100%; height:100%; object-fit:cover; vertical-align:middle;}
.product_cont_sh .pro_detail_sh{position:relative; display:flex; flex-direction:column;}
.pro_detail_sh .pro_choice{display:flex; align-items:center; margin-top:2px; z-index:10;}
.pro_detail_sh .pro_choice .ck_like.st02 {flex-grow: 1;}
.pro_detail_sh .pro_btn_area .btn_ico + .btn_ico{margin-left:17px;}
.pro_detail_sh .pro_info_sh{margin-top:10px;}
.product_cont_sh .pro_out{display:none; position:absolute; width:100%; height:30px; bottom:0; background:rgba(255, 255, 255, 0.5); text-align:center; font-size:12px; font-weight:700; line-height:30px}
.product_cont_sh .pro_age{display:none; position:absolute; width:100%; top:50%; font-size:12px; color:#fff; font-weight:700; text-align:center; transform: translateY(-50%); z-index:12}

.pro_info_sh .info_brand {display:block; font-size:13px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.pro_info_sh .info_name{display:-webkit-box;font-size:13px; max-height:33px; line-height:1.2; color:#666; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:5px}
.pro_info_sh .info_price_sh{display:flex; flex-direction:column; justify-content: flex-end; font-weight:400; font-size:14px;}
.info_price_sh strong{font-weight:700;}
.info_price_sh i{font-size:12px; color:#999; margin-left:5px}
.info_price_sh .p_rate {margin-top:0;}
.info_price_sh .p_rate > strong{font-size: 14px; color:#E80F00;}
.info_price_sh .p_sum > i{font-size:12px;}
.pro_info_sh .info_grade_sh{font-weight:400; font-size:12px; margin-top:25px}
.info_grade_sh .g_star{background:url('../images/ico_star_bk.png') 0 3px no-repeat; background-size:9.5px auto; padding-left:13px;}
.info_grade_sh .g_data{position:relative; display:inline-block; color:#616161; margin-left:5px; padding-left:8px}
.info_grade_sh .g_data::after{display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:10px; background-color:#e4e4e4; margin-top:-5px}

.history_list_wrap .pro_info_sh .info_name {max-height:17px; -webkit-line-clamp:1;}
.history_list_wrap .product_cont_sh.list {align-items: center;}
.pro_detail_sh .pro_link{display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
.pro_detail_sh .pro_link > span{overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0;}

/* 리스트형 */
.product_wrap_sh.type1 .product_box{margin-top:20px;}
.product_wrap_sh.type1 .product_box:first-child{margin-top:0;}
.product_wrap_sh.type1 .product_cont_sh,
.product_cont_sh.list{display:flex; flex-direction:row; width:100%;}
.product_wrap_sh.type1 .pro_img,
.product_cont_sh.list .pro_img{width:120PX; height:120PX; margin-right:14PX}
.product_wrap_sh.type1 .pro_detail_sh,
.product_cont_sh.list .pro_detail_sh{flex:1;}
.product_wrap_sh.type1 .pro_detail_sh .pro_choice,
.product_cont_sh.list .pro_detail_sh .pro_choice{order:2; margin-top:5px}
.product_wrap_sh.type1 .pro_detail_sh .pro_info_sh,
.product_cont_sh.list .pro_detail_sh .pro_info_sh{order:1; margin-top:-3px}
.product_wrap_sh.type1 .pro_info_sh .info_name,
.product_cont_sh.list .pro_info_sh .info_name{margin-top:6px;}
.product_wrap_sh.type1 .pro_info_sh .info_price_sh,
.product_cont_sh.list .pro_info_sh .info_price_sh{margin-top:6px}
.product_wrap_sh.type1 .info_grade_sh,
.product_cont_sh.list .info_grade_sh{display:none}

/* 라운드형 */
.product_wrap_sh.type2 {border-radius: 12px; padding: 20px; background-color: #fafafa;}
.product_wrap_sh.type2 + .product_wrap_sh {margin-top: 10px;}
.product_wrap_sh.type2 .product_box + .product_box {margin-top: 2.6vw;}
.product_wrap_sh.type2 .product_cont_sh .pro_img {width: 100px; height: 100px;}
.product_wrap_sh.type2 .product_cont_sh .pro_img:before {background: rgba(0, 0, 0, 0);}
.product_wrap_sh.type2 .product_cont_sh + .product_cont_sh {margin-top: 20px;}/* 23-03-31 히스토리 간격 조정 */
.product_wrap_sh.type2 .pro_detail_sh {position: relative; justify-content: space-between; width: 100%;}
.product_wrap_sh.type2 .pro_choice {justify-content: flex-start;}
.product_wrap_sh.type2 .pro_choice .btn_ico.pay {display: none;}
.product_wrap_sh.type2 .pro_btn {order: 3; position: absolute; right: 0; bottom: 0; z-index: 11;}
.product_wrap_sh.type2 .pro_btn span {font-size: 12px; color: #999;}
.product_wrap_sh.type2 .pro_choice .ck_like.st02 {flex-grow: 0;}
.ai_items .product_wrap_sh.type1 .pro_detail_sh {max-width: 184px;}
.history_items.online .product_wrap_sh.type2 .pro_detail_sh {max-width: 164px;}

/* 추천상품 */
.product_wrap_sh.type3{display:block; width:100%; box-sizing:border-box; font-size:0; white-space:nowrap; overflow:hidden; overflow-x:auto; padding:0 30px}
.product_wrap_sh.type3::-webkit-scrollbar {display:none}
.product_wrap_sh.type3 .product_box{display:inline-block; width:150px; margin-left:20px; border-radius: 10px}
.product_wrap_sh.type3 .product_box:first-child{margin-left:0;}
[data-slide] .product_wrap_sh.type3{overflow: visible;}
[data-slide] .product_wrap_sh.type3 .product_box{margin-left:0;}
.product_wrap_sh.type3 .pro_info_sh {margin-top: 17px; padding-left: 10px;}
.product_wrap_sh.type3 .pro_info_sh .info_brand {font-size: 15px;}
.product_wrap_sh.type3 .pro_info_sh .info_name{display:block; margin-top: 7px; font-size: 15px; max-height:auto; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.product_wrap_sh.type3 .pro_info_sh .info_price_sh {font-size: 16px}
.product_wrap_sh.type3 .pro_info_sh .info_price_sh .p_rate {margin-top: 12px;}
.product_wrap_sh.type3 .pro_info_sh .info_price_sh i {font-size: 14px; color: #616161}

/* 동영상 플레이 */
.product_cont_sh.play .pro_img:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.8vw;height:7.6vw;background:url('../images/ico_playbtn.png')no-repeat 0 0/6.8vw auto}
.product_wrap_sh.type3 .product_cont_sh.play .pro_img:after{width:13.6vw;height:15.2vw;background-size:13.6vw auto}

/* 일시품절 */
.product_cont_sh.out .pro_out{display:block; z-index: 3;}
.product_cont_sh.out .pro_img:before {z-index: 2; background: rgba(0, 0, 0, 0.04);}
.product_cont_sh.out .pro_img:after{position:absolute; top:0; content:''; display:block; width:100%; height:100%; background:rgba(255, 255, 255, 0.6);}

/* 19세 성인인증 */
.product_cont_sh.age .pro_age{display:block;}
/* .product_cont.age .pro_img{height:100%;} */
.product_cont_sh.age .pro_img img{filter:blur(7px); z-index:10;}
.product_cont_sh.age .pro_img:before{position:absolute; content:''; display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:9;}

/* 상품모듈 : 오버 버튼 제외, 하단 물리 버튼 추가 *//* 23-03-02 첫구매 */
.product_wrap.type_nover .pro_over{background:none}
.product_wrap.type_nover .pro_over .pro_choice{display:none}
.product_wrap.type_nover .product_cont .btn_wrap{margin-top:20px}
/* 2023-09-18 : 상생관 */
.product_wrap.type_nover .pro_btn_wrap {margin-top:13px; padding:0 9px 0 8px;}
.product_wrap.type_nover .pro_btn_wrap + .pro_detail {padding-top:12px;}

/* -------- 결제 module ------- */
/* 간편결제 팝업 상품정보 */
.pay_product .product_cont {display: flex;}
.pay_product .pro_img {width: 180px; height: 180px; margin-right: 20px; flex:0 0 180px;}/* 22-10-18 금액 영역 고정 */
.pay_product .pro_img::before {display: none;}
.pay_product .pro_detail {padding: 0; max-width:280px; flex:1;}/* 22-10-18 금액 영역 고정 */
.pay_product .pro_detail .pro_info {display: flex; flex-direction: column; margin-top: 5px;}
.pay_product .pro_info .info_brand {font-weight: normal}
.pay_product .pro_info .info_name {font-weight:700; font-size: 20px}
.pay_product .info_price .p_sum {display: flex; flex-direction: column;}
.pay_product .pro_info .info_price {order: 2; text-align: right; margin-top:20px;}/* 2022-07-27 margin 수정 */
.pay_product .info_price .p_sum > strong {font-size: 20px; color: #E80F00;}
.pay_product .info_price .p_sum > i {font-size: 32px; color: #E80F00; font-weight:700;}
.pay_product .add_remove {order: 1; margin-top: 12px;}/* 2022-07-27 margin 수정 */

/* 간편결제 팝업 결제정보 */
.pay_steps {padding-top: 30px;}
.pay_steps [class^=info] {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 12px 30px 13px; padding-right: 25px; border-radius: 10px; border: 1px solid #eee;}
.pay_steps [class^=info] + [class^=info] {margin-top: 10px;}
.pay_steps [class^=info] > .pay_cost {font-size: 16px; font-weight:700; margin-right: 20px;}
.pay_steps [class^=info] > .pay_cost> i {margin-right: 3px;}
.pay_steps [class^=info] [class$=text] {display: flex; flex-direction: column;}
.pay_steps [class^=info] [class$=text] > .pay_tit {font-size: 16px;}
.pay_steps [class^=info] [class$=text] > .pay_txt {font-size: 13px; color: #616161}
.pay_steps [class^=info] [class$=text] > .pay_txt > b {margin-left: 2px; color: #222}
.pay_steps .info_dc {border: none; background-color: #f5f5f5; padding: 15px 30px;}
.pay_steps .info_dc .dc_text > span {font-size: 15px; margin-top: 4px}
.pay_steps [class^=info]:after {content: ''; width: 7px; height: 14px; position: absolute; top: 50%; right: 25px; transform: translateY(-50%) rotate(180deg); background: url(../images/ico_arrow04.png) 0 -18px/cover no-repeat;}

/* -------- breadcrumb ------- */
.breadcrumb {margin-top: 20px; margin-bottom: 40px; line-height: 1;}
.breadcrumb .native:after {content:''; display:block; clear:both}
.breadcrumb .native > li {float:left; position:relative}
.breadcrumb .native > li + li:before {content: ''; position: absolute; width: 4px; height: 4px; border-top: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; left: 0; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.breadcrumb .native > li:first-child {margin-left:0}
.breadcrumb .native > li:first-child > a {padding-left: 0;}
.breadcrumb .native > li > a {display:block; position:relative; padding:0 18px; font-size: 14px; font-weight:500;} /* 2026-05-07 : 26년 상시개선 (Notosansbold 폰트 제거) */
.breadcrumb .native > li.on > a,
.breadcrumb .native > li > a:hover {color:#E80F00}
.breadcrumb .native > li.arr > a > span {position: relative; padding-right: 17px}
.breadcrumb .native > li.arr > a > span:after {content:''; display:block; position:absolute; top:8px; right:0; width:9px; height:6px; background:url('../images/ico_arrow07.png') 0 0 no-repeat;}
.breadcrumb .native > li.arr > a.on > span:after {background-position:0 -18px}

.breadcrumb_box {left: 0; top: 40px; min-width: 200px; border-radius: 8px; box-sizing: border-box; background-color: #fff; padding: 10px 25px; border: 1px solid #222; white-space: nowrap;}
.breadcrumb_box.on{z-index:15;}/* 2022-07-29 추가 */
.breadcrumb_box > li > a {display: block; font-size: 14px; line-height: 40px;}
.breadcrumb_box > li > a:hover {color: #E80F00}
/* 2023-04-11 : 23년 상시 개선 - 상품목록, 필터 */
.breadcrumb_box > li.on > a {font-weight:700;}

/* 23-03-02 첫구매 *//* 제거 케이스 추가 */
.breadcrumb.unex{margin-bottom:0;}
.breadcrumb.unex .native{display:none}

/* text rolling interaction */
[data-interaction="textRolling"] {overflow:hidden;width:100%;}
[data-interaction="textRolling"] .p_list{display:block;height:0;}
[data-interaction="textRolling"] .p_list > strong{display:block;height:0;overflow: hidden;font-weight: normal;font-family:inherit;}
[data-interaction="textRolling"] .p_list .p_text{display:block;height:0;overflow: hidden;}
[data-interaction="textRolling"] .p_list.on{height:auto;}
[data-interaction="textRolling"] .p_list.on > strong{height:auto;animation:mainTextAnimate2 5s both;}
[data-interaction="textRolling"] .p_list.on .p_text{height:auto;animation:mainTextAnimate2 5s .2s both;}
/* 24-05-21 상시개선 위시리스트 */
[data-interaction="textRolling"] .p_list > strong em{font-weight:700;}

@keyframes mainTextAnimate2 {
    0% {transform:translateY(20px);opacity:0; }
    10% { transform:translateY(0);opacity:1;}
    90% { transform:translateY(0);opacity:1;}
    100% { transform:translateY(-100%);opacity:0;}
}

/* ie 대응 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .btn_tooltip{position:static}
    .btn_tooltip::after,
    .btn_tooltip.on::after{bottom:-9px}
    .popup_full .popup_inner {height:100%}
    .popup_full .popup_content > *:last-child{padding-bottom:40px}
    .product_detail_content .product_info_style .btn_toggle{max-height:51px}
    .product_detail_content .product_info_style li.on .btn_toggle{max-height:none}
    .pro_info_sh .info_name{max-height:34px;line-height:1.3}
    .history_list_wrap .pro_info_sh .info_name{max-height:18px}
    .photo_review_list .photo_img,
    .product_review_wrap .customer_review .review_photo_list li > div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px !important;height:160px !important}
    .photo_review_list .photo_img img,
    .product_review_wrap .customer_review .review_photo_list li img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto !important}
    .product_review_wrap .review_item .review_summary_content .review_box{max-height:52px;}

    /* 19금 이미지 대응 */
    .product_cont.age .pro_img:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.9); }
    .product_cont.age .pro_age {z-index:2}

    /* 고객센터 - 지점안내 */
    .branch_wrap .cont_item.sns .bconts_box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:auto !important}


    .history_items.online .product_wrap_sh.type2 .pro_info_sh .info_brand{margin-top:-40px}
}

/* 2022-06-24 : 간편결제 카드관리 Iframe 대응 */
.popup_full .popup_inner > iframe#kicceasypayIFrame {flex:1; box-sizing:border-box; border:0;}

/* 2022-06-29 : SNS 공유하기 팝업 수정 */
.popup_full.popup_share .sns_list {padding:10px 0; font-size:0; text-align:left;}
.popup_full.popup_share .sns_list .btnShareSms {display:inline-block; width:48px; height:48px; background:url('../images/ico_sns_copy.png') no-repeat 0 0 /100% auto; font-size:0;}
.popup_full.popup_share .sns_list #lv-widget {display:inline-block; vertical-align:top;}
.popup_full.popup_share .sns_list iframe {display:inline-block; width:204px !important; height:48px !important; vertical-align:middle;}

/* 2022-07-01 : datepicker 클릭 요소 확장 (input readonly 요소만) */
.form_inp input.datepicker[readonly] + .ui-datepicker-trigger,
.form_inp input.datepicker.multi[readonly] + .ui-datepicker-trigger {left:0; top:0; right:auto; width:100%; height:100%; transform:none; margin-top:0; background:url('../svg/ico-date-01-18.svg') no-repeat right 15px center /16px auto;}
.form_inp input.datepicker[readonly] + .ui-datepicker-trigger img,
.form_inp input.datepicker.multi[readonly] + .ui-datepicker-trigger img {display:none;}

/* 2022-07-07 : 대배너 동영상 기능 추가 */
.video_slider .swiper-container {width:100%; max-width:100%;}
.video_slider .swiper-slide {background:#f5f5f5;}
.video_slider .visual_cont {display:block; position:relative; width:100%; height:100%; max-width:1920px; margin:0 auto;}
.video_slider .visual_cont .visual_video {position:absolute; left:0; overflow:hidden; width:100%; max-width:1920px; height:100%;}
.video_slider .visual_cont .visual_video video {position:absolute; top:50%; left:50%; z-index:1; width:100%; transform:translate(-50%, -50%);}

/* 2022-07-18 : data-slide에 속한 상품모듈 하단 여백 제거 */
[data-slide] .product_wrap {margin-bottom:0;}
[data-slide] .product_wrap .product_box,
.swiper-container-initialized .product_wrap.swiper-wrapper .product_box {margin-bottom:0;}

/* 2022-07-20 : 브랜드 상단 유틸영역 레이아웃 오류 수정 */
.accordion_detail .function_btn {justify-content:flex-end;}
.accordion_detail .function_btn > * {margin-left:20px;}
.accordion_detail .function_btn > *:first-child {margin-left:0;}

/* 2022-08-03 : 메인 롤링 팝업 수정 (개발 대응) */
.popup_mall .marketing .popup_content {width:100%; height:100%; padding:0; box-sizing:border-box;}
.popup_mall .marketing .popup_content > a {display:block; width:100%; height:100%; padding:10px; box-sizing:border-box;}

/* 2022-09-03 : B2B2E 띠배너 노출 시 몰메인 팝업 위치 수정 */
.staff_mall ~ .popup_mall{top:calc(27% - -55px);}

/* 22-09-03 명품관 더보기 행간 조정 */
.list_brand [data-acn-view="more"]{color:#616161; line-height:1.8}

/* 22-09-07 : 상품모듈 상품 여백 추가 */
.product_wrap .pimg_box,
.pay_product .pimg_box,
.product_cont_sh .pimg_box{display:inline-block; width:100%; height:100%; box-sizing:border-box;}
/* 23-06-20 : 상품모듈 여백 제거 */
/* w305 */
/* .product_wrap.type2 .pimg_box,
.product_wrap.prod_col3 .pimg_box,
.product_wrap.prod_col3.type1 .pimg_box,
.product_wrap.prod_col4 .pimg_box{padding:32px;} */
/* w260 */
/* .popup_cart_complete .product_wrap.prod_col4 .pimg_box,
.popup_cart_more .product_wrap.prod_col4 .pimg_box,
.popup_recommend_product .product_wrap.prod_col4 .pimg_box{padding:30px;} */
/* w240 */
/* .product_wrap.type1 .pimg_box,
.product_wrap.prod_col5 .pimg_box,
.compare_prod_box .product_wrap.prod_col4 .pimg_box{padding:25px;} */
/* w202 */
/* .product_recommend_wrap .pimg_box,
.product_recommend .pimg_box,
.product_wrap.type1.st01 .pimg_box{padding:16px} */
/* w180 */
/* .pay_product .pimg_box{padding:15px;} */
/* w160 */
/* .product_wrap.type3 .pimg_box{padding:15px;} */
/* w100 */
/* .product_wrap .pro_img.type1 .pimg_box,
.product_wrap_sh.type1 .pimg_box,
.product_wrap_sh.type2 .pimg_box,
.product_cont_sh .pimg_box{padding:5px;} */
/* //23-06-20 : 상품모듈 여백 제거 */

/* 예외 */
.special_order_page .product_wrap.type3 .pimg_box{display:inline; padding:0}
.product_wrap .product_cont.benefit .pimg_box,
.product_wrap .product_cont.brand .pimg_box{padding:0;}

/* 2022-09-29 : 교환권 팝업 바코드 수정 */
.popup_exchange_info .product_wrap.type3 .product_box {margin-bottom:36px;}
.popup_exchange_info .product_wrap.type3 .product_box:last-child {margin-bottom:20px;}
.product_wrap.type3 .product_box .barcode_box {margin-top:20px; text-align:center;}
.product_wrap.type3 .product_box .barcode_box .barcode {display:block; width:100%; height:auto;}
.product_wrap.type3 .product_box .barcode_box .barcode .bcTarget {margin:0 auto;}
.product_wrap.type3 .product_box .barcode_box .barcode img {width:286px; height:40px;}
.product_wrap.type3 .product_box .barcode_box .coupon_no {font-size:14px;}

/* 2022-12-09 : 2차 개인화상품추천 */
.recommend_box{width:100%;margin:0 0 30px;padding:60px 42px;font-size:12px;background-color:#f5f5f5;border-radius:20px;box-sizing:border-box;}/* 24-06-10 24상시개선 개인화 상품추천 구좌 추가 */
.recommend_box .title_wrap{height:86px;padding-bottom:60px;}
.recommend_list:after{clear:both;display:block;content:'';height:1px;}
.recommend_box .product_wrap.type2 .pro_detail .pro_info .info_name{min-height:23px;-webkit-line-clamp:1;}

.recommend_list .product_wrap.prod_col4,
.recommend_list .product_wrap.prod_col5{margin-left:-20px;}
.recommend_list .product_wrap.prod_col4 .product_box,
.recommend_list .product_wrap.prod_col5 .product_box,
.recommend_list .product_wrap.prod_col4 .product_box:nth-child(4n+1),
.recommend_list .product_wrap.prod_col5 .product_box:nth-child(5n+1){margin-left:20px;}
.recommend_list .product_wrap.prod_col4 .recommend_box,
.recommend_list .product_wrap.prod_col5 .recommend_box{width:calc(100% - 20px);margin-left:20px;}
.recommend_list .product_wrap.prod_col4 .recommend_box .product_wrap.type2,
.recommend_list .product_wrap.prod_col5 .recommend_box .product_wrap.type2{margin-left:0;}
.recommend_list .product_wrap.prod_col4 .recommend_box .product_wrap.type2 .product_box,
.recommend_list .product_wrap.prod_col5 .recommend_box .product_wrap.type2 .product_box{width:294px;margin-left:0;}
.recommend_list .product_wrap.prod_col4 .recommend_box .product_wrap.type2 .product_cont,
.recommend_list .product_wrap.prod_col5 .recommend_box .product_wrap.type2 .product_cont{height:520px;}
.recommend_list .product_wrap.prod_col4 .recommend_box .product_wrap.type2 .product_cont .pro_img,
.recommend_list .product_wrap.prod_col5 .recommend_box .product_wrap.type2 .product_cont .pro_img{width:294px;height:294px;}

.recommend_list .product_wrap.prod_col4.type1{margin-left:-10px;}
.recommend_list .product_wrap.prod_col4.type1 .product_box{margin-left:10px;}
.recommend_list .product_wrap.prod_col4.type1 .recommend_box{width:calc(100% - 10px);margin-left:10px;}
.recommend_list .product_wrap.prod_col4.type1 .recommend_box .product_wrap.type2{margin-left:0;}
.recommend_list .product_wrap.prod_col4.type1 .recommend_box .product_wrap.type2 .product_box{width:219px;margin-left:0;}
.recommend_list .product_wrap.prod_col4.type1 .recommend_box .product_wrap.type2 .product_cont{height:423px;}
.recommend_list .product_wrap.prod_col4.type1 .recommend_box .product_wrap.type2 .product_cont .pro_img{width:219px;height:219px;}
/* //2022-12-09 : 2차 개인화상품추천 */

/* 24-06-10 24상시개선 개인화 상품추천 구좌 추가 *//* 장바구니 */
.recommend_box.type1{margin-top:30px; padding:30px 40px}
.recommend_box.type1 .title_wrap{height:auto; padding:0;}
.recommend_box.type1 .title_wrap .main_title > strong{font-size:16px; line-height: 24px;}

/* 22-12-29 신상원정대 */
.product_wrap.type4 .pro_detail .pro_info .info_name{display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;  line-height:21px; min-height:42px}
.product_wrap .info_persons{min-height: 26px; font-size:15px; color:#616161; line-height: 1.7; margin-top:20px}
.product_wrap .info_persons .ip_num1{color:#E80F00}
.product_wrap .info_persons .ip_num2{color:#222}
.product_wrap.type4 .btn_wrap{margin-left:-10px; margin-right: -10px; margin-top:13px}

/* 2023-01-02 : 개인화팝업 고도화 */
.popup_personal {overflow:hidden; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:124; width:520px; height:234px; border-radius:19px; background:linear-gradient(144deg, #373c57, #202226); box-sizing:border-box;}
.popup_personal .outer {position:relative; height:100%;}
.popup_personal .outer > a {display:flex; align-items:center; height:100%; padding-left:60px;}
.popup_personal .object {position:absolute; top:50%; right:0; z-index:0; transform:translateY(-50%); margin-right:42px;}
.popup_personal .object .img {width:161px; height:161px;}
.popup_personal .object .img img {width:100%; height:100%;}
.popup_personal .object .price {display:none; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; padding-right:6px; box-sizing:border-box; font-size:0; text-align:center;}
.popup_personal .object .price > * {display:inline-block; margin-left:2px; font-weight:700; color:#E80F00; vertical-align:baseline;}
.popup_personal .object .price > *:first-child {margin-left:0;}
.popup_personal .object .price strong {text-align:center;font-size:40px; line-height:27px;}
.popup_personal .object .price em {font-size:18px; line-height:20px;}
.popup_personal .inner {overflow:hidden; position:relative; z-index:1; width:250px;}
.popup_personal .inner .sub {margin-bottom:10px; font-size:16px; color:#fff; text-overflow:ellipsis; white-space:nowrap; opacity:.7;}
.popup_personal .inner .title01,
.popup_personal .inner .title02 {font-weight:700; font-size:24px; color:#fff; line-height:34px;}
.popup_personal .inner .btn_receive {display:inline-block; position:relative; min-width:120px; max-width:90%; height:40px; margin-top:15px; padding:0 44px 0 20px; border-radius:30px; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box; background-color:transparent; font-size:14px; color:#fff; text-align:center; line-height:38px;}
.popup_personal .inner .btn_receive:after {display:inline-block; content:""; position:absolute; top:50%; right:20px; transform:translateY(-50%); width:14px; height:14px; background:url('../images/ico_arrow02.png') no-repeat 0 -24px /14px auto; vertical-align:middle;}
.popup_personal .inner .btn_receive i {display:inline-block; overflow:hidden; width:100%; white-space:nowrap;}
.popup_personal .popup_close .btn_close {top:0; right:0; width:60px; height:60px; opacity:.4;}
.popup_personal .popup_close .btn_close:before {width:20px; height:20px; background-image:url('../images/ico_personal_close.png');}
.popup_personal.coupon .object {margin:14px 30px 0 0;}
.popup_personal.coupon .object .img {width:200px; height:94px;}
.popup_personal.coupon .object .price {display:flex; justify-content:center; align-items:baseline;}
.popup_personal.toast {top:auto; bottom:40px; width:600px; height:72px; border-radius:33px;}
.popup_personal.toast .outer {display:flex; flex-direction:row; justify-content:center; align-items:center;}
.popup_personal.toast .outer > a {flex:1; justify-content:center; padding-left:0;}
.popup_personal.toast .object {display:inline-block; position:relative; top:auto; right:auto; transform:none; margin:0 20px 0 0; vertical-align:middle;}
.popup_personal.toast .object .img {width:69px; height:69px; margin-right:0;}
.popup_personal.toast .inner {display:inline-block; width:auto; max-width:300px; vertical-align:middle; white-space:nowrap;}
.popup_personal.toast .inner .title01,
.popup_personal.toast .inner .title02 {display:inline-block; margin:0; font-weight:400; font-size:14px; white-space:nowrap;}
.popup_personal.toast .inner .sub,
.popup_personal.toast .inner .btn_receive {display:none;}
.popup_personal.toast .popup_close {height:100%; margin-left:auto;}
.popup_personal.toast .popup_close .btn_close {position:relative; top:auto; right:auto; width:72px; height:100%; opacity:.7;}
.popup_personal.toast .popup_close .btn_close:before {width:16px; height:17px; background-image:url('../images/ico_personal_close2.png');}
.popup_personal.toast.coupon .object .img {width:100px; height:49px;}
.popup_personal.toast.coupon .object .price strong {font-size:20px;}
.popup_personal.toast.coupon .object .price em {font-size:13px;}
.popup_personal.dark .inner .sub,
.popup_personal.dark .inner .title01,
.popup_personal.dark .inner .title02,
.popup_personal.dark .inner .btn_receive {color:#222;}
.popup_personal.dark .inner .btn_receive {border-color:rgba(0,0,0,0.3); }
.popup_personal.dark .inner .btn_receive:after {background-position:0 0;}
.popup_personal.dark .popup_close .btn_close:before {background-image:url('../images/ico_personal_close_dark.png');}
.popup_personal.dark.toast .popup_close .btn_close:before {background-image:url('../images/ico_personal_close2_dark.png');}

/* 2023-01-16 : 리뷰포스팅 추가요건 */
/* 동영상 & 숏폼 */
.video_box{position:relative;overflow:hidden;width:663px;height:445px;font-size:0;background-color:#000;text-align:center;}
.video_box video{width:100%;height:445px;} /* 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */
.clip_box{position:relative;overflow:hidden;width:166px;height:240px; isolation:isolate;} /* 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */
.clip_box img{position:relative;width:100%;height:100%;object-fit:cover;overflow:hidden;}
.clip_box video{width:100%;height:100%;object-fit:cover;overflow:hidden;}
.clip_box:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);pointer-events:none;}
.clip_box .btn_play{display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
.clip_box .btn_play:after{content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:34px;background:url('../images/ico_playbtn.png')no-repeat;}
.clip_box .time{display:inline-block;position:absolute;right:10px;bottom:10px;height:22px;padding:0 10px;font-weight:400;font-size:12px;color:#fff;background:rgba(0,0,0,.3);border-radius:20px;line-height:22px;z-index:5;}

/* 23-02-20 장바구니 기능 강화 */ /* Main 장바구니 팝업 사이즈 변경 */
.mcart .product_wrap.type3.small .product_cont .pro_img{width:100px; height:100px; border-radius: 10px;}
.mcart .product_wrap.type3.small .product_cont .pro_img:before{border-radius: 10px;}
.mcart .product_wrap.type3.small .product_cont .pimg_box{padding:5px}
.mcart .product_wrap.type3.small .pro_detail .pro_info .info_brand{font-size:13px; min-height: 22px;}
.mcart .product_wrap.type3.small .pro_detail .pro_info .info_name{font-size:13px; margin-top:0; min-height: 21px;}
.mcart .product_wrap.type3.small .pro_detail .pro_info .info_price{flex-direction: row; justify-content: flex-start; height:20px; margin-top:0;}
.mcart .product_wrap.type3.small .p_rate > strong,
.mcart .product_wrap.type3.small .info_price .p_sum > strong{font-size:14px}
.mcart .product_wrap.type3.small .info_price i{font-size:12px}
.mcart .product_wrap.type3.small .info_price .p_rate{margin-right:5px}

/* 임시 */
/* .product_wrap.type3 .pro_detail .info_price .p_sum{padding-top:22px}
.product_wrap.type3 .pro_detail .info_price .p_rate + .p_sum{padding-top:0} */

/* 23-02-20 장바구니 기능 강화 */
.bn_wrap{margin-top:20px}
.bn_wrap .bn_band_list {width:100%; height:140px; border-radius:4px; overflow: hidden;}/* 26-02-05 26상시개선 주문/장바구니 */
.bn_wrap .bn_cont{position:relative; display:block;}
.bn_wrap .img_box{display:block; overflow: hidden;}
.bn_wrap .text_box{position:absolute; left:60px; top:50%; width:415px; transform: translateY(-50%);}
.bn_wrap .text_box .text_tit{font-size:20px; font-weight:700; color:#fff;}
.bn_wrap .text_box .text_sub{font-size:15px; color:rgba(255,255,255,.7); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-top:2px}

.cart_wrap.cart_gnb .add_remove{margin-top:6px; margin-left:-6px}
.cart_wrap.cart_gnb .cart_info {border: 1px solid #e0e0e0; border-left:0; border-right:0;}
.cart_wrap.cart_gnb .cost_wrap{margin-bottom:23px}
.cart_wrap.cart_gnb .cart_product{max-height:426px}

/* 2023-02-23 주문시간초가 상품 > 회색 스크롤 박스  */
.popup_full .gray_box_scroll { padding:28px 30px; background:#f5f5f5; border-radius:10px }
.popup_full .gray_box_scroll .gray_box_list {  max-height:168px; overflow-y:auto; }
.popup_full .gray_box_scroll .gray_box_list li {color:#616161; font-size:15px; line-height:22px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; width:100% }
.popup_full .gray_box_scroll .gray_box_list li + li { margin-top:5px }

/* 2023-03-02 : 리뷰 포스팅 2차 개선 - 수정/삭제 버튼 이동 */
/* 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */
.review_utility {display:inline-block; position:relative; margin-left:auto; font-size:0; vertical-align:top;}
.review_utility .btn_util {display:inline-block; position:relative; width:25px; height:25px; background:url('../images/ico_review_more.png') no-repeat center center /3px auto; box-sizing:content-box; vertical-align:top;}
.review_utility .btn_util span {font-size:0;}
.review_utility .utility {right:0; overflow:hidden; min-width:88px; margin-top:14px; padding:14px 0; border-radius:9px; border:1px solid #222; box-sizing:border-box; background:#fff;}
.review_utility .utility .btns_txt {display:block; padding:6px; font-size:15px; color:#222; text-align:center;}

/* 2023-04-11 : 23년 상시 개선 - 상품목록, 필터 */
/*.info_grade .g_data {z-index:-1;}*/ /* 2023-10-06 리뷰 건수 미노출 오류로 삭제 */
.pro_detail .pro_info .info_brand a {display:block; overflow:hidden; position:relative; font-weight:700; text-overflow:ellipsis;}
.wishlist_detail .product_box .pro_detail .pro_link {display:block;}

/* 상품목록 일시품절 버튼 노출 변경 (위시리스트 + 알림) */
.product_cont.out .pro_choice .btn {display:none;}
.product_cont.out .pro_choice .btn.ck_like2 {display:inline-block;}

/* 2023-04-11 : 23년 상시 개선 - 리뷰 기능 강화 */
/* 참고 : 나의 리뷰 (리뷰를 기다리는 상품이 있어요) */
.goods_block .inner {position:relative;}
.goods_block .inner .top_link {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; font-size:0;}
.goods_block .inner .top {position:relative;}
.goods_block .inner .top .goods_badge {display:block; overflow:hidden; position:absolute; bottom:10px; right:10px; width:50px; height:50px; border-radius:50%; background:linear-gradient(-45deg, #90cbf4, #9e90e6); line-height:47px; text-align:center;}
.goods_block .inner .top .goods_badge strong {display:inline-block; font-size:12px; font-weight:700; line-height:13px; color:#fff; vertical-align:middle;}
.goods_block .inner .top .media {position:relative; overflow:hidden; width:100%; height:240px; border-radius:20px; isolation:isolate;}
.goods_block .inner .top .media img {width:100%; height:100%; object-fit:cover;}
.goods_block .inner .top .media:before {display:block; content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:rgba(0,0,0,0.03);}
.goods_block .inner .bottom {margin-top:20px;}
.goods_block .inner .bottom .title {font-size:15px; font-weight:700; color:#222;}
.goods_block .inner .bottom .text {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:52px; margin-top:1px; font-size:15px; color:#222; line-height:26px; text-overflow:ellipsis; word-break:break-word; white-space:normal;}
.goods_block .btn_wrap {margin-top:13px;}

/* 성인인증 모듈 (blur) */
.adult_cover span{display:none}
.age {position:relative;}
.age .adult_cover {display:flex; justify-content:center; align-items:center; overflow:hidden; position:absolute; top:50%; left:50%; width:100%; height:100%; z-index:2; text-align:center; transform:translate(-50%, -50%);}
.age .adult_cover:before {display:block; content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-color: rgba(0,0,0,0.25); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);}
.age .adult_cover span {display:block; position:relative; z-index:3; font-weight:700; font-size:15px; color:#fff; line-height:18px;}
.age .adult_cover.type1:before{background-color: rgba(255,255,255,0.55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}/* 텍스트 blur */
.age .adult_cover.type1 span{color:#222;}
.age .adult_cover.notxt span{display:none} /* 텍스트 제거 */
.age .adult_cover.wide {padding:10px 20px;}/* 리뷰 썸네일 영역 대비 확장 */

/* 23-12-18 상품 썸네일 사은품 추가 */
.pro_giftarea{position:absolute; top:0; right:0;}
.pro_giftarea .pgift_thum{position:relative; width:65px; box-sizing: border-box; margin-top:10px; margin-right:10px}
.pro_giftarea .pgift_thum:after{content:''; display:block; width:20px; height:20px; position:absolute; top:0; left:0; background:url('../images/ico_gift_plus.png') 50% 50% no-repeat #222; background-size:10px 10px; border-radius:10px;}
.pro_giftarea .thum_box{background-color: #fff; border:1px solid #e0e0e0; border-radius: 10px; overflow: hidden; isolation: isolate;}
.pro_giftarea .thum_item{width:100%; height: 65px; overflow: hidden;}
.pro_giftarea .thum_item img{width:100%; height: 100%; object-fit: cover;}
.pro_giftarea .pgift_lable{position:absolute; top:0; right:0; width:45px; height:20px; background-color: #222; border-bottom-left-radius: 10px; border-top-right-radius: 10px; line-height: 20px; text-align: center; color:#fff; font-size:12px; font-weight:400; z-index:11}
/* 성인인증 / 일시품절 */
/* .product_cont.out .pro_giftarea .pgift_thum:after, *//* 24-04-26 사은품 일시품절 케이스 변경 */
.product_cont.age .pro_giftarea .pgift_thum:after{opacity: 0.4;}
/* .product_cont.out .pro_giftarea .thum_item{opacity: 0.4;} *//* 24-04-26 사은품 일시품절 케이스 변경 */
.product_cont.age .pro_giftarea .thum_item img{filter:blur(5px)}
.product_cont.out .pro_giftarea:has(.pgift_thum){z-index:3;}/* 24-04-26 사은품 일시품절 케이스 변경 */

/* 상품상세 */
.product_detail_info .pro_thum{position:relative;}
.product_detail_info .pro_giftarea{z-index:1;}
.product_detail_info .pro_giftarea .pgift_thum{width:100px;}
.product_detail_info .pro_giftarea .thum_item{height:100px;}
.product_detail_info .pro_giftarea .pgift_thum:after{width:24px; height:24px; border-radius: 12px; background-size:12px 12px;}
/* 히스토리 */
.history_list .product_cont_sh.list .pro_giftarea{right:auto; left:100px;}
/* 장바구니 */
.cart_product .pro_giftarea{right:auto; left:160px;}
/* 장바구니 : GNB */
.cart_wrap.cart_gnb .cart_product .product_cont{position:relative;}
.cart_wrap.cart_gnb .cart_product .pro_giftarea{right:auto; left:100px;}

/* More Content */
[data-more-content] {position:relative;}
[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;}
[data-more-button] .btn_more_toggle {font-size:14px; line-height:18px; color:#222;}

/* 24-04-05 상시개선 : 상품모듈 간격 수정 */
.product_response{font-size:0; margin-top:10px;}
.product_response span{position:relative; display:inline-block;}
.product_response > span + span{margin-left:23px;}
.product_response > span + span::before{content:''; display:block; position:absolute; left:-12px; top:50%; width:1px; height:10px; background-color: #E0E0E0; transform: translateY(-50%);}
.product_response .plike,
.product_response .pwish{background:0 2px no-repeat; padding-left:13px; font-weight:400; font-size:12px; line-height: 16px; color:#999;}
.product_response .plike{background-image: url('../images/ico_pro_star.png');}
.product_response .pwish{background-image: url('../images/ico_pro_heart.png'); background-position: 0 3px;}
/* 격자형 - 상품명 2줄 */
.product_wrap.st1 .pro_detail .pro_info .info_name {display: -webkit-box; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;  line-height:21px; min-height:42px;}

/* 24-06-10 24상시개선 개인화 상품추천 구좌 추가 */
.recommend_product{margin:30px -40px 0;}
[class*="product_wrap"] .recommend_product .swiper-container{padding-left:40px}
[class*="product_wrap"] .recommend_product .swiper-slide {overflow:hidden; width:340px; height:120px; border-radius:8px; isolation:isolate; background-color: #fff;}
[class*="product_wrap"] .recommend_product .swiper-slide img,
[class*="product_wrap"] .recommend_product .swiper-slide video {width:100%; height:100%; object-fit:cover;}
[class*="product_wrap"] .recommend_product .swiper-slide {margin-right:20px;}
.recommend_product .pro_link{position:absolute; width:100%; height:100%; top:0; left:0; z-index:1;}
/* .recommendpro_cont{position:relative; display:flex; align-items: center; box-sizing: border-box; padding:10px 20px 10px 10px}
.recommendpro_cont .pro_img{position:relative; flex:0 0 100px; height:100px; overflow: hidden; box-sizing: border-box; border-radius: 8px; isolation: isolate; margin-right:16px;}
.recommendpro_cont .pimg_box{display:inline-block; width:100%; height:100%; box-sizing:border-box;}
.recommendpro_cont .pro_detail{flex:1; box-sizing: border-box; overflow: hidden; padding:0;}
.recommendpro_cont .pro_detail .name_brand{position:relative; font-size:15px; line-height:20px; font-weight:700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.recommendpro_cont .pro_detail .name_pro{position:relative; font-size:15px; line-height:20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:7px}
.recommendpro_cont .pro_detail .pro_price{display:flex; align-items: center; margin-top:6px} */
[class*="product_wrap"] .recommend_product .pro_price .disprice{position:relative; flex:1; vertical-align: middle;}
[class*="product_wrap"] .recommend_product .pro_price .disprice .rate{display: inline-block; font-weight:700; font-size:16px; line-height: 21px; color:#E80F00}
[class*="product_wrap"] .recommend_product .pro_price .disprice .won{display: inline-block; font-size:13px; line-height: 18px; color:#616161;}
[class*="product_wrap"] .recommend_product .pro_price .disprice .won em{font-weight:400; font-size:14px;}
[class*="product_wrap"] .recommend_product .pro_price .disprice .rate + .won{margin-left:5px}
[class*="product_wrap"] .recommend_product .pro_price .price_btn{position:relative; margin-left:auto; z-index:2;}
[class*="product_wrap"] .recommend_product .pro_price .price_btn .btn_ico.cart{width:32px; height:32px;}
[class*="product_wrap"] .recommend_product .product_box{margin-bottom:0;}
[class*="product_wrap"] .recommend_product .product_cont{position:relative; display:flex; align-items: center; box-sizing: border-box; padding:10px 20px 10px 10px; margin:0;}
[class*="product_wrap"] .recommend_product .product_cont .pro_img{position:relative; flex:0 0 100px; height:100px; overflow: hidden; box-sizing: border-box; border-radius: 8px; isolation: isolate; margin-right:16px;}
[class*="product_wrap"] .recommend_product .product_cont .pro_img:before{display:none}
[class*="product_wrap"] .recommend_product .product_cont .pro_detail{overflow: hidden; padding:0;}
[class*="product_wrap"] .recommend_product .product_cont .pro_detail .info_brand{position:relative; font-size:15px; line-height:20px; font-weight:700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
[class*="product_wrap"] .recommend_product .product_cont .pro_detail .info_name{position:relative; font-size:15px; line-height:20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top:7px}
[class*="product_wrap"] .recommend_product .product_cont .pro_detail .pro_price{display:flex; align-items: center; margin-top:6px}

/* 24-08-06 일시품절/품절임박/판매종료 수정 */
.product_cont.out .pro_detail .pro_info .info_price .p_rate > strong{color:#999}
.product_cont.out .pro_detail .pro_info .info_price .p_rate i{color:#cacaca}
.product_cont.out .pro_detail .pro_info .info_price .p_sum > strong{color:#999}
.product_cont.out .pro_detail .pro_info .info_price .p_sum > i{color:#cacaca}
.product_cont.out .info_price .p_rate.login > a{color:#999}

/* 24-08-19 결합상품 상품상세 */
/* 선택 옵션 팝업 상품 리스팅 */
.product_cont .pro_setnum,
.product_cont_sh .pro_setnum{display:none; position:absolute; height:25px; left:10px; top:10px; border-radius:13px; background: linear-gradient(111.18deg, rgba(255, 88, 99, 0.9) 6.18%, rgba(250, 54, 38, 0.9) 94.85%); color: #fff; text-align:center; font-size:13px; line-height:25px; padding:0 10px}
.product_cont .pro_setnum em,
.product_cont_sh .pro_setnum em{font-weight:400;}
.product_wrap.small .product_cont .pro_setnum,
.product_cont_sh.setnum .pro_setnum{top:6px; left:6px; height:20px; border-radius: 10px; font-size:12px; line-height: 20px; padding:0 9px;}/* 24-09-09 결합상품 잔여페이지 */
.product_cont.setnum .pro_setnum,
.product_cont_sh.setnum .pro_setnum{display:block; z-index:12;}

/* 2024-08-16 결합상품 프로모션 */
/* iScroll 모듈 추가 */
[data-iscroll] {overflow:hidden; position:relative; z-index:1; width:100%; font-size:0;}
[data-iscroll] .ui_scroll_inner {display:inline-block; position:relative; z-index:1; webkit-tap-highlight-color:rgba(0,0,0,0); transform:translateZ(0); webkit-touch-callout:none; /* user-select:none; */ text-size-adjust:none; width:100%; font-size:16px;}
[data-iscroll].horizontal .ui_scroll_inner {width:auto; white-space:nowrap; vertical-align:top;}
[data-iscroll].horizontal .ui_scroll_inner > * {display:inline-block; font-size:0; white-space:nowrap; vertical-align:top;}
[data-iscroll].horizontal .ui_scroll_inner .tab_menu {display:flex; box-sizing:border-box;}
[data-iscroll].horizontal .ui_scroll_inner .tab_menu > li {display:inline-block; vertical-align:top;}
[data-iscroll].horizontal .ui_scroll_inner .tab-menu{display:flex;}/* 26-02-05 26상시개선 주문/장바구니 */
.tab_wrap:not(.type8) [data-iscroll].horizontal .ui_scroll_inner .tab_menu > li + li {margin-left:10px;}
.iScrollLoneScrollbar {position:absolute; top:0; right:0; z-index:100; width:8px; height:100%; background:#F5F5F5; opacity:0; visibility:hidden; pointer-events:none;}
.iScrollLoneScrollbar.is-show {opacity:1; visibility:visible; pointer-events:auto;}
.iScrollIndicator {position:absolute; top:0; left:0; width:100%; border-radius:9999px; background:#cacaca;}

/* 상품모듈 세트할인가 문구 추가 */
.info_price .p_rate.set {font-size:14px; line-height:18px; font-weight:700; color:#E80F00;}
.product_cont.out .info_price .p_rate.set {color:#999;}

/* 상품모듈 비로그인 문구 정렬 */
.info_price .p_rate.login {flex:auto;}

/* 24-10-02 비회원 주문 개선 */
.popup_bottom .bottom_top{text-align: center; margin-bottom:20px}

/* 2024-10-15 현대이지웰 헤더 추가 */
body.ezwel .popup_mall {top:32%;}

/* 25-12-01 AI필터 확대 적용 */
.short_wish{display: inline-flex; align-items: center;}
.short_wish.column{flex-wrap: wrap; flex-direction: column;}
.wish_count{font-family: 'ManropeR'; font-size:12px; color:#666; line-height: 18px;}
.short_wish .ck_like{display:inline-block; width:18px;}
.ck_like + .wish_count{margin-left:3px}
.ck_like:has(input:checked) + .wish_count {color:#de3831}
.short_wish.column{min-width: 30px; text-align: center;}
.short_wish.column .ck_like + .wish_count{margin-left:0}

/* 2026-02-04 : 26년 상시개선 */
.label-unit .unitin {display:flex; flex-wrap:wrap; gap:2px;}
.label-unit .unitin + .unitin {margin-top:2px;}
.label-unit .unitin span {display:inline-block; height:24px; padding:0 6px; background:rgba(0, 0, 0, 0.8); font-size:12px; color:#fff; line-height:24px; white-space:nowrap; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); letter-spacing:-0.04em;}
.label-unit .unitin span.st01 {background:rgba(255, 192, 194, 0.5); color:#E80F00;}
.label-unit .unitin span.st02 {background:rgba(232, 15, 0, 0.8); color:#fff;}
.label-unit .unitin span.st03 {background:rgba(0, 0, 0, 0.5);}
.label-unit .unitin span.st04 {background:rgba(0, 0, 0, 0.8);}
.label-unit .unitin span.st05 {background:rgba(202, 202, 202, 0.7);}
.label-unit .unitin span.st06 {background:rgba(245, 245, 245, 1); color:#616161;}
.label-unit .unitin span.st07 {background: rgba(84, 157, 152, 0.8);}
.label-unit.type01 .unitin span {height:18px; padding:0 4px; font-size:10px; line-height:18px;}

/* 가격 모듈 */
.price-unit .unitin {display:flex; flex-wrap:wrap; align-items:center; gap:0 4px;}
.price-unit .unitin + .unitin {margin-top:4px;}
.price-unit .unitin span {font-size:16px; line-height:16px;}
.price-unit .unitin span.login a {position:relative; z-index:2; color:#E80F00;}
.price-unit .unitin span.per {font-weight:700; color:#E80F00;}
.price-unit .unitin span.dollar {font-size:13px; color:#616161;}
.price-unit .unitin span.dollar.del {text-decoration:line-through;}
.price-unit .unitin span.won {font-weight:700; color:#222;}

/* 리뷰 & 관심 */
.info-unit .unitin {display:flex; flex-wrap:wrap; align-items:center; gap:0 17px; overflow:hidden;}
.info-unit .unitin > div {position:relative; font-size:12px; line-height:18px; color:#999;}
.info-unit .unitin > div:before {display:block; content:""; position:absolute; top:50%; left:-9px; transform:translateY(-50%); width:1px; height:10px; background:#E0E0E0;}
.info-unit .unitin > div span {position:relative; padding-left:13px; color:currentColor;}
.info-unit .unitin > div span:before {display:inline-block; content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:12px; height:12px; mask:url('../svg/ico-star-02-12.svg') no-repeat 0 0 /100% auto; background:#999;}
.info-unit .unitin > div.wish span:before {mask-image:url('../svg/ico-heart-01-12-fill.svg');}

/* 수량 모듈 */
.count-unit {display:flex; align-items:center; justify-content:center; height:36px; border-radius:2px; border:1px solid #E0E0E0; box-sizing:border-box;}
.count-unit .num {width:100%; height:100%; flex:1;}
.count-unit input {width:100%; min-width:32px; height:100%; text-align:center; font-weight:700; font-size:13px; color:#222; appearance: textfield; -moz-appearance: textfield;}
.count-unit input::-webkit-outer-spin-button,
.count-unit input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
.count-unit button {display:inline-block; width:30px; height:100%; mask:url('../svg/ico-minus-01-08.svg') no-repeat right center /8px auto; font-size:0; box-sizing:content-box; background:#222;}
.count-unit button.btn-count-plus {mask-image:url('../svg/ico-plus-01-08.svg'); mask-position:left center;}

/* 사은품 모듈 */
.gift-unit {position:absolute; top:0; right:0; background:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.gift-unit:before {display:block; content:""; position:absolute; top:0; right:0; width:12px; height:12px; mask: url('../svg/ico-plus-gwp-01-12.svg') 0 0/100% auto no-repeat; background-color: #222; z-index:1;}
.gift-unit:after {display:block; content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background-image: linear-gradient(224.04deg, rgba(0,0,0,0.03) -1.73%, rgba(255,255,255,0.03) 79.65%);}
.gift-unit .unitin {display:flex; flex-direction:column; width:52px;}
.gift-unit .unitin .item {width:100%; aspect-ratio:1; position:relative;}
.gift-unit .unitin img {width:100%; height:100%;}

/* 토글 모듈 */
.toggle-unit {display:inline-flex; width:auto; height:48px; box-sizing:border-box; padding:4px; background:rgba(0,0,0,0.05); border-radius:99px;}
.toggle-unit ul {display:flex; position:relative; width:100%; height:100%;}
.toggle-unit ul li {display:flex; align-items:center; margin-left:-4px; box-sizing:border-box; font-size:15px; color:#616161;}
.toggle-unit ul li.on {position:relative; height:100%; box-sizing:border-box; border-radius:99px; border:1px solid #fff; background:rgba(255,255,255,0.5); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08); font-weight:700; color:#222;}
.toggle-unit ul li a {display:flex; align-items:center; height:100%; padding:0 16px; color:currentColor;}
.toggle-unit ul li a span {display:block; overflow:hidden; max-width:80px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap;}
.toggle-unit ul li:first-child {margin-left:0;}

/* 탭 */
.tab-unit {position:relative; margin:0 0 20px;}
.tab-unit ul {display:flex; align-items:center; gap:0 8px; min-width:0; width:fit-content;}
.tab-unit ul li {position:relative; width:auto; flex-shrink:0; font-size:0;}

/* 타이틀 모듈 */
.cont-unit-head {position:relative; margin-bottom:24px;}
.cont-unit-head .head {display:flex; align-items:center; position:relative;}
.cont-unit-head .head .inner {min-width:0; width:auto;}
.cont-unit-head .head .inner .headline,
.cont-unit-head .head .inner ul {padding-right:20px;}
.cont-unit-head .head .inner .headline,
.cont-unit-head .head .inner ul li {font-size:24px; line-height:28px; color:#222; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cont-unit-head .head .inner ul {display:flex; align-items:center; gap:0 20px; flex:1; min-width:0;}
.cont-unit-head .head .inner ul li:first-child:nth-last-child(1) a {pointer-events:none;}
.cont-unit-head .head .inner ul li a {color:currentColor;}
.cont-unit-head .head .inner ul li {color:#AAA;}
.cont-unit-head .head .inner ul li.on {color:#222;}
.cont-unit-head .head .inner .imp {color:#E80F00;}
.cont-unit-head .head .inner .sub {margin-top:12px; font-size:18px; line-height:24px; color:#616161; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cont-unit-head .head .more {flex-shrink:0; align-self:self-start; margin-left:auto; font-size:15px; line-height:28px; color:#616161;}
.cont-unit-head .head .more a {display:block; min-height:28px; color:currentColor;}
.cont-unit-head .head .toggle-unit {flex-shrink:0; margin:0}
.cont-unit-head.st01 .head .inner .headline,
.cont-unit-head.st01 .head .inner .sub {background-image:linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.6) 100%); color:transparent; background-clip:text;}
.cont-unit-head.st01 .head .more {color:#FFF;}
.cont-unit-head:has(+.time-unit, .tab-unit) {margin-bottom:12px;}

/* 상품 모듈 */
.product-list {display:flex; flex-wrap:wrap; gap:48px 16px;}
.product-unit {display:inline-block; flex-shrink:0; position:relative; --product-unit-size:200px ; width:var(--product-unit-size); box-sizing:border-box;} /* 기본 너비 사이즈 : 200px */
.product-unit .link {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; font-size:0;}
.product-unit .top:hover .over {opacity:1; visibility:visible; width:100%; height:100%;}
.product-unit .top {position:relative;}
.product-unit .top .cover {position:relative; width:var(--product-unit-size); overflow:hidden;}
.product-unit .top .media {position:relative; z-index:0; overflow:hidden; width:100%; height:auto; aspect-ratio:1; background:#fff;}
.product-unit .top .media img,
.product-unit .top .media video {width:100%; height:100%; object-fit:cover;}
.product-unit .top .media:before {display:block; content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0, 0, 0, 0.03);}
.product-unit .top .over {opacity:0; visibility:hidden; position:absolute; top:0; left:0; width:0; height:0; box-sizing:border-box; align-content:center; z-index:2; pointer-events:none;}
.product-unit .top .over:has(.detail) {padding:16px; background:rgba(0, 0, 0, 0.2); align-content:flex-start;}
.product-unit .top .over:has(.detail) .util {position:absolute; bottom:0; left:0; width:100%; padding:16px; box-sizing:border-box; text-align:left;}
.product-unit .top .detail .brand {font-size:14px; font-weight:700; line-height:20px; color:#fff;}
.product-unit .top .detail .name {overflow:hidden; margin-top:4px; font-size:14px; line-height:20px; color:#fff; opacity:.8; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-all;}
.product-unit .top .detail .price-unit {margin-top:8px;}
.product-unit .top .detail .price-unit .dollar {color:#fff; opacity:.8;}
.product-unit .top .detail .price-unit .won {color:#fff;}
.product-unit .top .util {display:flex; align-items:center; justify-content:center; gap:0 8px; font-size:0; text-align:center;}
.product-unit .top .util .btn-icon {display:inline-block; overflow:hidden; isolation:isolate; position:relative; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.8); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.08); pointer-events:auto; text-align:left;}
.product-unit .top .util .btn-icon:before {display:block; content:""; position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px; mask:url('../svg/ico-cart-01-20.svg') no-repeat center center /100% auto; background:#222;}
.product-unit .top .util .btn-icon.long {padding:0 16px 0 36px; border-radius:100px; width:auto; font-size:12px; line-height:16px; color:#222; line-height:40px;}
.product-unit .top .util .btn-icon.long:before {left:12px; margin-left:0;}
.product-unit .top .util .btn-alarm:before {mask-image:url('../svg/ico-bell-01-20.svg');}
.product-unit .top .util .btn-pay:before {mask-image:url('../svg/ico-pay-01-20.svg');}
.product-unit .top .util .btn-wish:before {display:none;}
.product-unit .top .util .btn-wish {align-content:center; text-align:center;}
.product-unit .top .util .btn-del {display:none;}
.product-unit .top .util .btn-del:before {mask-image:url('../svg/ico-close-01-20.svg');}
.product-unit .top .util .btn-sroom {padding:0 16px; border-radius:100px; width:auto; font-size:12px; line-height:16px; color:#222; line-height:40px;}
.product-unit .top .util .btn-sroom:before {display:none; padding-left:0;}
.product-unit .top .label-unit {position:absolute; bottom:0; left:0; z-index:1;}
.product-unit .top .label-unit .unitin {gap:2px 0;}
.product-unit .top .label-unit .unitin span.st02 + span.st02 {margin-left:1px;}
.product-unit .top .label-unit.upper {top:0; bottom:auto;}
.product-unit .bottom .cover {position:relative; padding:8px 8px 0 0;}
.product-unit .bottom .brand {overflow:hidden; font-size:14px; font-weight:700; color:#222; line-height:20px; white-space:nowrap; text-overflow:ellipsis;}
.product-unit .bottom .brand a {position:relative; z-index:2;}
.product-unit .bottom .name {overflow:hidden; margin:4px 0 0 0; font-size:14px; line-height:20px; color:#616161; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-all; white-space:normal;}
.product-unit .bottom .name .imp {color:#E80F00;}
.product-unit .bottom .proset-name{display:flex; align-items: center; gap:0 2px; margin:2px 0 4px; min-width: 0;}
.product-unit .bottom .proset-name .brand,
.product-unit .bottom .proset-name .name{-webkit-line-clamp:1; margin:0;}
.product-unit .bottom .proset-name .pronum{font-size:14px; line-height: 20px; font-weight: 700; color:#616161; white-space:nowrap;}
.product-unit .bottom .proset-name .pronum i{display: inline-flex; margin-left:2px;}
.product-unit .bottom .proset-name .split{color:#616161; flex-shrink: 0;}
.product-unit .bottom .option {font-size:14px; line-height:20px; color:#999; margin-top:4px}
.product-unit .bottom .price-unit {padding-top:8px;}
.product-unit .bottom .discount {margin-bottom:8px; font-size:28px; font-weight:700; line-height:24px; color:#E80F00;}
.product-unit .bottom .promo{font-size:14px; line-height: 20px; color:#E80F00; margin-top:4px}/* 26-02-05 26상시개선 주문/장바구니 */
.product-unit .bottom .opt-select{margin-top:8px; width:100%; max-width:200px;}/* 26-02-05 26상시개선 주문/장바구니 */
.product-unit .bottom .log {padding-top:8px; font-size:14px; line-height:16px; color:#E80F00;}
.product-unit .bottom .log + .price-unit {padding-top:4px;}
.product-unit .bottom .date {margin-top:8px; font-size:13px; line-height:14px; color:#999;}
.product-unit .bottom .period-time{margin-bottom:4px; font-size:14px; line-height: 20px; color:#616161}/* 26-03-19 26상시개선 상품상세 */
.product-unit .bottom .more {position:relative; z-index:3; margin-top:8px;}
.product-unit .bottom .more a {display:inline-block; position:relative; padding-right:12px; background:url('../svg/ico-arrow-02-08-right.svg') no-repeat right center /8px auto; font-size:12px; line-height:16px; color:#222;}
.product-unit .bottom .info-unit {display:none; position:relative; z-index:1; margin-top:6px;}
.product-unit .bottom .name ~ .label-unit {display:none; margin-top:8px;}
.product-unit:is(.out, .ofstock) .price-unit span {color:#AAA;}
.product-unit:is(.out, .ofstock) .price-unit span.dollar {color:#CACACA;}
.product-unit.age .top .media:before {backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);}
.product-unit.ofstock .top .media img {opacity:.5;}
.product-unit .check-tool {position:absolute; top:0; left:0;}
.product-unit .utils {display:flex; flex-wrap:wrap; width:100%; height:36px; gap:0 4px; margin-top:12px;}
.product-unit .utils > * {flex:1; padding:0;}
.product-unit .utils > button {overflow:hidden; flex:1; height:100%; border-radius:2px; font-size:13px; line-height:100%; font-weight:normal; text-overflow:ellipsis;}
.product-unit .utils > button i {padding:0 10px;}
.product-unit .utils.st02 {display:grid; grid-template-columns:repeat(3, 1fr); width:100%;}
.product-unit .utils.st02:has(> :first-child:nth-last-child(1)) {grid-template-columns:1fr;}
.product-unit .utils.st02:has(> :first-child:nth-last-child(2)) {grid-template-columns:1fr 1fr;}
.product-unit .utils.st02:has(> :first-child:nth-last-child(2)):has(.count-unit) {grid-template-columns:1fr 2fr;}

.product-unit .functions {display:flex; align-items:center; gap:0 24px; position:absolute; top:0; right:0; z-index:3;}/* 26-06-05 */
.product-unit .functions .btn-ico {display:inline-block; width:20px; height:20px; font-size:0; mask:url('../svg/ico-heart-01-20.svg') no-repeat 0 0 /100% auto; background:#616161;}
.product-unit .functions .btn-fix {mask-image:url('../svg/ico-pin-01-20.svg');}
.product-unit .functions .btn-del {mask-image:url('../svg/ico-close-01-20.svg');}
.product-unit .functions [class^="btn-cart"] {mask-image:url('../svg/ico-cart-01-20.svg');}/* 26-02-05 26상시개선 주문/장바구니 */
.product-unit .functions .btn-cart-16{width:16px; height:16px; mask-image:url('../svg/ico-cart-01-16.svg');}/* 26-02-05 26상시개선 주문/장바구니 */
.product-unit .functions .btn-alarm{mask-image:url('../svg/ico-bell-01-20.svg');}/* 26-02-05 26상시개선 주문/장바구니 */
.product-unit:has(.check-tool) {padding-top:24px;}
.product-unit:has(.functions) .bottom .cover {padding:0;}
.product-unit:has(.functions) .bottom .brand {padding-right:20px;}
.product-unit.more a {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.product-unit.more .txt {position:relative; padding-bottom:28px; font-size:13px; line-height:17px; color:#616161;}
.product-unit.more .txt:before {display:block; content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:20px; height:20px; border-radius:50%; background:rgba(202, 202, 202, 0.4);}
.product-unit.more .txt:after {display:block; content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:20px; height:20px; mask:url('../svg/ico-arrow-03-08-right.svg') no-repeat center center /16px auto; background:#222222;}

/* 상품모듈 - State & Type */
.product-list.st01 > .product-unit {--product-unit-size:50px;}
.product-list.st02 > .product-unit {--product-unit-size:80px;}
.product-list.st03 > .product-unit {--product-unit-size:136px;}
.product-list.st04 > .product-unit {--product-unit-size:308px;}
.product-list.st05 > .product-unit {--product-unit-size:96px;}/* 26-03-19 26상시개선 상품상세 */

.product-list.is-row {flex-direction:column;}
.product-list.is-row > .product-unit {display:block; width:100%;}
.product-list.is-row > .product-unit .outer {flex:1; display:flex; gap:0 12px; /* align-items:center; */ min-width: 0;}
.product-list.is-row > .product-unit .top {flex-shrink:0;}
.product-list.is-row > .product-unit .bottom {flex:1; min-width:0; align-self:flex-start;}
.product-list.is-row > .product-unit .utils {position:absolute; right:0; top:50%; transform: translateY(-50%); flex-direction:column; flex-wrap:nowrap; gap:4px; flex:0 0 136px; width:136px; height: auto; margin-top:0; padding-top:24px}
.product-list.is-row > .product-unit .utils > * {flex:none; width:100%; height: 36px;}
.product-list.is-row > .product-unit .bottom .cover .label-unit{margin-bottom:8px}
.product-list[class^="is-rank"], .product-list[class*=" is-rank"] {counter-reset:number 0;}
.product-list.is-rank02 {display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr 1fr; grid-auto-rows:200px; gap:16px;}
.product-list.is-rank02 > .product-unit .top:after {position:absolute; top:0; left:0; width:100%; height:100%; content:""; background:url('../svg/img-rank-02-01.svg') no-repeat 0 0 /100% auto; pointer-events:none;}
.product-list.is-rank02 > .product-unit:nth-child(1) {--product-unit-size:416px; grid-row:span 2; align-content:normal; text-align:left;}
.product-list.is-rank02 > .product-unit:nth-child(2) .top:after {background-image:url('../svg/img-rank-02-02.svg');}
.product-list.is-rank02 > .product-unit:nth-child(3) .top:after {background-image:url('../svg/img-rank-02-03.svg');}
.product-list.is-rank02 > .product-unit:nth-child(4) .top:after {background-image:url('../svg/img-rank-02-04.svg');}
.product-list.is-rank02 > .product-unit:nth-child(5) .top:after {background-image:url('../svg/img-rank-02-05.svg');}
.product-list.is-rank02 > .product-unit:nth-child(6) .top:after {background-image:url('../svg/img-rank-02-06.svg');}
.product-list.is-rank02 > .product-unit:nth-child(7) .top:after {background-image:url('../svg/img-rank-02-07.svg');}
.product-list.is-rank02 > .product-unit:nth-child(8) .top:after {background-image:url('../svg/img-rank-02-08.svg');}
.product-list.is-rank02 > .product-unit:nth-child(9) .top:after {background-image:url('../svg/img-rank-02-09.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(1) .top:after {background-image:url('../svg/img-rank-02-10.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(2) .top:after {background-image:url('../svg/img-rank-02-11.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(3) .top:after {background-image:url('../svg/img-rank-02-12.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(4) .top:after {background-image:url('../svg/img-rank-02-13.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(5) .top:after {background-image:url('../svg/img-rank-02-14.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(6) .top:after {background-image:url('../svg/img-rank-02-15.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(7) .top:after {background-image:url('../svg/img-rank-02-16.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(8) .top:after {background-image:url('../svg/img-rank-02-17.svg');}
.swiper-slide:nth-child(2) .product-list.is-rank02 > .product-unit:nth-child(9) .top:after {background-image:url('../svg/img-rank-02-18.svg');}
.product-list.is-light > .product-unit .top .media:before {display:none;}
.product-list.is-light > .product-unit.age .top .media:before {display:block; background:rgba(255,255,255,0.03);}
.product-list.is-light > .product-unit.ofstock .top .media img {opacity:.5;}
.product-list.is-mid > .product-unit .outer{align-items: center;}/* 26-02-05 26상시개선 주문/장바구니 */
.product-list.is-mid > .product-unit .bottom{position:relative; align-self: center;}/* 26-02-05 26상시개선 주문/장바구니 */
.product-list.is-del .product-unit .top .over {display:block;}
.product-list.is-del .product-unit .top .over .util > * {display:none;}
.product-list.is-del .product-unit .top .over .util .btn-del {display:inline-block;}
.product-list.swiper-wrapper {flex-wrap:inherit; flex-direction:row; gap:0;}

/* 기본 모듈만 (200px) */
.product-list:not([class*="st0"]) .product-unit .bottom .info-unit,
.product-list:not([class*="st0"]) .product-unit .bottom .label-unit {display:block;}

/* st01/st02 */
.product-list.st01 .product-unit .bottom .name,
.product-list.st01 .product-unit .bottom .brand{font-size:12px; line-height: 18px;}
.product-list.st01 .product-unit .bottom .option{font-size:12px; line-height: 14px;}
.product-list.st02 .product-unit .bottom .name {-webkit-line-clamp:1; margin:0;}

/* st04 */
.product-list.st04 .product-unit .gift-unit .unitin {width:80px;}
.product-list.st04 .product-unit .gift-unit:before {width:20px; height:20px; mask-image:url('../svg/ico-plus-gwp-01-20.svg');}

/* 장바구니 */
.product-list.is-cart {gap:24px 0;}
.product-list.is-cart:has(.utils) .product-unit {padding-right:136px;}
.product-list.is-cart > .product-unit .price-unit {box-sizing: border-box; width:136px; text-align:right; padding-right:32px; align-self: center;}
.product-list.is-cart > .product-unit .price-unit .unitin{justify-content: flex-end;}
.product-list.is-cart > .product-unit .outer-wrap{display: flex; flex-direction: column; gap:4px 0;}

/* 메인 장바구니 (모바일 형태) */
.product-list.is-cart-m {gap:48px 0;}
.product-list.is-cart-m > .product-unit {padding:0 0 0 28px;}
.product-list.is-cart-m > .product-unit .utils {position:relative; top:auto; right:auto; width:100%; transform:none; padding-top:12px;}
.product-list.is-cart-m > .product-unit .utils > * {border-radius:4px;}
.product-list.is-cart-m > .product-unit .price-unit .unitin span {font-size:12px; line-height:14px;}
.product-list.is-cart-m > .product-unit .functions{gap:0 12px}/* 26-06-05 */
.product-list.is-cart-m > .product-unit .functions .btn-del {width:16px; height:16px; mask-image:url('../svg/ico-close-01-16.svg');}
.product-list.is-cart-m > .product-unit .bottom .brand {font-size:12px;}
.product-list.is-cart-m > .product-unit .bottom .name {font-size:12px; line-height:16px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-all;}
.product-list.is-cart-m > .product-unit .bottom .option {font-size:12px; line-height:16px;}
.product-list.is-cart-m > .product-unit .bottom .cover .label-unit {margin:8px 0 0 0;}
.product-list.is-cart-m > .product-unit .outer-wrap {display:flex; flex-direction:column; gap:24px 0;}

/* 주문결제 : 상품모듈 영역 비활성화 opacity .5 적용 */
.product-list.is-refuse .cover .media,
.product-list.is-refuse .bottom,
.product-list.is-refuse .opt-btn{opacity: .5;}
.product-list.is-refuse .opt-btn a, .product-list.is-refuse .opt-btn button{pointer-events: none;}

/* 주문내역 */
.product-list.is-order {gap: 24px;}
.product-list.is-order .product-unit {padding-right: 148px;}
.product-list.is-order .product-unit .utils {padding-top: 0;}
.product-list.is-order .price-unit {display: flex;width: 156px;flex-direction: column;justify-content: center;align-items: end;padding-right: 20px;box-sizing: border-box;word-break: break-all;text-align: right;}
.product-list.is-order .price-unit .unitin span.dollar {line-height: 14px;}
.product-list.is-order .condition-unit{flex-shrink: 0; width:156px; display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; padding-right:20px}
.product-list.is-order .condition-unit .cd-txt{font-size:16px; font-weight: 700;}
.product-list.is-order .product-unit .bottom .cover .label-unit {margin: 0;}
.product-list.is-order .product-unit .bottom .cover {padding: 0;}
.product-list.is-order .product-unit .bottom .proset-state {display: flex;gap: 8px;align-items: center;}
.product-list.is-order .product-unit .bottom .proset-state .date {font-size: 14px;line-height: 18px;margin: 0;color: #222;}
.product-list.is-order .product-unit .bottom .proset-name {gap: 4px;margin: 4px 0 0;}
.product-list.is-order .product-unit .bottom .proset-name :where(.name, .pronum) {color: #222;}
.product-list.is-order .product-unit .bottom .proset-info {display: flex;flex-direction: column;gap: 4px;margin-top: 8px;}
.product-list.is-order .product-unit .bottom .proset-info .col {display: flex;font-size: 13px;line-height: 18px;color: #616161;gap: 8px;align-items: center;}
.product-list.is-line{border-bottom:1px solid #E0E0E0; padding-bottom:24px;}
.product-list.is-line .product-unit{border-top:1px solid #E0E0E0; padding-top:24px;}
.product-list.is-row.is-line > .product-unit .utils{padding-top:24px}

.product-thumb ul {display:flex; gap:0 18px; position:relative; overflow:hidden; white-space:nowrap;}
.product-thumb ul::-webkit-scrollbar {display:none;}
.product-thumb ul li {flex-shrink:0; overflow:hidden; isolation:isolate; position:relative; width:68px; height:68px; border-radius:28px; box-sizing:border-box; line-height:0;}
.product-thumb ul li:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.03); pointer-events:none;}
.product-thumb ul li.on:after {display:block; content:""; position:absolute; inset:0; border-radius:28px; padding:3px; background:linear-gradient(97.02deg, #E80F00 1.51%, rgba(255, 71, 65, 0.5) 93.41%); mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;}
.product-thumb ul li a {display:block;}
.product-thumb ul li img {width:100%; height:100%;}
@property --gradient-angle {syntax:"<angle>"; initial-value:0deg; inherits:false;}
@keyframes spin-border {
	to {
		--gradient-angle:360deg;
	}
}

/* 브랜드 */
.product-list.is-brand .product-unit .top .media {align-content:center; text-align:center;}
.product-list.is-brand .product-unit .top .media img {width:auto; height:auto; max-width:100%; max-height:100%;}
.product-list.is-brand .product-unit .bottom .brand {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; white-space:normal;}

/* 타임세일 */
.product-list.st04 > .product-unit .bottom .cover {padding-top:12px;}

/* 스와이프 기본 덮어쓰기 (JS 수정으로) */
.swiper-pagination.custom .total {margin-left:3px;}
.swiper-pagination.custom .total:before {display:inline; content:" / ";}

/* 스와이프 좌우버튼 + 인디게이터 */
.swiper-bottom {position:absolute; top:50%; right:54px; transform:translateY(-50%); z-index:2;}
.swiper-bottom [class^="btn-"] {display:block; width:12px; height:12px; mask:url('../svg/ico-arrow-02-12-left.svg') no-repeat center center /12px auto; background:#fff; font-size:0;}
.swiper-bottom .btn-next {mask-image:url('../svg/ico-arrow-02-12-right.svg');}
.swiper-bottom .btn-stop {display:none; mask-image:url('../svg/ico-pause-01-12.svg');}
.swiper-bottom .btn-play {display:none; mask-image:url('../svg/ico-play-01-12.svg');}
.swiper-bottom .btn-stop.on,
.swiper-bottom .btn-play.on {display:block;}
.swiper-bottom-inner {display:flex; align-items:center; gap:0 8px;}
.swiper-bottom .swiper-pagination {display:flex; align-items:center; position:relative; line-height:12px;}
.swiper-bottom .swiper-pagination > span {font-size:12px; color:#999; vertical-align:top; line-height:12px;}
.swiper-bottom .swiper-pagination .current {color:#616161;}
.swiper-bottom .swiper-pagination .total {margin:0;}
.swiper-bottom .swiper-pagination .total:before {display:inline-block; content:""; width:1px; height:6px; margin:0 6px; background:#aaa; opacity:.6; vertical-align:middle;}
.swiper-bottom.st01 {top:auto; bottom:16px; right:16px; transform:none; border-radius:20px; background:rgba(0, 0, 0, 0.2); backdrop-filter:blur(25px); -webkit-backdrop-filter:blur(25px);}
.swiper-bottom.st01 .swiper-bottom-inner {height:36px; padding:0 16px;}
.swiper-bottom.st01 .swiper-pagination > span {color:#fff; opacity:.6;}
.swiper-bottom.st01 .swiper-pagination .current {opacity:1;}
.swiper-bottom.st01 .swiper-pagination .total:before {background:#fff; margin:0 8px;}
[data-slide]:has(.swiper-slide-active.dark) .swiper-bottom .swiper-pagination .current {color:#fff;}
[data-slide]:has(.swiper-slide-active.dark) .swiper-bottom .swiper-pagination .total:before {background:#fff;}

/* 스와이프 좌우버튼 */
.swiper-arrow button {position:absolute; top:50%; transform:translateY(-50%); z-index:2; width:40px; height:40px; border-radius:8px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); background:rgba(255,255,255,0.5); box-shadow: 0px 0px 11.11px 0px rgba(0, 0, 0, 0.1); font-size:0; opacity:0;}
.swiper-arrow button:after {display:block; content:""; width:100%; height:100%; mask:url('../svg/ico-arrow-02-20-left.svg') no-repeat center center /22px auto; background:#222;}
.swiper-arrow button.prev {left:-20px;}
.swiper-arrow button.next {right:-20px;}
.swiper-arrow button.next:after {transform:rotate(180deg);}
.swiper-arrow button.swiper-button-disabled {display:none;}
.swiper-arrow.small button {width:20px; height:20px; border-radius:4px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.swiper-arrow.small button:after {width:100%; height:100%; mask:url('../svg/ico-arrow-02-20-left.svg') no-repeat center center /10px auto; background:#222;}
.swiper-arrow.small button.prev {left:-10px;}
.swiper-arrow.small button.next {right:-10px;}
[data-slide]:hover .swiper-arrow button,
.swiper-arrow button:hover {opacity:1; transition: 0.4s;}
[data-slide]:has(.product-list:not(.is-rank02)) .swiper-arrow button {top:80px; transform:none;}
[data-slide]:has(.product-list.st04) .swiper-arrow button {top:134px; transform:none;}

/* 레이어 팝업 공통 모듈 box-shadow 수치 수정 */
[data-layer-transition="scale"] {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}

/* breadcrumb 수정 */
.breadcrumb {margin-top:24px;}
.breadcrumb .native > li > a {padding:0 20px; line-height:16px;}
.breadcrumb .native > li > a:hover {color:#616161;}
.breadcrumb .native > li.arr > a > span {padding-right:16px;}
.breadcrumb .native > li.arr > a > span:after {top:2px; width:12px; height:12px; mask:url('../svg/ico-arrow-02-12-down.svg') no-repeat 0 0 /100% auto; background:#222;}
.breadcrumb .native > li.arr > a.on > span:after {mask-image:url('../svg/ico-arrow-02-12-up.svg');}

/* 26-03-19 26상시개선 상품상세 */
/* 상품상세 */
.toast-box{box-sizing: border-box; font-size:0;}
.toast-box > .inner {display:inline-block; position:relative; padding:12px 24px; border-radius:9999px; box-sizing:border-box; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);}
.toast-box > .inner:before {display:block; content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; border-radius:9999px; background-color:rgba(0,0,0,0.5); backdrop-filter:blur(40px); -webkit-backdrop-filter:blur(40px); pointer-events:none;}
.toast-box > .inner:after {display:block; content:""; position:absolute; inset:0; border-radius:9999px; padding:1px; background:linear-gradient(94.72deg, #FFFFFF 0.16%, rgba(0, 0, 0, 0) 100.16%); mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; box-sizing:border-box; opacity:.5;}
.toast-box > .inner .txt{display:inline-block; font-size:16px; line-height: 24px; color:#fff; font-weight: 400; z-index:1;}
.toast-box > .inner .emp{font-weight: 700;}
.toast-box > .inner .conts{display: inline-flex; align-items: center; gap:0 4px; font-size:0}
.toast-box .btn_tooltip > .ico_tooltip{margin-left:0;}
.pro_giftarea .gift-unit{position:static;}
.pro_giftarea .gift-unit:before{width:20px; height: 20px; mask:url('../svg/ico-plus-gwp-01-20.svg') 0 0/100% auto no-repeat; background-color: #222;}
.pro_giftarea .gift-unit .unitin {width:80px;}

/* 26-03-26 오퍼체계 개선 태그 변경 */
.cart_product .info_sort.type2 {padding-bottom:5px; margin-top:0;}