@charset "UTF-8";
/**********************************************************/
/* filter */
/**********************************************************/
.categoryOption { border-top: 2px solid #363d4d; margin-bottom: 60px; }

.categoryOption .addItem { display: none; }

.categoryOption label { font-size: 14px; color: #666; width: 103px; }

.categoryOption .checkboxGroup { display: block; margin-top: 7px; }

.categoryOption .checkboxGroup:first-child { margin-top: 0; }

.categoryOption .moreBrand .checkboxGroup:first-child { margin-top: 7px; }

.categoryOption .checkboxGroup label { width: inherit; height: inherit; margin-right: 0; padding-right: 20px; }

.categoryOption .checkboxGroup label span em { font-size: 12px; color: #999; }

.categoryOption .checkboxGroup label .ea { font-size: 12px; color: #999; }

.categoryOption .brandList dd { padding: 0; vertical-align: top; }

.categoryOption .brandList .scrollWrap { border: none; background: #fff; overflow: hidden; }

.categoryOption .brandList .scrollWrap .on { padding: 4px 0 11px 20px; overflow: auto; }

.categoryOption .brandList .scrollCont { height: auto; max-height: 80px; padding: 4px 0 11px 20px; }

.categoryOption .brandList .scrollCont.on { max-height: 96px; }

.categoryOption .brandList .defaultItem { padding-top: 8px; }

.categoryOption .brandList .defaultItem .checkboxGroup { margin-top: 8px; }

.categoryOption .brandList .defaultItem .checkboxGroup:first-child { margin-top: 0; }

.categoryOption .brandList .checkboxGroup label { width: 210px; line-height: 1.2; word-break: break-all; vertical-align: top; }

.categoryOption .brandList .moreBrand { display: none; }

.categoryOption .brandList.noData dt .btnSquare { display: none; }

.categoryOption .brandList.noData dd p { line-height: 80px; text-align: center; }

.categoryOption .selProp dt, .categoryOption .selProp dd { background: #fff; border-bottom: none; }

.categoryOption .selProp .con > span { display: inline-block; padding: 0 12px; margin-left: 7px; border-radius: 27px; height: 27px; border: 1px solid #e5e5e5; line-height: 1.786em; cursor: pointer; }

.categoryOption .selProp .con > span:first-child { margin-left: 0; }

.categoryOption .selProp .con > a { display: inline-block; margin-right: 8px; border-radius: 12px; padding: 3px 11px 4px; font-size: 13px; color: #333; border: 1px solid #e5e5e5; }

.categoryOption .btnSquare { margin-top: 4px; }

.categoryOption .indexArea { display: none; margin-left: 20px; margin-top: 18px; }

.categoryOption .indexArea > a { display: block; min-width: 63px; height: 24px; padding: 0 10px; float: left; font-size: 12px; color: #666; line-height: 22px; border: 1px solid #aaaaaa; text-align: center; }

.categoryOption .indexArea:after { display: block; content: ''; clear: both; }

.categoryOption .indexArea .active { color: #fff; background: #000; border: none; }

/* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
.categoryOption .indexArea > a + a { margin-left: -1px; }

.categoryOption .tooltipWrap .btnTip { position: relative; top: -1px; }

.categoryOption .tooltipWrap .contTip { width: 273px; }

.categoryOption .defaultItem dl:not(.brandList) dd .checkboxGroup.point label { width: calc((100% - 20px) / 5); word-break: break-all; vertical-align: top; }

.tit_type + .ranking_goods { margin-top: 40px; }

/*카테고리 필터*/
.categoryOption > .defaultItem > dl > dt { vertical-align: top; }

.categoryOption .ctgSelectWrap { position: relative; }

.categoryOption .ctgSelectWrap:after { content: ""; display: block; height: 0; clear: both; }

.categoryOption .ctgSelectWrap > .scrollWrap:first-child { margin-left: 0; }

.categoryOption .ctgSelectWrap > .scrollWrap { display: none; float: left; margin-left: 10px; box-sizing: border-box; background: none; border-color: #ddd; }

.categoryOption .ctgSelectWrap > .scrollWrap .scrollCont { padding: 0 15px; }

.categoryOption .ctgSelectWrap > .scrollWrap .scrollCont ul li.disabled a, .categoryOption .ctgSelectWrap > .scrollWrap .scrollCont ul li.disabled a span { color: #ccc; }

/* 201208 [SYS-10473] - 검색필터 개선 disabled case 추가 */
.categoryOption .ctgSelectWrap > .scrollWrap .scrollCont ul li a { display: inline-block; padding: 0; font-size: 14px; color: #666; line-height: 30px; }

.categoryOption .ctgSelectWrap > .scrollWrap .scrollCont ul li a span { font-size: 12px; color: #999; }

.categoryOption .ctgSelectWrap.one > { padding: 10px 20px; }

.categoryOption .ctgSelectWrap.one > .scrollWrap { width: 100%; border: none; background: none; padding: 0; }

.categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont { height: auto; padding: 0; }

.categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont ul li { display: inline-block; }

.categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont ul li .scrollWrap { display: none; }

.categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont ul li a { display: inline-block; padding: 0 10px; font-size: 14px; color: #666; line-height: 35px; }

.categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont ul li a span { font-size: 12px; color: #999; }

.categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont ul li.on a { background: #f1f1f1; color: #000; }

.categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont ul li.on a span { color: #000; }

.categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont ul li.disabled a, .categoryOption .ctgSelectWrap.one > .scrollWrap .scrollCont ul li.disabled a span { color: #ccc; }

/* 201208 검색필터 개선 disabled case 추가*/
.categoryOption .ctgSelectWrap.two .scrollWrap { width: 430px; }

.categoryOption .ctgSelectWrap.two > .scrollWrap > .scrollCont > ul > li > .scrollWrap { position: absolute; right: 0; top: 10px; }

.categoryOption .ctgSelectWrap.two > .scrollWrap > .scrollCont > ul > li.on > a, .categoryOption .ctgSelectWrap.two > .scrollWrap > .scrollCont > ul > li.on > .scrollWrap > .scrollCont > ul > li.on > a { color: #000000; font-weight: bold; }

.categoryOption .ctgSelectWrap.two > .scrollWrap > .scrollCont > ul > li.on > a > span, .categoryOption .ctgSelectWrap.two > .scrollWrap > .scrollCont > ul > li.on > .scrollWrap > .scrollCont > ul > li.on > a > span { color: #000000; font-weight: bold; }

.categoryOption .ctgSelectWrap.three .scrollWrap { width: 283px; }

.categoryOption .ctgSelectWrap.three > .scrollWrap > .scrollCont > ul > li > .scrollWrap { position: absolute; left: 313px; top: 10px; }

.categoryOption .ctgSelectWrap.three > .scrollWrap > .scrollCont > ul > li > .scrollWrap > .scrollCont > ul > li > .scrollWrap { position: absolute; left: 293px; top: -1px; }

.categoryOption .ctgSelectWrap.three > .scrollWrap > .scrollCont > ul > li.on > a, .categoryOption .ctgSelectWrap.three > .scrollWrap > .scrollCont > ul > li.on > .scrollWrap > .scrollCont > ul > li.on > a { color: #000000; font-weight: bold; }

.categoryOption .ctgSelectWrap.three > .scrollWrap > .scrollCont > ul > li.on > a > span, .categoryOption .ctgSelectWrap.three > .scrollWrap > .scrollCont > ul > li.on > .scrollWrap > .scrollCont > ul > li.on > a > span { color: #000000; font-weight: bold; }

.categoryOption .ctgSelectWrap.one .scrollWrap:first-child { display: block; }

.categoryOption .ctgSelectWrap .scrollWrap .scrollCont ul li .checkboxGroup label { display: block; color: #666; line-height: normal; padding: 6px 20px 5px; }

.categoryOption .ctgSelectWrap .scrollWrap .scrollCont ul li .checkboxGroup label span { color: #999; }

.categoryOption .ctgSelectWrap .scrollWrap .scrollCont ul li.disabled .checkboxGroup label, .categoryOption .ctgSelectWrap .scrollWrap .scrollCont ul li.disabled .checkboxGroup label span { color: #ccc; }

/* 201208 검색필터개선 disabled*/
.categoryOption .ctgSelectWrap .scrollWrap .scrollCont ul li .checkboxGroup input[type=checkbox]:checked + label { color: #000; }

.categoryOption .ctgSelectWrap .scrollWrap .scrollCont ul li .checkboxGroup input[type=checkbox]:checked + label span { color: #000; }

/*가격 슬라이더*/
.sliderRange { width: 295px; }

.priceSlider .ui-widget.ui-widget-content { position: relative; top: 8px; height: 7px; background: #eeeeee; }

.priceSlider .ui-slider .ui-slider-handle { z-index: 2; cursor: default; -ms-touch-action: none; touch-action: none; outline: none; width: 12px; height: 19px; position: absolute; top: -2px; background: url(../images/bg_icon.png) no-repeat -2280px 0; }

.comPrice, .minPrice, .maxPrice { display: inline-block; width: 50px; height: 17px; padding: 0 6px; position: absolute; top: -25px; border: 1px solid #9194a3; font-size: 10px; text-align: center; background: #fff; }

.comPrice { visibility: hidden; min-width: 100px; top: -27px; left: calc(50% + 6px); transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.maxPrice { right: 0; }

.minPrice:after, .maxPrice:after { display: block; content: ''; position: absolute; bottom: -7px; width: 7px; height: 7px; background: url(../images/bg_icon.png) no-repeat -2310px 0; }

.minPrice:after { left: -1px; }

.maxPrice:after { right: -4px; background-position: -2340px 0; }

.priceSlider .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.priceSlider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.priceSlider .ui-widget-header { background: #000; }

/* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
.categoryOption .priceItem dd .priceSlider { margin-bottom: -8px; }

.priceSlider { position: relative; }

.priceSlider .sliderRange, .priceSlider .amountArea { float: left; }

.priceSlider .amountArea { position: relative; top: 0; }

/*201104 [SYS-10473] 검색필터개선*/
.priceSlider:after { display: block; content: ''; clear: both; }

.priceSlider .sliderRange { margin-right: 30px; }

.priceSlider input { width: 90px; height: 30px; color: #000; text-align: right; }

/* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
.amountArea > span { position: relative; }

.amountArea > span:before { position: absolute; top: 3px; left: 10px; display: inline-block; content: '$'; font-size: 13px; width: 20px; height: 20px; }

.amountArea > span:nth-child(2n):before { display: none; }

/***** 툴팁 *****/
.tooltipClick, .tooltipWrap { display: inline-block; font-family: 'Noto Sans Regular','Noto Sans Regular JP','Noto Sans Regular JP','Tahoma','Simhei','Microsoft Yahei'; text-align: left; position: relative; }

.tooltipWrap .btnTip, .tooltipClick .icoTip { display: inline-block; width: 16px; height: 16px; text-indent: -999em; background: url("../images/bg_icon.png") no-repeat -810px 0; overflow: hidden; vertical-align: middle; }

.contTip { display: none; /*padding:12px 30px 12px 16px;*/ padding: 12px 41px 12px 16px; /*[SYS-27731] 2023-07-11*/ width: 352px; font-size: 13px; line-height: 18px; color: #666; border: 1px solid #000; background: #fff; position: absolute; z-index: 100; /*word-break:break-all;*/ }

.contTip:after { display: block; margin-left: -7px; width: 12px; height: 14px; content: ""; background: url("../images/bg_tooltip2.png") no-repeat 0 0; position: absolute; left: 50%; bottom: -14px; }

.contTip:before { display: block; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: -14px; z-index: -1; }

.contTip .btnClose { display: block; padding: 0 !important; width: 12px !important; height: 12px !important; background: url("../images/bg_btn.png") no-repeat -150px -60px; text-indent: -999em; position: absolute; right: 14px; top: 14px; }

.contTip .listDot li { color: #666; }

.contTip strong { color: #333; }

.contTip.tbLeft:after { margin-left: 0; left: 18px; }

.contTip.bottom:after { top: -14px; background-position: -90px 7px; }

.contTip.bottom.tbLeft:after { left: 18px; }

.contTip.bottom:before { top: -14px; left: 0; z-index: -9; }

.contTip.left { margin-right: 11px; right: 100%; top: -18px; box-shadow: -1px 1px 1px #d9d9d9; }

.contTip.left:after { margin-left: 0; width: 14px; height: 12px; left: 100%; top: 22px; background-position: -30px 0; }

.contTip.left.middle:after { margin-top: -6px; top: 50%; }

.contTip.left:before { right: -14px; bottom: 0; }

.contTip.right { margin-left: 11px; left: 100%; top: -18px; }

.contTip.right:after { margin-left: 0; width: 14px; height: 12px; left: -14px; top: 22px; background-position: -53px 0; }

.contTip.right.middle:after { margin-top: -6px; top: 50%; }

.contTip.right:before { left: -14px; bottom: 0; }

.contTip.center { /*[SYS-29365] 2023-07-28*/ right: 50%; transform: translateX(50%); }

#keepJjimcongInfoLayer.contTip.center { right: 50%; transform: translateX(50%); }

.detailInfoNew .tooltipWrap .btnTip { width: 14px; height: 14px; }

.detailInfoNew .tooltipWrap .btnTip, .detailInfoNew .tooltipClick .icoTip { margin-left: 5px; background: url(../images/newicon_question.png) 0 0 no-repeat; }

/*.toastPopPay .contTip{width:auto;}*/
.toastPopPay .contTip.relProduct { width: 220px; z-index: 101; }

.toastPopPay .contTip.restockNoti { width: 230px; }

.toastPopPay .contTip.relProductCk { width: 250px; }

/*190522 #122281*/
.contTip.tbRight { left: auto !important; right: -20px; }

.contTip.tbRight:after { left: auto; right: 20px; }

.contTip .grayBox dt { padding: 0 0 10px; font-size: 14px; color: #333; }

.contTip .grayBox dd { padding: 15px 20px; background: #f9f9f9; }

.contTip .grayBox ol > li { padding: 10px 0 0; font-size: 15px; color: #333; }

.contTip .grayBox ol > li:first-child { padding: 0; }

.contTip .grayBox .inTit { display: block; padding: 10px 0 0; color: #333; font-size: 13px; }

.contTip .grayBox .inTit + .inTit { padding: 5px 0 0; }

.categoryOption .btnMoreItem { z-index: 2; }

/*[SYS-16752]20210909*/
.categoryOption .btnWrap { margin-top: -1px; /* [DEF-12361] 2021-12-09 */ padding-top: 40px; border-top: 1px solid #a1a3af; position: relative; z-index: 1; }

/* [SYS-16386] 20210809 */
.categoryOption .btnWrap { text-align: center; display: flex; justify-content: center; }

.categoryOption .btnWrap .btn2 { display: inline-block; width: 100%; height: 60px; background: #000; border-radius: 2px; color: #fff; font-size: 18px; line-height: 60px; text-align: center; font-weight: bold; width: 250px; }

.categoryOption .btnWrap .dline { display: inline-block; width: 100%; height: 60px; background: #fff; border: 1px solid #000; border-radius: 2px; color: #000; font-size: 18px; line-height: 60px; text-align: center; font-weight: bold; width: 250px; }

.btnDel2 { display: inline-block; text-indent: -9999em; overflow: hidden; width: 12px; height: 12px; background: url(../images/bg_btn.png) no-repeat -360px 2px; margin-left: 6px; }

.selProp .con span { display: inline-block; padding: 0 13px; height: 27px; line-height: 24px; font-size: 13px; color: #333; border: 1px solid #d8dce5; border-radius: 14px; background: #fff; }

.selProp .con .btnDel2 { width: 7px; height: 7px; padding: 0; vertical-align: 1px; background: url(../images/bg_btn.png) no-repeat -361px -1px; border: none; border-radius: 0; }

/***************************** Checkbox & Radio */
.checkboxGroup, .radioGroup { display: inline-block; position: relative; }

.checkboxGroup input[type=checkbox], .radioGroup input[type=radio] { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; }

.checkboxGroup label, .radioGroup label { font-size: 14px; display: inline-block; }

.checkboxGroup label, .radioGroup label { padding-left: 28px; }

.checkboxGroup label:before, .radioGroup label:before { display: inline-block; content: ''; width: 19px; height: 19px; margin: -2px 9px 0 -28px; background: url("../images/bg_layout.png") no-repeat; vertical-align: middle; }

.checkboxGroup input:disabled + label:before { background: url("../images/bg_layout.png") no-repeat -400px 0; }

.checkboxGroup input[type=checkbox]:checked + label:before { background-position: -40px 0; }

.checkboxGroup.after label { padding-left: 0; }

.checkboxGroup.after label:before { display: none; }

.checkboxGroup.after label:after, .radioGroup.after label:after { display: inline-block; content: ''; width: 19px; height: 19px; margin: -2px 0 0 9px; background: url("../images/bg_layout.png") no-repeat; vertical-align: middle; }

.checkboxGroup.after input[type=checkbox]:checked + label:after { background-position: -40px 0; }

.radioGroup label:before { background-position: -80px 0; }

.radioGroup input[type=radio]:checked + label:before { background-position: -120px 0; }

.radioGroup input[type=radio]:disabled + label { color: #999; }

.radioGroup input[type=radio]:disabled + label:before { background-position: -440px 0; }

.radioGroup.disabled { cursor: not-allowed; }

.radioGroup.disabled label:before, .radioGroup.disabled.on label:before { background-position: -80px 0px; }

.radioGroup.after label { padding-left: 0; }

.radioGroup.after label:after { background-position: -80px 0; }

.radioGroup.after input[type=radio]:checked + label:after { background-position: -120px 0; }

.radioGroup.after label:before { display: none; }

.checkboxGroup.sizeS label, .radioGroup.sizeS label { padding-left: 20px; font-family: 'NotoSansKR','Noto Sans Regular JP','Tahoma','Simhei','Microsoft Yahei'; font-size: 13px; }

.checkboxGroup.sizeS label:before, .radioGroup.sizeS label:before { width: 15px; height: 15px; margin-left: -20px; margin-right: 5px; }

.checkboxGroup.sizeS label:before { background-position: -160px 0; }

.checkboxGroup.sizeS label.disabled:before { background-position: -160px -35px; }

.checkboxGroup.sizeS input[type=checkbox]:checked + label:before { background-position: -200px 0; }

/* SYS-3358 20191218 추가 */
.checkboxGroup.sizeS input:disabled + label:before { background-position: -160px -35px; }

.checkboxGroup.sizeS + .num { margin-left: 5px; }

.checkboxGroup.sizeS.giftMG6 .tooltipClick { position: absolute; left: 56px; top: 50%; margin-top: -13px; }

.checkboxGroup.sizeS.giftMG6 .tooltipClick .contTip { width: 215px; }

.checkboxGroup.sizeS.giftMG6 .tooltipClick .contTip ul { margin-left: 0; width: 170px; }

.checkboxGroup.sizeS.giftMG6 .tooltipClick .contTip ul li { padding-right: 0; width: 170px; }

/* //SYS-3358 */
.radioGroup.sizeS label:before { background-position: -240px 0; border-radius: 2px; }

.radioGroup.sizeS input[type=radio]:checked + label:before { background-position: -280px 0; }

.radioGroup.sizeB label { font-size: 22px; }

.radioGroup.sizeB label:before { margin-top: -5px; }

.radioGroup.sizeS label.hide, .checkboxGroup.sizeS label.hide { padding-left: 0; height: 15px; line-height: 15px; }

.radioGroup label.hide, .checkboxGroup label.hide { display: block; padding-left: 0; height: 18px; line-height: 18px; }

.checkboxGroup label.hide, .radioGroup label.hide, .checkboxGroup label.hide:before, .radioGroup label.hide:before { margin: 0; }

.checkboxGroup label.hide:before, .radioGroup label.hide:before { vertical-align: top; margin: 0; }

.checkboxGroup label.hide span, .radioGroup label.hide span { visibility: hidden; overflow: hidden; position: absolute; font-size: 0; z-index: -1000; opacity: 0; }

.checkboxGroup.point label { padding-left: 25px; }

.checkboxGroup.point label:before { width: 18px; height: 18px; margin: -2px 7px 0 -25px; background: url("../images/bg_layout.png") no-repeat -320px 0; }

.checkboxGroup.point input[type=checkbox]:checked + label:before { background-position: -360px 0; }

.checkboxGroup label.disabled { color: #ccc; }

/***** 기타 버튼 *****/
.btnDel { display: inline-block; margin-left: 6px; width: 16px; height: 16px; background: url(../images/bg_btn.png) no-repeat -450px 0; text-indent: -999em; font-size: 0; overflow: hidden; }

.btnDel2 { display: inline-block; text-indent: -9999em; overflow: hidden; width: 12px; height: 12px; background: url(../images/bg_btn.png) no-repeat -360px 2px; margin-left: 6px; }

.btnMore { font-size: 12px; color: #999; }

.btnMore:after { display: inline-block; margin-left: 10px; content: ''; width: 4px; height: 8px; background: url(../images/bg_icon.png) no-repeat -2250px 0; }

.btnBMore { font-size: 12px; color: #333; }

.btnBMore:after { display: inline-block; margin-left: 10px; content: ''; width: 4px; height: 8px; background: url(../images/bg_icon.png) no-repeat -2550px 0; }

.btnMore2 { display: inline-block; min-width: 22px; min-height: 22px; position: relative; }

.btnMore2:after { display: block; margin: -11px 0 0 -11px; content: ''; width: 22px; height: 22px; background: url(../images/bg_btn.png) no-repeat -1500px 0; position: absolute; left: 50%; top: 50%; }

.btnMore3 { display: inline-block; width: 16px; height: 16px; background: url(../images/bg_btn.png) no-repeat -2040px 0; text-indent: -999em; font-size: 0; line-height: 0; overflow: hidden; }

.btnThumb { display: inline-block; width: 30px; height: 30px; background: url("../images/bg_icon.png") no-repeat 0 0; border: 1px solid #d5d5d5; text-indent: -999em; font-size: 0; overflow: hidden; }

.btnThumb.img { background-position: -2452px 8px; }

.btnThumb.list { background-position: -2482px 8px; }

.btnThumb:hover, .btnThumb:focus, .btnThumb.active { border-color: #333; outline: none; }

.btnThumb.img:hover, .btnThumb.img:focus, .btnThumb.img.active { background-position: -2092px 8px; }

.btnThumb.list:hover, .btnThumb.list:focus, .btnThumb.list.active { background-position: -2122px 8px; }

.btnThumb2 { display: inline-block; width: 30px; height: 30px; background: #f0f0f0; text-indent: -999em; font-size: 0; overflow: hidden; }

.btnThumb2:after { display: inline-block; width: 30px; height: 30px; content: ""; background: url("../images/bg_icon2.png") no-repeat 0 0; opacity: 0.2; }

.btnThumb2.img:after { background-position: -3140px 10px; }

.btnThumb2.list:after { background-position: -3170px 10px; }

.btnThumb2.img:hover:after, .btnThumb2.img:focus:after, .btnThumb2.img.active:after { opacity: 1; }

.btnThumb2.list:hover:after, .btnThumb2.list:focus:after, .btnThumb2.list.active:after { opacity: 1; }

.btnOptDel { display: inline-block; width: 18px; height: 18px; text-indent: -999em; background: url(../images/bg_btn.png) no-repeat -1260px 0; }

.btnPreview { display: inline-block; width: 34px; height: 34px; text-indent: -999em; background: url(../images/bg_icon.png) no-repeat -3240px 0; }

.btnPalette { display: inline-block; width: 26px; height: 26px; text-indent: -999em; background: url(../images/bg_icon.png) no-repeat -3300px 0; }

.btnReflash { display: inline-block; width: 17px; height: 17px; text-indent: -999em; background: url(../images/bg_btn.png) no-repeat -2040px -83px; }

/* 20180108 add */
/*버튼*/
.btnSquare { display: block; width: 17px; height: 17px; border: 1px solid #9194a3; background: url("../images/bg_icon.png") no-repeat -2366px 3px; text-indent: -999em; font-size: 0; overflow: hidden; }

.btnSquare.on { background-position: -2606px 6px; }

.btnMoreItem { position: relative; display: block; border-top: 1px solid #a1a3af; }

.btnMoreItem a { position: absolute; right: 10px; top: -1px; display: inline-block; width: 80px; height: 25px; font-size: 13px; color: #666; line-height: 25px; border-left: 1px solid #a1a3af; border-right: 1px solid #a1a3af; border-bottom: 1px solid #a1a3af; background: #fff; overflow: hidden; text-align: center; }

.btnMoreItem a:after { display: inline-block; content: ''; width: 8px; height: 5px; margin-left: 5px; background: url(../images/bg_icon.png) no-repeat -2160px 0; margin-top: 10px; vertical-align: top; }

.btnMoreItem.active a:after { background-position: -2430px 0; }

.catePrdList .prdFilterArea .viewType .selectZone .ui-selectmenu-text { line-height: 2.1428em; }

.prdFilterArea { color: #666; padding-bottom: 10px; margin-bottom: 40px; /* border-bottom:1px solid #e1e1e1; */ border-bottom: 1px solid #e7e7e7; /* [SYS-32812] 2023-11-02 [상품/전시] 2023년 9월 운영결함 개선 요청의 건 */ }

.prdFilterArea .left { float: left; /*width:200px;*/ }

.prdFilterArea .right { float: right; /*width:820px;*/ text-align: right; }

.prdFilterArea .right .box_switch { color: #000; }

.prdFilterArea:after, .prdFilterArea .viewType:after { display: block; content: ''; clear: both; }

.prdFilterArea .total { font-size: 18px; }

.prdFilterArea .attribute, .prdFilterArea .viewType { display: inline-block; vertical-align: middle; }

.prdFilterArea .viewType .btnThumb { vertical-align: top; }

.prdFilterArea h3 + div .attribute { margin: 7px 0 0 20px; }

.prdFilterArea .attribute { position: relative; top: -3px; }

.prdFilterArea .attribute li { float: left; }

.prdFilterArea .attribute li:before { display: inline-block; content: ''; width: 1px; height: 10px; background: #e9e9e9; }

.prdFilterArea .attribute:after { display: block; content: ''; clear: both; }

.prdFilterArea .attribute li:first-child:before { display: none; }

.prdFilterArea .attribute a { display: inline-block; padding: 0 18px; position: relative; color: #666; }

.prdFilterArea .attribute a + .tooltipWrap { left: -15px; }

.prdFilterArea .attribute a:hover, .prdFilterArea .attribute li a.active { color: #000; outline: none; text-decoration: none; }

.prdFilterArea .attribute a:hover:before, .prdFilterArea .attribute a.active:before { display: block; content: ''; width: 10px; height: 10px; position: absolute; top: 5px; left: 5px; background: url(../images/bg_icon.png) no-repeat -2400px 0; }

.prdFilterArea .attribute .tooltipWrap a { padding: 0; }

.prdFilterArea .attribute .tooltipWrap .btnClose { display: block; position: absolute; font-size: 0; color: transparent; }

.prdFilterArea .attribute .tooltipWrap a:hover:before, .prdFilterArea .attribute .tooltipWrap a.active:before { display: none; }

.prdFilterArea .attribute .tooltipWrap .contTip div { text-align: left; }

:lang(ko) .prdFilterArea .attribute .tooltipWrap .contTip { word-break: keep-all; }

.prdFilterArea .viewType > li { float: left; margin-left: 5px; vertical-align: bottom; }

.prdFilterArea .viewType .selectZone { width: 65px; text-align: left; }

.prdFilterArea .viewType .selectZone .ui-selectmenu-button { height: 30px; line-height: 2.1428em; }

.brandA .brandCont .conTitle { margin-bottom: 10px; }

/* [SYS-16836] 20210809 */
.brandA .prdFilterArea, .brandB .prdFilterArea { padding-top: 20px; }

.btnCartWrap { width: 208px; height: 148px; float: right; padding: 0px 20px 0 48px; border-left: 1px solid #e1e1e1; text-align: center; }

.btnCartWrap .btnCart > a { margin-left: 0; padding: 0 10px; margin-top: 3px; }

.btnCartWrap .reStock, .btnCartWrap .buy { display: block; }

.btnCartWrap .btnCart.two > a { display: block; }

.btnCartWrap .reStock { background: #aaa195; }

.btnCartWrap .soldout { color: #666; background: #eff1f6; }

.btnCartWrap .totalReview { font-size: 13px; color: #666; display: block; }

.btnCartWrap .btnCart > .dgray { min-width: 67px; padding: 0; }

.subCateMenu { border: 1px solid #e2e6ec; margin-bottom: 40px; }

.subCateMenu ul { border: 6px solid #edf0f3; padding: 15px 30px 0; }

.subCateMenu ul:after { display: block; content: ''; clear: both; }

.subCateMenu ul li { display: inline-block; width: 187px; line-height: 1.3; margin-right: -2px; margin-bottom: 15px; vertical-align: top; }

/* [SYS-9075] 200619 width mody */
.subCateMenu ul li a { display: inline-block; padding-left: 15px; color: #333; }

.subCateMenu ul li a:hover, .subCateMenu ul li a.active { color: #f11d13; }

.subCateMenu ul li a:before { display: inline-block; margin-left: -15px; content: ''; width: 4px; height: 7px; position: relative; top: -2px; margin-right: 10px; background: url(../images/bg_icon.png) no-repeat -2520px 0; }

.cateBanner { overflow: hidden; position: relative; padding-bottom: 30px; }

.cateBanner .sliderItem { float: left; }

.cateBanner .sliderItem img { display: block; }

.cateBanner .slick-dots { bottom: 0; }

.cateBanner .slick-arrow { margin-top: -34px; }

/* 201104 [SYS-10473] - 검색필터 개선*/
.layerContainer.active #priceRangeSubmit .searchResultLoading { display: block; position: absolute; top: 50%; left: 50%; width: 88px; height: 88px; }

.layerContainer.active #priceRangeSubmit .searchResultLoading img { width: 100%; height: 100%; }

.categoryOption .radioGroup label { width: auto; }

/* 201117 [SYS-10473] 검색필터개선 할인율 추가 */
.priceSlider .btnSubmit { display: inline-block; width: 90px; height: 30px; margin-left: 10px; background: #000; color: #fff; text-align: center; }

/* 2101 서브페이지 톤앤매너 변경 - 선반영X  */
/* 201104 [SYS-10473] 검색필터개선 브랜드관 템플릿 */
.brandArea .brandCont .categoryOption { width: 720px; height: 100%; margin: 0 0 0 0; }

.brandArea .brandCont .categoryOption .sliderRange { max-width: 245px; }

.brandArea .brandCont .categoryOption .btnWrap { padding-top: 30px; }

/* 201104 [SYS-10473] 검색필터개선 브랜드관 ctgSelect */
.brandArea .categoryOption .ctgSelectWrap { padding: 10px 0 10px 20px; }

.brandArea .categoryOption .ctgSelectCont { margin-left: -10px; }

.brandArea .categoryOption .ctgSelect { display: inline-block; width: auto; position: relative; }

.brandArea .ctgSelect dt { display: block; padding: 0 10px; width: auto; height: 35px; line-height: 35px; font-size: 14px; color: #666; border: 0; background: none; cursor: pointer; }

.brandArea .ctgSelect { margin-left: 2px; }

.brandArea .ctgSelect dt:after { display: inline-block; margin-left: 10px; width: 7px; height: 4px; content: ""; background: url("../images/bg_icon3.png") no-repeat -690px 0; vertical-align: 1px; }

.brandArea .ctgSelect dt span { font-size: 12px; color: #999; }

.brandArea .ctgSelect dd { display: none; padding: 5px 10px 10px; min-width: 157px; width: auto; width: initial; height: auto; height: initial; border: 1px solid #e1e1e1; background: #fff; position: absolute; top: 35px; z-index: 10; }

.brandArea .ctgSelect dd li + li { margin: 4px 0 0; }

.brandArea .ctgSelect dd .sizeS label { height: auto; line-height: 1; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.brandArea .ctgSelect dd .sizeS label:before { margin-top: 0; }

.brandArea .ctgSelect dd label span { color: #999; }

.brandArea .defaultItem.onCont, .brandArea .addItem.onCont { position: relative; }

.brandArea .defaultItem.onCont:after, .brandArea .addItem.onCont:after { display: block; width: 100%; height: 100%; content: ""; background: #fff; opacity: 0.5; position: absolute; left: 0; top: 0; z-index: 5; }

.brandArea .ctgSelect.SelectChk { margin-left: 2px; }

.brandArea .ctgSelect.SelectChk dt, .ctgSelect.on dt { padding: 0 10px; color: #000; }

.brandArea .ctgSelect.SelectChk dt span, .ctgSelect.on dt span { color: #000; }

.brandArea .ctgSelect.SelectChk dt { background: #ebeef2; }

.brandArea .ctgSelect.on dt { position: relative; z-index: 10; }

.brandArea .ctgSelect.on dt:after { background-position: -690px -30px; }

.brandArea .ctgSelect.on dd { display: block; }

.brandArea .ctgSelect .btnBox { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #e9e9e9; text-align: center; }

.brandArea .ctgSelect .btnBox [class^="btn"] { width: 64px; }

.brandArea .ctgSelect .btnBox [class^="btn"] + [class^="btn"] { margin-left: 2px; }

/*20181015 #82448*/
.brandArea .categoryOption .btnMoreItem { border-top: 0; z-index: 2; }

.brandArea .categoryOption .btnWrap { margin-top: -1px; padding-top: 20px; border-top: 1px solid #a1a3af; position: relative; z-index: 1; }

.brandArea .selProp .con span { display: inline-block; padding: 0 13px; height: 27px; line-height: 24px; font-size: 13px; color: #333; border: 1px solid #e5e5e5; border-radius: 14px; background: #fff; }

.brandArea .selProp .con .btnDel2 { width: 7px; height: 7px; padding: 0; vertical-align: 1px; background: url(../images/bg_btn.png) no-repeat -361px -1px; border: none; border-radius: 0; }

.brandArea .priceSlider .btnSubmit { display: inline-block; width: 90px; height: 30px; margin-left: 10px; background: #f11d13; color: #fff; text-align: center; }

.brandArea .categoryOption .ctgSelectWrap.two .scrollWrap { width: 285px; }

.brandArea .categoryOption .ctgSelectWrap.three .scrollWrap { width: 185px; }

.brandArea .categoryOption .ctgSelectWrap.three > .scrollWrap > .scrollCont > ul > li > .scrollWrap { left: 214px; }

.brandArea .categoryOption .ctgSelectWrap.three > .scrollWrap > .scrollCont > ul > li > .scrollWrap > .scrollCont > ul > li > .scrollWrap { left: 194px; }

.brandArea .categoryOption dd { width: 600px; }

.brandArea .categoryOption dd .radioGroup { display: inherit; }

/* 201117 [SYS-10473] 검색필터개선 할인율 추가 */
.categoryOption dl { display: table; width: 100%; height: 54px; }

.categoryOption dl dt, .categoryOption dl dd { display: table-cell; border-bottom: 1px solid #e2e6ec; padding: 12px 0 13px 20px; height: 100%; color: #666; font-size: 14px; }

.categoryOption dl dt { background: #f9f9f9; width: 130px; color: #000; vertical-align: middle; }

.categoryOption .btnMoreItem { border-top: 0; }

.categoryOption .btnWrap .btn2 + .btn2 { margin-left: 20px; }

.event .categoryOption, .hotsaleOption .categoryOption, .categoryWrap .categoryOption, .contDspEvt .categoryOption { width: 1020px; margin: 0 auto 60px; }

.event .categoryOption dd, .hotsaleOption .categoryOption dd, .categoryWrap .categoryOption dd, .contDspEvt .categoryOption dd { width: 890px; }

.event .prdFilterArea { width: 1020px; margin: 0 auto; }

.searchCon .categoryOption { width: 1280px; }

.searchCon .categoryOption dd { width: 1150px; }

.searchCon .categoryOption dd.ctgSelectWrap.two .scrollWrap { width: 560px; }

.searchCon .categoryOption dd.ctgSelectWrap.three .scrollWrap { width: 370px; }

.searchCon .categoryOption dd.ctgSelectWrap.three .scrollWrap .scrollCont > ul > li > .scrollWrap { left: 400px; top: 10px; }

.searchCon .categoryOption dd.ctgSelectWrap.three .scrollWrap .scrollCont > ul > li > .scrollWrap .scrollCont > ul > li > .scrollWrap { left: 379px; top: -1px; }

.searchCon .categoryOption .brandList .checkboxGroup label { width: 265px; }

.prdFilterArea .total .fcf1 { color: #000 !important; font-weight: bold; }

/*****************************
    Select
*****************************/
.selectZone { display: inline-block; width: 150px; font-family: 'Noto Sans Regular','Noto Sans Regular JP','Tahoma','Simhei','Microsoft Yahei'; vertical-align: middle; position: relative; }

.selectZone .ui-selectmenu-button { display: block; position: relative; height: 32px; line-height: 30px; border: 1px solid #ccc; background: #fff; font-size: 14px; vertical-align: middle; }

.selectZone .ui-selectmenu-text { display: block; overflow: hidden; padding: 0px 23px 0 15px; color: #333; text-overflow: ellipsis; white-space: nowrap; cursor: default; }

.selectZone .ui-selectmenu-icon { content: ""; position: absolute; top: 50%; right: 5px; width: 16px; height: 8px; margin-top: -3px; background: url(../images/bg_icon.png) no-repeat -540px 0; }

.ui-selectmenu-menu { display: none; width: 100%; position: absolute; top: 0; left: 0; z-index: 5; }

.ui-selectmenu-menu ul { overflow-y: auto; max-height: 260px; padding: 6px 0; border: 1px solid #ccc; border-top: 0; background-color: #fff; }

.ui-selectmenu-menu .ui-menu-item { margin: 0; padding: 0; border: 0; }

.ui-selectmenu-open { display: block; padding-right: 1px; }

/*20190409 add*/
.ui-selectmenu-menu .ui-selectmenu-optgroup { display: block; border-bottom: 1px solid #e0e0e0; margin: 0 8px 10px; padding: 20px 0 10px 0; color: #000; font-size: 14px; font-weight: bold; }

.ui-selectmenu-menu .ui-selectmenu-optgroup:first-of-type { padding-top: 10px; }

/* [DEF-3712]20200727 */
.ui-menu .ui-menu-item-wrapper { display: block; overflow: hidden; line-height: 1.2; padding: 7px 5px 9px 10px; color: #666; font-size: 14px; /*text-overflow:ellipsis;white-space:nowrap;*/ cursor: default; }

/* [SYS-12950] 20201210 */
.selectZone .ui-selectmenu-disabled, .ui-state-disabled { background-color: #f7f7f7; color: #999; }

.ui-state-disabled > div { outline: none; }

/* //[SYS-12950] 20201210 */
.selectZone .ui-selectmenu-disabled { background-color: #f5f5f5; color: #cbcdd0; }

.selectZone .ui-selectmenu-disabled .ui-selectmenu-text { color: #cbcdd0; }

.selectZone .ui-selectmenu-disabled .ui-selectmenu-icon { opacity: .4; filter: alpha(opacity=60); }

.selectZone.sizeS .ui-selectmenu-disabled .ui-selectmenu-text { color: #cbcdd0; }

.selectZone.sizeS .ui-selectmenu-button { height: 28px; line-height: 26px; }

.selectZone.sizeS .ui-selectmenu-button, .selectZone.sizeS .ui-menu .ui-menu-item-wrapper { font-size: 13px; }

.selectZone.sizeB .ui-selectmenu-button { height: 46px; line-height: 44px; }

.selectZone.sizeB .ui-selectmenu-button, .selectZone.sizeB .ui-menu .ui-menu-item-wrapper { font-size: 16px; }

.selectZone .ui-selectmenu-text { height: 30px; }

.selectZone.sizeS .ui-selectmenu-text { height: 26px; }

.selectZone.sizeB .ui-selectmenu-text { height: 44px; }

.bestSelect .selectZone { margin-right: 10px; width: 140px; }

.bestSelect .selectZone .ui-selectmenu-button { width: 140px; border: none; border-bottom: 2px solid #000; }

.bestSelect .selectZone .ui-selectmenu-icon { right: 0; width: 10px; background-position: -1710px 0; }

.bestSelect .selectZone .ui-selectmenu-text { padding-left: 1px; font-size: 16px; text-align: left; }

.bestSelect .selectZone .ui-selectmenu-menu ul { width: 100% !important; top: 32px; max-height: 180px; border-style: solid; border-width: 0 1px 1px; border-color: #000; }

.bestSelect .selectZone .ui-selectmenu-menu ul li div { text-align: left; }

.ui-selectmenu-button { outline: none; }

.selectZone.eaType { width: 70px; text-align: left; }

.selectZone.eaType .ui-menu .ui-menu-item-wrapper { padding: 0 10px 0 10px; }

.selectZone.eaType .ui-selectmenu-text { padding-left: 10px; }

.goods_list .selectZone .ui-selectmenu-button { height: 28px; border: 0; border-bottom: 1px solid #000; }

.goods_list .selectZone .ui-selectmenu-text { height: 27px; padding-left: 0; }

.goods_list .selectZone .ui-selectmenu-icon { background: url("../images/pc_unit.png") no-repeat; background-size: 300px 400px; background-position: 0 -290px; right: -1px; }

/*****************************
    Scroll
*****************************/
.scrollWrap { padding: 5px 5px 5px 0; border: 1px solid #dbdbdb; background: #fbfbfb; }

.scrollWrap .scrollCont { padding: 11px 20px; height: 150px; overflow-y: hidden; }

.enscrollOver { overflow: hidden; }

.vertical-track { width: 6px; background-color: #f4f4f4; }

.vertical-handle { width: 6px; background-color: #888888; cursor: default; outline: none !important; }

/**********************************************************/
/* unit.scss - object */
/**********************************************************/
.unit_link { display: block; }

.unit_no { display: none; }

.unit_img { /* 이미지 */ display: block; }

.unit_img > img { width: 100%; height: 100%; }

.unit_flag { /* 플래그 */ height: 20px; padding-bottom: 2px; margin-bottom: 3px; overflow: hidden; }

.unit_flag > span { display: inline-block; padding: 2px 5px 2px; vertical-align: top; font-size: 11px; line-height: 13px; }

.unit_flag > span:not(:first-child) { margin-left: -3px; }

.unit_flag [class^="cod"] { background: #ffffff; border: 1px solid #E7E7E7; color: #666666; }

.unit_flag .flag01 { border-color: #e60f0d; color: #e60f0d; }

.unit_flag .flag02 { border-color: #ff4c72; color: #ff4c72; }

.unit_flag .flag03 { border-color: #998263; color: #998263; }

.unit_flag .flag04 { border-color: #aaa195; color: #aaa195; }

.unit_flag .flag05 { border-color: #505767; color: #505767; }

.unit_flag .flag06 { border-color: #2e9952; color: #2e9952; }

.unit_flag .flag07 { border-color: #2e9999; color: #2e9999; }

.unit_flag .flag08 { border-color: #2e9979; color: #2e9979; }

.unit_flag .flag09 { border-color: #2e5299; color: #2e5299; }

.unit_flag .flag10 { border-color: #3d9fcc; color: #3d9fcc; }

.unit_flag .flag11 { border-color: #2e7299; color: #2e7299; }

.unit_flag .flag12 { border-color: #992e7c; color: #992e7c; }

.unit_flag .flag13 { border-color: #f4753d; color: #f4753d; }

.unit_flag .flag14 { border-color: #0eb5b5; color: #0eb5b5; }

.unit_flag .flag15 { border-color: #597ec6; color: #597ec6; }

.unit_flag .flag16 { border-color: #ff55a5; color: #ff55a5; }

.unit_flag .flag17 { border-color: #b30300; color: #b30300; }

.unit_flag .flag18 { border-color: #3d6dcc; color: #3d6dcc; }

.unit_flag .flag19 { border-color: #f453c8; color: #f453c8; }

.unit_info { /*상품 정보 */ display: block; margin-bottom: 15px; }

.unit_info > span { display: block; }

.unit_info .brand { height: 19px; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }

.unit_info .brand .kor { font-size: 14px; line-height: 17px; color: #000000; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.unit_info .brand .eng { font-size: 12px; line-height: 15px; display: block; }

.unit_info .name { font-size: 14px; line-height: 17px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: break-word; line-height: 19px; height: 38px; }

.unit_info .name .code01 { display: inline-block; margin: 0 3px 0 0; }

.unit_info i { font-style: normal; }

.unit_option { /* 옵션선택 */ display: none; }

.unit_price { /* 가격정보 */ display: block; }

.unit_price i { font-style: normal; }

.unit_price [class^="price"] { display: block; }

.unit_price .price01 { padding-bottom: 2px; font-size: 14px; line-height: 17px; color: #c4c4c4; text-decoration: line-through; }

.unit_price .price01.login { font-size: 12px; color: #999999; text-decoration: inherit; }

.unit_price .price01.percent0 { text-decoration: none; color: #000; }

.unit_price .price02 { font-size: 18px; line-height: 21px; color: #000000; font-weight: bold; margin-bottom: 2px; }

.unit_price .price02 > i { display: inline-block; margin-left: 2px; color: #de0018; font-weight: bold; }

.unit_price .price03 { display: inline-block; font-size: 14px; line-height: 17px; color: #000000; }

.unit_review { color: #888888; font-size: 11px; line-height: 13px; }

.unit_review [class^="icon_star"] { color: transparent; text-indent: -9999px; font-size: 0; display: inline-block; width: 44px; height: 8px; background: url("../images/sp_star_set.png") no-repeat; background-position: 0px -240px; background-size: 200px auto; vertical-align: middle; text-align: left; margin: 0 0 -1px 0; }

.unit_review [class^="icon_star"] i { display: block; height: 8px; background: url("../images/sp_star_set.png") no-repeat; background-position: 0px -250px; background-size: 200px auto; }

.unit_review .icon_star0 > i { width: 0%; }

.unit_review .icon_star1 > i { width: 10%; }

.unit_review .icon_star2 > i { width: 20%; }

.unit_review .icon_star3 > i { width: 30%; }

.unit_review .icon_star4 > i { width: 40%; }

.unit_review .icon_star5 > i { width: 50%; }

.unit_review .icon_star6 > i { width: 60%; }

.unit_review .icon_star7 > i { width: 70%; }

.unit_review .icon_star8 > i { width: 80%; }

.unit_review .icon_star9 > i { width: 90%; }

.unit_review .icon_star10 > i { width: 100%; }

.unit_review .total { display: inline-block; vertical-align: middle; }

[class*="unit_THMB"] .unit_btn > button { width: 40px; height: 40px; overflow: visible !important; border-radius: 20px; display: inline-block; vertical-align: middle; background: url("../images/pc_unit.png") no-repeat; background-size: 300px 400px; color: transparent; text-indent: -9999px; font-size: 0; }

[class*="unit_THMB"] .unit_btn > button.wish { /*관심상품*/ background-position: 0 0; }

[class*="unit_THMB"] .unit_btn > button.wish:hover { background-position: -50px 0; }

[class*="unit_THMB"] .unit_btn > button.alarm { /*재입고알림*/ background-position: 0 -50px; }

[class*="unit_THMB"] .unit_btn > button.alarm:hover { background-position: -50px -50px; }

[class*="unit_THMB"] .unit_btn > button.cart { /*장바구니*/ background-position: 0 -100px; }

[class*="unit_THMB"] .unit_btn > button.cart:hover { background-position: -50px -100px; }

[class*="unit_THMB"] .unit_btn > button.booking { /*찜꽁>예약하기>구매예약*/ background-position: -150px -150px; }

[class*="unit_THMB"] .unit_btn > button.booking:hover { background-position: -200px -150px; }

[class*="unit_THMB"] .unit_btn > button.buy { /*바로구매*/ background-position: 0 -200px; }

[class*="unit_THMB"] .unit_btn > button.buy:hover { background-position: -50px -200px; }

[class*="unit_THMB"] .unit_btn > button.free { /*예약하기(7일전샵)>프리오더>구매예약*/ background-position: -150px -150px; }

[class*="unit_THMB"] .unit_btn > button.free:hover { background-position: -200px -150px; }

[class*="unit_THMB"] .unit_btn > button.soldout { /*일시품절*/ width: auto; min-width: 100px; padding: 0 10px; background-image: none; background-color: #f1f1f1; font-size: 14px; line-height: 17px; color: #000000; text-indent: 0; text-align: center; }

[class*="unit_THMB"] .unit_btn > button.soldout:hover { background-color: #000; color: #ffffff; }

.unit_btn { /* 버튼 */ display: block; }

.unit_btn .wish { /* 관심상품 */ display: block; width: 100%; height: 40px; background: #f1f1f1; border-radius: 2px; color: #000; font-size: 14px; line-height: 40px; text-align: center; }

.unit_btn .cart { /* 장바구니 */ display: block; width: 100%; height: 40px; background: #f1f1f1; border-radius: 2px; color: #000; font-size: 14px; line-height: 40px; text-align: center; }

.unit_btn .buy { /* 바로구매 */ display: block; width: 100%; height: 40px; background: #000; border-radius: 2px; color: #fff; font-size: 14px; line-height: 40px; text-align: center; }

.unit_btn .soldout { /* 일시품절 */ display: block; width: 100%; height: 40px; background: #f1f1f1; border-radius: 2px; color: #000; font-size: 14px; line-height: 40px; text-align: center; }

.unit_btn .alarm { /* 재입고알림 */ display: block; width: 100%; height: 40px; background: #f1f1f1; border-radius: 2px; color: #000; font-size: 14px; line-height: 40px; text-align: center; }

.unit_btn .free { /* 예약하기 */ display: block; width: 100%; height: 40px; background: #000; border-radius: 2px; color: #fff; font-size: 14px; line-height: 40px; text-align: center; }

.unit_btn .booking { /* 찜꽁 */ display: block; width: 100%; height: 40px; background: #000; border-radius: 2px; color: #fff; font-size: 14px; line-height: 40px; text-align: center; }

.unit_btn .delete { /* 삭제 */ display: block; width: 100%; height: 40px; background: #f1f1f1; border-radius: 2px; color: #000; font-size: 14px; line-height: 40px; text-align: center; }

/* [DEF-9707] 20210623 */
.unit_samplew { display: block; }

.unit_samplew .unit_sample { margin: 0 0 10px; padding: 10px; background-color: #f2f2f2; }

.unit_samplew .unit_sample input[name="unitStyle"] + label { cursor: pointer; width: 320px; font-size: 13px; display: inline-block; color: #666; }

.unit_samplew .unit_sample input[name="unitStyle"]:checked + label { border-color: #000; color: #000; }

.unit_samplew .unit_sample:first-of-type label { width: 250px !important; }

/* PC UNIT
1단 리스트형(구성 5개)	unit_LSTA
1단 리스트형(구성 6개)	unit_LSTB
1단 리스트형(구성 9개)	unit_LSTC
1단 리스트형(구성 10개)	unit_LSTE
1단 리스트 옵션형(구성 12개)	unit_LSTD

4단 가운데 정렬(구성 3개)	unit_THMBA
4단 가운데 정렬(구성 4개)	unit_THMBB
4단 가운데 정렬 옵션형(구성 6개)	unit_THMBE
4단 좌측정렬(구성 5개)	unit_THMBC
4단 좌측정렬 (구성 6개)	unit_THMBD
4단 좌측정렬 (구성 9개)	unit_THMBG
4단 가운데 정렬 옵션형 (구성 12개)	unit_THMBF

3단 가운데 정렬 (구성 4개) unit_THMBH

*/
.brandCont .goods_list [class^="unit_THMB"] > li { height: auto; }

.brandCont .goods_list [class^="unit_THMB"] > li:not(.noData) { padding: 30px 20px !important; height: auto; }

.brandCont .goods_list .unit_THMBD > li { height: 315px !important; }

.brandCont .goods_list .unit_THMBE > li .unit_option { top: 240px; }

.brandCont .goods_list .unit_THMBF > li .unit_option { top: 250px; }

/* 브랜드관 LNB */
.brandWrap.brandA .brandCont [class^="unit_THMB"] > li:not(.noData) .unit_img { width: 120px !important; height: 120px !important; }

.brandWrap.brandA .brandCont [class^="unit_THMB"] > li:not(.noData) .adult_flag span[class^="ico_adult"] { width: 24px; height: 24px; background-position: 0 0; }

.brandWrap:not(.brandA):not(.brandB):not(.sub) .brandArea .brandLnb:not(.type2) ~ .brandCont [class^="unit_THMB"] > li:not(.noData) .unit_img { width: 120px !important; height: 120px !important; }

.brandWrap:not(.brandA):not(.brandB):not(.sub) .brandArea .brandLnb:not(.type2) ~ .brandCont [class^="unit_THMB"] > li:not(.noData) .adult_flag span[class^="ico_adult"] { width: 24px; height: 24px; background-position: 0 0; }

.goods_list [class^="unit_LST"] > li { /* [DEF-12571] 2021-12-30 */ display: flex; align-items: center; width: 100%; min-height: 210px; padding: 30px 0; border-bottom: 1px solid #e0e1e1; }

.goods_list [class^="unit_LST"] > li .unit_link { /* [DEF-12571] 2021-12-30 */ display: block; width: calc(100% - 200px); min-height: 150px; padding: 0 30px 0 180px; border-right: 1px solid #e0e1e1; vertical-align: middle; }

.goods_list [class^="unit_LST"] > li .unit_link .unit_img { position: absolute; top: 50%; left: 0; margin-top: -75px; width: 150px; height: 150px; }

.goods_list [class^="unit_LST"] > li .unit_link .unit_info .name { height: 21px; margin-bottom: 14px; -webkit-line-clamp: 1; }

.goods_list [class^="unit_LST"] > li .unit_link .unit_coin, .goods_list [class^="unit_LST"] > li .unit_link .unit_review { display: inline-block; vertical-align: top; margin: 2px 4px 0 0; }

.goods_list [class^="unit_LST"] > li .unit_btn { display: table-cell; width: 200px; padding: 0 30px; vertical-align: middle; }

.goods_list [class^="unit_LST"] > li .unit_btn .wish { display: none; }

.goods_list [class^="unit_LST"] > li .unit_btn > button { margin: 5px 0 0; }

.goods_list [class^="unit_LST"] > li .unit_btn > button:first-of-type { margin-top: 0; }

.goods_list [class^="unit_LST"] > li:first-of-type { padding-top: 0; }

.goods_list [class^="unit_LST"] > li:first-of-type .unit_link .unit_img { margin-top: -85px; }

.goods_list [class^="unit_THMB"] { width: 100%; /* [DEF-12571] 2021-12-30 */ display: table; table-layout: fixed; }

.goods_list [class^="unit_THMB"] > li { border: 1px solid #fff; float: left; width: 25%; padding: 30px; }

.goods_list [class^="unit_THMB"] > li .unit_link { position: relative; vertical-align: middle; }

.goods_list [class^="unit_THMB"] > li .unit_link .unit_img { margin: 0 auto 15px; width: 180px; height: 180px; }

.goods_list [class^="unit_THMB"] > li .unit_link .unit_coin { margin-bottom: 4px; }

.goods_list [class^="unit_THMB"] > li .unit_option { width: calc(100% - 60px); }

.goods_list [class^="unit_THMB"] > li .unit_option .selectZone { width: 100%; margin-top: 12px; }

.goods_list [class^="unit_THMB"] > li .unit_option .selectZone:first-of-type { margin-top: 0; }

.goods_list [class^="unit_THMB"] > li .unit_btn { position: absolute; top: 0; left: 0; display: none; }

.goods_list [class^="unit_THMB"] > li .unit_btn > button { margin: 0 2px; }

.goods_list [class^="unit_THMB"] > li:nth-child(4n+0):after { clear: both; display: none; }

.goods_list [class^="unit_THMB"] > li.on.noData { border: 0; }

/* 1단 리스트형 (구성 5개) - unit_LSTA */
ol.unit_LSTA > li { position: relative; }

ol.unit_LSTA > li .unit_flag, ol.unit_LSTA > li .price01, ol.unit_LSTA > li .price02 .sale, ol.unit_LSTA > li .price03, ol.unit_LSTA > li .unit_review { display: none !important; }

/* 1단 리스트형 (구성 6개) - unit_LSTB */
ol.unit_LSTB > li { position: relative; }

ol.unit_LSTB > li .unit_flag, ol.unit_LSTB > li .price01, ol.unit_LSTB > li .price02 .sale, ol.unit_LSTB > li .price03 { display: none; }

/* 1단 리스트형 (구성 9개) - unit_LSTC */
ol.unit_LSTC > li { position: relative; }

ol.unit_LSTC > li .unit_flag { display: none; }

/* 1단 리스트 옵션형 (구성 12개) - unit_LSTD */
ol.unit_LSTD > li { position: relative; }

ol.unit_LSTD > li .unit_link .unit_info .name { margin-bottom: 51px !important; }

ol.unit_LSTD > li .unit_option { display: block; position: absolute; top: 105px; left: 180px; }

ol.unit_LSTD > li .unit_option .selectZone { margin-right: 16px; }

ol.unit_LSTD > li .unit_btn .wish { display: block !important; }

ol.unit_LSTD > li:first-of-type .unit_option { top: 79px; }

/* 1단 리스트형(구성 10개) - unit_LSTE */
ol.unit_LSTE > li { position: relative; }

/* 4단 가운데 정렬  (구성 3개) - unit_THMBA - 버튼 없음 */
ol.unit_THMBA > li { position: relative; text-align: center; height: 324px; }

ol.unit_THMBA > li .unit_flag, ol.unit_THMBA > li .price01, ol.unit_THMBA > li .price02, ol.unit_THMBA > li .price03, ol.unit_THMBA > li .unit_review { display: none; }

/* 4단 가운데 정렬 (구성 4개) - unit_THMBB - 버튼 없음 */
ol.unit_THMBB > li { position: relative; text-align: center; height: 354px; }

ol.unit_THMBB > li .unit_flag, ol.unit_THMBB > li .price01, ol.unit_THMBB > li .price02 .sale, ol.unit_THMBB > li .price03, ol.unit_THMBB > li .unit_review { display: none; }

/* 4단 좌측정렬 (구성 5개) - unit_THMBC - 버튼 오버 */
ol.unit_THMBC > li { position: relative; height: 354px; }

ol.unit_THMBC > li .unit_flag, ol.unit_THMBC > li .price01, ol.unit_THMBC > li .price02 .sale, ol.unit_THMBC > li .price03, ol.unit_THMBC > li .unit_review { display: none; }

ol.unit_THMBC > li.on { border: 1px solid #000; }

ol.unit_THMBC > li.on .unit_img { opacity: 0.5; }

ol.unit_THMBC > li.on .unit_btn { display: block; left: 50%; top: 100px; width: 180px; margin-left: -90px; text-align: center; }

/* 4단 좌측정렬 (구성 6개) - unit_THMBD - 버튼 오버 */
ol.unit_THMBD > li { position: relative; height: 368px; }

ol.unit_THMBD > li .unit_flag, ol.unit_THMBD > li .price01, ol.unit_THMBD > li .price02 .sale, ol.unit_THMBD > li .price03 { display: none; }

ol.unit_THMBD > li.on { border: 1px solid #000; }

ol.unit_THMBD > li.on .unit_img { opacity: 0.5; }

ol.unit_THMBD > li.on .unit_btn { display: block; left: 50%; top: 100px; width: 180px; margin-left: -90px; text-align: center; }

/* 4단 가운데 정렬 옵션형(구성 6개)- unit_THMBE 버튼 오버 */
ol.unit_THMBE > li { position: relative; text-align: center; height: 438px; }

ol.unit_THMBE > li .unit_flag, ol.unit_THMBE > li .price01, ol.unit_THMBE > li .price02 .sale, ol.unit_THMBE > li .price03, ol.unit_THMBE > li .unit_review { display: none; }

ol.unit_THMBE > li .unit_info { padding-bottom: 84px; }

ol.unit_THMBE > li .unit_option { display: block; text-align: left; position: absolute; top: 290px; left: 30px; }

ol.unit_THMBE > li.on { border: 1px solid #000; }

ol.unit_THMBE > li.on .unit_img { opacity: 0.5; }

ol.unit_THMBE > li.on .unit_btn { display: block; left: 50%; top: 100px; width: 180px; margin-left: -90px; text-align: center; }

/* 4단 가운데 정렬 옵션형(구성 12개) - unit_THMBF - 버튼 오버 */
ol.unit_THMBF > li { position: relative; text-align: center; height: 528px; }

ol.unit_THMBF > li .unit_info { padding-bottom: 85px; }

ol.unit_THMBF > li .unit_option { display: block; text-align: left; position: absolute; top: 320px; left: 30px; }

ol.unit_THMBF > li.on { border: 1px solid #000; }

ol.unit_THMBF > li.on .unit_img { opacity: 0.5; }

ol.unit_THMBF > li.on .unit_btn { display: block; left: 50%; top: 100px; width: 180px; margin-left: -90px; text-align: center; }

/* 4단 좌측정렬 (구성 9개)	unit_THMBG - 버튼 오버 */
ol.unit_THMBG > li { position: relative; height: 420px; }

ol.unit_THMBG > li .unit_review { display: none; }

ol.unit_THMBG > li.on { border: 1px solid #000; }

ol.unit_THMBG > li.on .unit_img { opacity: 0.5; }

ol.unit_THMBG > li.on .unit_btn { display: block; left: 50%; top: 100px; width: 180px; margin-left: -90px; text-align: center; }

/* 3단 가운데 정렬 (구성 4개) unit_THMBH */
/* [SYS-20760] : [상품/전시][퍼블리싱] 주류 대상 상품 유닛 수정 2021-01-07 */
/* 4단 가운데정렬 (구성 6개 : unit_THMBH)  */
ol.unit_THMBH > li { text-align: center; }

ol.unit_THMBH > li .unit_flag, ol.unit_THMBH > li .price03, ol.unit_THMBH > li .unit_review { display: none; }

/* //[SYS-20760] : [상품/전시][퍼블리싱] 주류 대상 상품 유닛 수정 2021-01-07 */
/* [ITN-135] 2024-08-07 PC 테마관 베스트 상품유닛 개선 */
/* 4단 가운데 정렬 (구성 7개)	unit_THMBI */
ol.unit_THMBI > li { position: relative; text-align: center; }

ol.unit_THMBI > li .unit_flag, ol.unit_THMBI > li .unit_review { display: none; }

ol.unit_THMBI > li .unit_price > .price02 { padding-top: 19px; }

ol.unit_THMBI > li .unit_price > .price01:not([style*="display: none"]) ~ .price02 { padding-top: 0; }

ol.unit_THMBI > li.on { border: 1px solid #000; }

ol.unit_THMBI > li.on .unit_img { opacity: 0.5; }

ol.unit_THMBI > li.on .unit_btn { display: block; left: 50%; top: 100px; width: 180px; margin-left: -90px; text-align: center; }

/* //[ITN-135] 2024-08-07 PC 테마관 베스트 상품유닛 개선 */
/* 2023-10-16 .noData common.scss 이동 */
/* noData */
.ev_list02.ty02 .noData, [class*="_list"] li.noData, [class*="unit_THMB"] li.noData { position: relative; width: 100% !important; height: auto; float: none; min-height: auto; margin: 0; padding: 200px 0 120px !important; border: none; color: #000; font-size: 24px; text-align: center; display: block; clear: both; }

.ev_list02.ty02 .noData::before, [class*="_list"] li.noData::before, [class*="unit_THMB"] li.noData::before { content: ""; position: absolute; top: 120px; left: 50%; width: 60px; height: 60px; transform: translateX(-50%); background-color: transparent; background-image: url("../images/icon_common.png"); background-position: -276px -100px; }

/* //2023-10-16 .noData common.scss 이동 */
/* 랭킹&트렌딩 */
.tit_type + .ranking_goods { margin-top: 40px; }

.ranking_goods .unit_no { display: block; color: #000; font-weight: bold; font-size: 30px; line-height: 31px; }

.ranking_goods [class^="unit_LST"] .unit_no { margin-bottom: 10px; }

.ranking_goods [class^="unit_THMB"] > li { border-color: transparent; height: 457px; }

.ranking_goods [class^="unit_THMB"] > li.noData { height: auto; }

.ranking_goods ol[class^="unit_THMB"] > li.on .unit_btn { top: 130px; }

.ranking_goods ol.unit_THMBE > li .unit_option { top: 290px; }

.ranking_goods ol.unit_THMBF > li .unit_option { top: 320px; }

.ranking_goods ol.unit_LSTD > li .unit_option { top: 150px; }

.ranking_goods .goods_list.hit [class^="unit_THMB"] > li, .ranking_goods .goods_list [class^="unit_THMB"].hit > li { width: calc((100% - 140px) / 3); margin-right: 70px; margin-bottom: 30px; border-radius: 2px; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.16); background-color: #fff; }

.ranking_goods .goods_list.hit [class^="unit_THMB"] > li .unit_no, .ranking_goods .goods_list [class^="unit_THMB"].hit > li .unit_no { margin-bottom: 20px; font-size: 50px; line-height: 56px; }

.ranking_goods .goods_list.hit [class^="unit_THMB"] > li .unit_link .unit_img, .ranking_goods .goods_list [class^="unit_THMB"].hit > li .unit_link .unit_img { margin: 0 auto 30px; width: 220px; height: 220px; }

.ranking_goods .goods_list.hit [class^="unit_THMB"] > li.on .unit_btn, .ranking_goods .goods_list [class^="unit_THMB"].hit > li.on .unit_btn { top: 176px; margin-left: -110px; width: 220px; }

.ranking_goods .goods_list.hit [class^="unit_THMB"] > li:nth-child(3n), .ranking_goods .goods_list [class^="unit_THMB"].hit > li:nth-child(3n) { margin-right: 0; }

.ranking_goods .goods_list.hit [class^="unit_THMB"].unit_THMBE > li .unit_option, .ranking_goods .goods_list [class^="unit_THMB"].hit.unit_THMBE > li .unit_option { top: 427px; }

.ranking_goods .goods_list.hit [class^="unit_THMB"].unit_THMBF > li .unit_option, .ranking_goods .goods_list [class^="unit_THMB"].hit.unit_THMBF > li .unit_option { top: 452px; }

.ranking_goods.hit .goods_list [class^="unit_THMB"] > li:not(.noData):nth-child(-n+3) { width: calc((100% - 140px) / 3); height: 100%; margin-right: 70px; margin-bottom: 30px; border-radius: 2px; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.16); background-color: #fff; }

.ranking_goods.hit .goods_list [class^="unit_THMB"] > li:not(.noData):nth-child(-n+3) .unit_no { margin-bottom: 20px; font-size: 50px; line-height: 56px; }

.ranking_goods.hit .goods_list [class^="unit_THMB"] > li:not(.noData):nth-child(-n+3) .unit_link .unit_img { margin: 0 auto 30px; width: 270px; height: 270px; }

.ranking_goods.hit .goods_list [class^="unit_THMB"] > li:not(.noData):nth-child(-n+3).on .unit_btn { top: 221px; margin-left: -110px; width: 220px; }

.ranking_goods.hit .goods_list [class^="unit_THMB"] > li:not(.noData):nth-child(3) { margin-right: 0; }

.ranking_goods.hit .goods_list [class^="unit_THMB"] > li.noData { height: auto; padding: 160px 0 60px !important; }

.ranking_goods.hit .goods_list [class^="unit_THMB"] > li.noData:before { content: ""; top: 80px; }

.ranking_goods.hit .goods_list ol.unit_THMBE > li:nth-child(1) .unit_option, .ranking_goods.hit .goods_list ol.unit_THMBE > li:nth-child(2) .unit_option, .ranking_goods.hit .goods_list ol.unit_THMBE > li:nth-child(3) .unit_option { top: 427px; }

.ranking_goods.hit .goods_list ol.unit_THMBF > li:nth-child(1) .unit_option, .ranking_goods.hit .goods_list ol.unit_THMBF > li:nth-child(2) .unit_option, .ranking_goods.hit .goods_list ol.unit_THMBF > li:nth-child(3) .unit_option { top: 452px; }

.ranking_goods .goods_list [class^="unit_THMB"] > li .unit_info .brand { height: auto; }

.ranking_goods .goods_list [class^="unit_THMB"] > li .unit_price { margin-top: 15px; }

.ranking_goods .goods_list [class^="unit_THMB"] > li .unit_price .price02 { font-size: 18px; line-height: 21px; }

.ranking_goods .goods_list [class^="unit_THMB"] > li .unit_btn { font-size: 0; }

.ranking_goods .goods_list [class^="unit_THMB"] > li .unit_btn button + button { margin-left: 10px; }

.ranking_goods .goods_list [class^="unit_THMB"] > li .unit_link .unit_img { width: 250px; height: 250px; }

.ranking_goods .goods_list [class^="unit_THMB"] > li .adult_flag .ico_adult { width: 50px; height: 50px; background-position: -71px 0; }

.ranking_goods .goods_list [class^="unit_THMB"] > li.on .unit_btn { top: 156px; }

.ranking_goods .goods_list .unit_THMBG .price03 { display: none; }

.ranking_goods .goods_list .unit_THMBG li { height: auto; }

.ranking_goods .goods_list .unit_THMBD li { height: 469px; }

.ranking_goods .goods_list [class^="unit_THMBF"] > li { height: 528px; }

.ranking_goods .goods_list [class^="unit_THMBF"] > li .unit_no { text-align: left; }

.ranking_goods .goods_list [class^="unit_THMBF"] > li .unit_option { top: 350px; }

.ranking_goods .goods_list [class^="unit_THMBF"] > li .unit_link .unit_img { width: 180px; height: 180px; }

.ranking_goods .goods_list [class^="unit_THMBE"] > li .unit_no { text-align: left; }

.ranking_goods .goods_list [class^="unit_THMBE"] > li .unit_option { top: 320px; }

.ranking_goods .goods_list [class^="unit_THMBE"] > li .unit_link .unit_img { width: 180px; height: 180px; }

.dp_classified + .ranking_goods:not(.hit) { margin-top: -20px; }

/* [SYS-20118] 2021-12-29 */
.banner_box + .dp_classified { margin-top: 60px; }

.dp_classified.fixed_option.fixed { position: fixed; left: 0; top: 80px; width: 100%; background: #fff; z-index: 4; padding: 40px 0 50px; margin: 0; }

.dp_classified.fixed_option.fixed > ul { width: 1280px; margin: 0 auto; }

/* //[SYS-20118] 2021-12-29 */
/* [SYS-20988] : 2022-02-03 [상품/전시] 랭킹 판 찜꽁 품절상품코너 개발 요청 */
.unit_btn .jjimcong { display: block; width: 100%; height: 40px; background: #f1f1f1; border-radius: 2px; color: #000; font-size: 14px; line-height: 40px; text-align: center; }

[class*="unit_THMB"] .unit_btn > button.jjimcong { width: auto; min-width: 100px; padding: 0 10px; background-image: none; background-color: #f1f1f1; font-size: 14px; line-height: 17px; color: #000000; text-indent: 0; text-align: center; }

[class*="unit_THMB"] .unit_btn > button.jjimcong:hover { background-color: #000; color: #ffffff; }

/* //[SYS-20988] : 2022-02-03 [상품/전시] 랭킹 판 찜꽁 품절상품코너 개발 요청 */
/* [SYS-21224] 2022-03-15 [상품/전시] 찜꽁 명칭 변경 및 예약하기 버튼 제거 */
/* 2022-04-13 sass/_css/common.scss로 이동 */
/* //[SYS-21224] 2022-03-15 [상품/전시] 찜꽁 명칭 변경 및 예약하기 버튼 제거 */
/* 4단 가운데정렬 (구성 8개 : unit_THMBJ)  */
ol.unit_THMBJ > li { text-align: center; }

ol.unit_THMBJ > li .unit_flag, ol.unit_THMBJ > li .price01, ol.unit_THMBJ > li .unit_review { display: none; }

ol.unit_THMBJ > li .unit_img { margin-bottom: 20px !important; }

ol.unit_THMBJ > li .price02 .sale { display: none; }

ol.unit_THMBJ > li .unit_info { margin-bottom: 20px; }

ol.unit_THMBJ > li .unit_info .brand { display: none; }

ol.unit_THMBJ > li:not(.noData):hover { position: relative; }

ol.unit_THMBJ > li:not(.noData):hover .unit_btn { display: block; width: 100%; top: 100px; left: 50%; transform: translateX(-50%); z-index: 3; }

ol.unit_THMBJ > li:not(.noData):hover:after { content: ''; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #000 !important; z-index: -1; }

/* //[SYS-20760] : [상품/전시][퍼블리싱] 주류 대상 상품 유닛 수정 2021-01-07 */
/* [SYS-22112] [상품/전시] 브랜드샵 템플릿 개선 */
/* 역직구 상위 브랜드샵 유닛 */
ol.unit_THMBK > li { text-align: center; }

ol.unit_THMBK .unit_flag, ol.unit_THMBK .unit_option, ol.unit_THMBK .unit_btn, ol.unit_THMBK .unit_price .unit_review, ol.unit_THMBK .unit_price .price01, ol.unit_THMBK .unit_info .brand { display: none; }

/* [SYS-22112] [상품/전시] 브랜드샵 템플릿 개선 */
/* [SYS-22818]20220516 [상품/전시] 스토리 '리뷰형' 템플릿 內 상품유닛 전시 개수 확대 */
.story_review_goods .goods_list { text-align: left; }

.story_review_goods .goods_list [class^="unit_THMB"] > li { height: auto !important; padding: 40px; }

.story_review_goods .goods_list [class^="unit_THMB"] > li .unit_link .unit_img { width: 200px; height: 200px; margin-bottom: 20px; }

.story_review_goods .goods_list [class^="unit_THMB"] > li .unit_link .adult_flag .ico_adult { width: 50px; height: 50px; background-position: -71px 0; }

.story_review_goods .goods_list [class^="unit_THMB"] > li .unit_link .unit_info { margin-bottom: 20px; }

.story_review_goods .goods_list [class^="unit_THMB"] > li .unit_link .unit_info .brand { margin-bottom: 10px; }

.story_review_goods .goods_list [class^="unit_THMB"] > li .unit_link .unit_info .brand i { font-size: 18px; font-weight: bold; line-height: 1.33; }

.story_review_goods .goods_list [class^="unit_THMB"] > li .unit_link .unit_info .name { height: auto; font-size: 18px; line-height: 1.33; white-space: nowrap; display: block !important; }

.story_review_goods .goods_list [class^="unit_THMB"] > li .unit_price .price02 { margin-bottom: 0; font-size: 24px; line-height: 1.16; }

/* //[SYS-22818]20220516 [상품/전시] 스토리 '리뷰형' 템플릿 內 상품유닛 전시 개수 확대 */
/* [SYS-22836] 2022-06-03 [퍼블][주문] [PC] 온라인 장바구니 개선 */
ol.unit_THMBK > li { text-align: center; }

ol.unit_THMBK > li .unit_flag, ol.unit_THMBK > li .unit_review { display: none; }

ol.unit_THMBK > li .unit_img { margin-bottom: 20px !important; }

ol.unit_THMBK > li .unit_info { margin-bottom: 20px; }

ol.unit_THMBK > li .unit_info .brand { display: block; }

ol.unit_THMBK > li .unit_price .price01 { display: block; }

ol.unit_THMBK > li:not(.noData):hover { position: relative; }

ol.unit_THMBK > li:not(.noData):hover .unit_btn { display: block; width: 100%; top: 100px; left: 50%; transform: translateX(-50%); z-index: 3; }

ol.unit_THMBK > li:not(.noData):hover:after { content: ''; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }

ol.unit_THMBK > li.on { border: 1px solid #000; }

ol.unit_THMBK > li.on .unit_img { opacity: 0.5; }

/* //[SYS-22836] 2022-06-03 [퍼블][주문] [PC] 온라인 장바구니 개선 */
/* [SYS-23235] 2022-09-29 [검색] 공통필터 개선 요청-카테고리매장 */
.categoryOption label { cursor: pointer; }

.categoryOption .checkboxGroup.colorSet { display: flex; flex-wrap: wrap; }

.categoryOption .checkboxGroup.colorSet input[type=checkbox] + label { position: relative; padding: 0 20px 0 28px; width: calc(100% / 6); line-height: 20px; }

.categoryOption .checkboxGroup.colorSet input[type=checkbox] + label:nth-of-type(n+7) { margin-top: 20px; }

.categoryOption .checkboxGroup.colorSet input[type=checkbox] + label:before { display: none; }

.categoryOption .checkboxGroup.colorSet input[type=checkbox] + label i { display: block; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 50%; background-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

.categoryOption .checkboxGroup.colorSet input[type=checkbox] + label i.multi { background: url("../images/icon_color_multi.png") no-repeat center/100%; background-repeat: no-repeat; background-position: center; background-size: 100%; }

.categoryOption .checkboxGroup.colorSet input[type=checkbox]:checked + label i { background-image: url("../images/icon_color_checked.png"); background-repeat: no-repeat; background-position: center; background-size: 100%; }

/* //[SYS-23235] 2022-09-29 [검색] 공통필터 개선 요청-카테고리매장 */
/* 230123 [SYS-26070][상품/전시][세일판 개선] 세일 AJ - 1차 */
.dp_slide_con .timeSale_list.unit_THMB li, .dp_slide_con .limitSale_list.unit_THMB li { position: relative; }

.dp_slide_con .timeSale_list.unit_THMB li .unit_btn, .dp_slide_con .limitSale_list.unit_THMB li .unit_btn { display: none; width: 100%; text-align: center; position: absolute; top: 105px; left: 0; }

.dp_slide_con .timeSale_list.unit_THMB li .unit_btn > button, .dp_slide_con .limitSale_list.unit_THMB li .unit_btn > button { margin: 0 2px; }

.dp_slide_con .timeSale_list.unit_THMB li.on .dp_unit .thumb, .dp_slide_con .limitSale_list.unit_THMB li.on .dp_unit .thumb { opacity: 0.5; }

.dp_slide_con .timeSale_list.unit_THMB li.on .unit_btn, .dp_slide_con .limitSale_list.unit_THMB li.on .unit_btn { display: block; }

/* //230123 [SYS-26070][상품/전시][세일판 개선] 세일 AJ - 1차 */
/* [SYS-25251] 2023-05-08 [검색] 공통필터 개선 요청-브랜드샵/브랜드관 */
.brandArea .brandCont .innerCont .lineTitle2 { margin: 70px 0 0 !important; padding-bottom: 23px; border-bottom: 2px solid #000; }

.brandArea .brandCont .innerCont .lineTitle2 ~ .branPrdWrap > .categoryOption:first-of-type.mt60 { margin-top: 0 !important; border-top: 0; }

.brandArea .brandCont .innerCont .branPrdWrap { margin-top: 0 !important; }

.brandArea .brandCont .categoryOption { width: 100%; margin: 60px 0; }

.brandArea .brandCont .categoryOption .brandList .checkboxGroup { display: flex; align-items: stretch; }

.brandArea .brandCont .categoryOption .brandList .checkboxGroup label { width: calc(100% / 4); }

.brandArea .priceSlider .btnSubmit { background: #000; }

.categoryOption { width: 100%; margin: 60px 0; }

.categoryOption .brandList .checkboxGroup { display: flex; align-items: stretch; }

.categoryOption .brandList .checkboxGroup label { width: calc(100% / 4); }

/* // [SYS-25251] 2023-05-08 [검색] 공통필터 개선 요청-브랜드샵/브랜드관 */
/* [SYS-28657] 2023-05-15 [차세대][상품/전시] 물류(7-1)체화재고행사 상품 상세 퍼블리싱 PC */
.goods_list .flag_area { position: absolute; top: 0; left: 0; z-index: 5; }

.goods_list .flag_area > li { font-size: 11px; line-height: 15px; background: #000; border-radius: 2px; padding: 2px 5px; color: #fff; min-height: 19px; }

.goods_list [class^="unit_THMB"] li .flag_area { top: 0; left: 0; }

.goods_list [class^="unit_LST"] li .flag_area { top: 0; left: 0; }

.ranking_goods .goods_list .flag_area { display: none; }

/* //[SYS-28657] 2023-05-15 [차세대][상품/전시] 물류(7-1)체화재고행사 상품 상세 퍼블리싱 PC */
/* [LP24-536][상품/전시] 주류 비로그인시 상품이미지 정상 노출 개발 요청 */
.bestWrap .bestList .productMd .adult_flag .ico_adult { width: 40px; height: 40px; background-position: -27px 0; }

.bestWrap .bestList .productMd.first .adult_flag .ico_adult { width: 50px; height: 50px; background-position: -71px 0; }

.brandA .brandCont .sellersArea .basic .adult_flag .ico_adult, .brandB .brandCont .sellersArea .basic .adult_flag .ico_adult { width: 40px; height: 40px; background-position: -27px 0; }

/* //[LP24-536][상품/전시] 주류 비로그인시 상품이미지 정상 노출 개발 요청 */