@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url('../font/Pretendard-Regular.subset.woff2') format('woff2'),url('../font/Pretendard-Regular.subset.woff') format('woff')
}

@font-face {
    font-family: 'PretendardMedium';
    font-style: normal;
    font-weight: 500;
    src: url('../font/Pretendard-Medium.subset.woff2') format('woff2'),url('../font/Pretendard-Medium.subset.woff') format('woff')
}

@font-face {
    font-family: 'PretendardBold';
    font-style: normal;
    font-weight: 700;
    src: url('../font/Pretendard-Bold.subset.woff2') format('woff2'),url('../font/Pretendard-Bold.subset.woff') format('woff')
}

/* 2023-08-10 : 결합상품 프로모션 */
/* Button Default */
button {font-family:inherit; letter-spacing: inherit; border:0; border-radius:0; background:none; box-sizing:border-box; cursor:pointer}
button > i,
[class^="btn-grade"] > i {font-style:normal; font-family:'Microsoft YaHei';}
[class^="btn-grade"] {display:inline-block; border:0; text-align:center; padding:0 15px; box-sizing:border-box;}
[class^="btn-grade"].type1 {background:#222; color:#fff;}
[class^="btn-grade"].type2 {background:#de3831; color:#fff;}
[class^="btn-grade"].type3 {background:#40362a; color:#fff;}
[class^="btn-grade"].type4 {border:1px solid #333; background:#fff; color:#333;}
[class^="btn-grade"].st00 {width:100%;}
[class^="btn-grade"].st01 {min-width:167px;}
[class^="btn-grade"].st02 {min-width:200px;}
[class^="btn-grade"]:disabled,
[class^="btn-grade"][disabled] {background:#bfbfbf; color:#fff; cursor:default; pointer-events:none;}
.btn-grade1 {height:60px; font-size:18px; line-height:60px;}
.btn-grade2 {height:55px; font-size:16px; line-height:54px;}
.btn-grade3 {height:45px; font-size:14px; line-height:43px;}
.btn-grade4 {height:40px; font-size:14px; line-height:40px;}
.btn-grade5 {height:36px; font-size:14px; line-height:36px;}
.btn-grade6 {height:25px; font-size:12px; line-height:25px;}

/* Button : Border, Icon */
.btn-border {display:inline-flex; align-items:center; height:30px; border-radius:4px; border:1px solid #e0e0e0; padding:0 10px; box-sizing:border-box; line-height:30px; font-size:12px; color:#333;}
.btn-border i.ico-arrow {padding-right:16px; background:url('../img/v2/ico_arrow01.png') no-repeat right center;}
.btn-border.on i.ico-arrow {background-image:url('../img/v2/ico_arrow01_on.png');}
.btn-icon i {font-size:0;}

/* Button : Text */
.btn-txt {display:inline-block; position:relative; font-size:16px; line-height:1; vertical-align:unset;}
.btn-txt > i {position:relative; padding-right:15px;}
.btn-txt > i::after {display:block; content:""; position:absolute; top:50%; right:0; background:0 0 no-repeat; transform:translateY(-50%);}
.btn-txt.underline {overflow:visible; position:relative; margin-left:10px; padding:0; color:#666; font-size:13px;}
.btn-txt.underline:after {display:block; content:""; position:absolute; left:0; bottom:-3px; top:auto; width:100%; height:1px; background-color:#666;}
.btn-txt.underline > i {top:0}

/* Button Wrap + Align */
.btn-wrap {display:flex; align-items:center;}
.btn-wrap > [class^="btn-grade"] {flex:1; box-sizing:border-box;}
.btn-wrap > [class^="btn-grade"].size {flex-grow:2;}
.btn-wrap > [class^="btn-grade"] + [class^="btn-grade"] {margin-left:10px;}
.btn-wrap.type1 {flex-direction:column;}
.btn-wrap.type1 [class^="btn-grade"] {flex-basis:auto; margin:0;}
.btn-wrap.type1 [class^="btn-grade"] + [class^="btn-grade"] {margin-top:10px;}
.btn-wrap.type2 {justify-content:flex-end;}
.btn-wrap.type2 [class^="btn-grade"] {flex:none;}
.btn-wrap.type3 {justify-content:space-between; align-items:center}
.btn-wrap.type3 > [class^="btn-grade"] {flex:none;}
.btn-wrap.type4 {justify-content:center;}
.btn-wrap.type4 > [class^="btn-grade"] {flex:none}

/* Form Default */
/* Form : Input */
.fm-text {display:inline-block; position:relative; width:100%; height:36px;}
.fm-text > input {width:100%; height:100%; border:1px solid #e0e0e0; padding:0 10px; box-sizing:border-box; font-size:12px; color:#333;}

/* Form : Checkbox */
.fm-checkbox {display:inline-block; position:relative; font-size:0; text-align:left;}
.fm-checkbox > input {position:absolute; left:0; top:0; width:0; height:0; opacity:0;}
.fm-checkbox > label {display:inline-flex; align-items:center; min-height:20px; cursor:pointer; box-sizing:border-box;}
.fm-checkbox > label:before {display:inline-block; content:""; width:20px; height:20px; background:url('../img/v2/ico_checkbox01.jpg') no-repeat 0 center /20px auto;}
.fm-checkbox > label i {display:inline-block; flex:1; min-width:0; margin-left:7px; font-size:12px; color:#333; line-height:20px; font-style:normal;}
.fm-checkbox > label i.blind {display:none;}
.fm-checkbox > input:checked + label:before {background-image:url('../img/v2/ico_checkbox01_on.jpg');}
.fm-checkbox > input:disabled + label {opacity:0.25;}
.fm-checkbox.type2 > label:before {background-image:url('../img/v2/ico_checkbox02.png');}
.fm-checkbox.type2 > input:checked + label:before {background-image:url('../img/v2/ico_checkbox02_on.png');}
.fm-checkbox.type3 > label {display:flex; align-items:center; height:30px; border-radius:4px; border:1px solid #e0e0e0; padding:0 25px 0 10px; background:url('../img/v2/ico_check01.png') no-repeat right 10px center /10px auto; box-sizing:border-box; line-height:30px;}
.fm-checkbox.type3 > label:before {display:none;}
.fm-checkbox.type3 > label i {margin:0; font-size:12px; color:#333; line-height:1;}
.fm-checkbox.type3 > input:checked + label {background-image:url('../img/v2/ico_check01_on.png');}

/* Tab */
.tab-wrap .tab-menu {display:flex; box-sizing:border-box;}
.tab-wrap .tab-menu > li + li {margin-left:10px;}
.tab-wrap .tab-menu > li > a {display:block; height:50px; padding:0 20px; border-radius:25px; background-color:#f5f5f5; color:#999; font-size:18px; line-height:50px; text-align:center; white-space:nowrap; box-sizing:border-box;}
.tab-wrap .tab-menu > li.on > a {background-color:#000; color:#fff;}
.tab-wrap.type1 .tab-menu > li > a {overflow:hidden; max-width:280px; height:44px; padding:0 16px; border-radius:40px; border:1px solid #f5f5f5; font-size:12px; color:#999; line-height:43px; white-space:nowrap; text-overflow:ellipsis;}
.tab-wrap.type1 .tab-menu > li.on > a {border:1px solid #000; background:#fff; color:#333;}
.tab-wrap.type1 .ui-scroll:after {display:block; content:""; position:absolute; top:0; right:0; z-index:1; width:44px; height:44px; background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1)); opacity:1; pointer-events:none; transition:opacity .2s ease-in;}
.tab-wrap.type1 .ui-scroll.is-last:after {opacity:0;}
.tab-content {display:none;}
.tab-content.on {display:block;}

/* 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 > li {display:inline-block; vertical-align:top;}

/* Layer popup */
[data-layer-view] { display:none; position:absolute; z-index:1;}
[data-layer-view].on { display:block; z-index:10;}
[data-layer-transition="slide"] { max-height:0; overflow:hidden; transition:0.3s ease-out, box-shadow 0.6s;}
[data-layer-transition="slide"].isTransition { max-height:500px; transition:0.6s ease-in, box-shadow 0.2s;}
[data-layer-transition="scale"] { transform:scale(0.85); transform-origin:top center; opacity:0; transition:.4s ease;}
[data-layer-transition="scale"].isTransition { transform:scale(1); opacity:1; transition:.4s ease;}
[data-layer-show].once {position:relative;}
[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;}

.ui-layer {display:inline-block; position:relative;}
.ui-layer-popup {top:calc(100% - -8px); overflow:hidden; min-width:50px; min-height:30px; border-radius:8px; border:1px solid #333; background:#fff;}
.ui-layer-popup > .inner {position:relative;}

/* Contents */
.dropdown-list {max-height:400px;}
.dropdown-list ul li .fm-checkbox {width:100%;}
.dropdown-list ul li .fm-checkbox > label {width:100%; max-width:140px; height:40px; padding:0 9px;}
.dropdown-list ul li .fm-checkbox > label:hover {background-color:#f5f5f5;}
.dropdown-list ul li .fm-checkbox > label i {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.count-wrap {display:inline-flex; height:36px;}
.count-wrap .count {display:flex; align-items:center; height:100%;}
.count-wrap .count .fm-text {width:34px; height:100%;}
.count-wrap .count .fm-text input {padding:0 5px; border-left:0; border-right:0; text-align:center;}
.count-wrap .count button {display:inline-block; width:36px; height:100%; border:1px solid #e0e0e0; background:url('../img/v2/ico_calc_minus.png') no-repeat center center /11px auto; box-sizing:border-box;}
.count-wrap .count button.btn-count-minus {border-radius:4px 0 0 4px;}
.count-wrap .count button.btn-count-plus {border-radius:0 4px 4px 0; background-image:url('../img/v2/ico_calc_plus.png');}
.count-wrap .count + button,
.count-wrap .count + a {height:100%; margin-left:11px;}

.progress-wrap {display:inline-flex; align-items:center; flex:1; width:100%;}
.progress-wrap .progress-bar {flex:1; width:auto;}
.progress-bar {display:inline-block; position:relative; overflow:hidden; width:100%; max-width:350px; height:10px; border-radius:5px; background:#eee;}
.progress-bar span {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px; background:#e53433; transition:width .5s ease-in-out;}
.progress-number {display:inline-block; overflow:hidden; min-width:24px; height:24px; margin-left:10px; padding:0 10px; box-sizing:border-box; border-radius:40px; background:#eee; text-align:center; line-height:24px; white-space:nowrap; font-weight:bold; font-size:10px; color:#666;}
.full .progress-number {background:#e53433; color:#fff;}


.flex-wrap {display:flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box;}
.flex-wrap > * {display:inline-flex; align-items:center; box-sizing:border-box;}
.flex-wrap.type1 .fx-first {flex:1; min-width:0;}
.flex-wrap.type1 .fx-last {margin-left:auto;}
.flex-wrap.type2 {flex-direction:column;}
.flex-wrap.type2 > * {width:100%;}
.flex-wrap.type2 .fx-last {margin-top:auto;}

/* Product List */
.product-list > ul {display:grid; grid-template-columns:repeat(4, 1fr); text-align:center;}
/* .product-list > ul > li {border-bottom:1px solid #e0e0e0;} */
.product-list > ul > li .count-wrap {margin-bottom:15px;}
/* Product List - Not Mouseover */
.product-list.not-over .product-box .prod-over:before {display:none;}
.product-list.not-over .product-box .prod-over > * {display:none;}
.product-list.not-over .product-box .prod-over .link {display:block;}

/* Product Module */
.product-box {display:inline-block; position:relative; width:167px; height:408px; text-align:center; font-family:"Microsoft YaHei";}
.product-box .fm-checkbox {position:absolute; top:0; left:0; width:100%; z-index:2;}
.product-box .fm-checkbox > label {width:100%; height:195px; padding:15px 0 0 15px; box-sizing:border-box; align-items:flex-start;}
.product-box .prod-basic {display:flex; flex-direction:column; position:relative; height:100%; padding:45px 0 40px; box-sizing:border-box;}
.product-box .prod-basic .img {width:100%; height:150px;}
.product-box .prod-basic .img img {width:150px; height:150px;}
.product-box .prod-basic .brand {overflow:hidden; min-height:14px; margin-top:15px; font-size:12px; font-weight:bold; line-height:17px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.product-box .prod-basic .name {display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:30px; margin:7px 0 11px; word-break:break-word; font-size:12px; color:#534a3f; line-height:15px; white-space:normal; text-overflow:ellipsis;}
.product-box .prod-basic .msg-area {display:flex; flex-direction:column; align-items:center; justify-content:center; height:35px; vertical-align:top;}
.product-box .prod-basic .msg-area .sale {font-weight:bold; color:#e53433; font-size:12px;}
.product-box .prod-basic .ref-no {position:relative; margin-top:auto; font-size:12px; color:#898178;}
.product-box .prod-basic .ref-no span {display:inline-block; overflow:hidden; max-width:90%; height:14px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; line-height:14px;}
.product-box .prod-basic .ref-no + .price {margin-top:4px;}
.product-box .prod-basic .price {overflow:hidden; margin-top:auto; font-weight:bold; font-size:14px;}
.product-box .prod-basic .price .regular {padding-right:0; text-decoration:line-through; font-weight:normal; color:#534a3f;}
.product-box .prod-basic .price .sale {padding:0 2px 0 0; color:#e53433;}
.product-box .prod-basic .price .won {display:block; overflow:hidden; padding-top:7px; font-weight:normal; font-size:12px; color:#534a3f;}
.product-box .prod-over {display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:196px; box-sizing:border-box;}
.product-box .prod-over:before {display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #957045; box-sizing:border-box; pointer-events:none;}
.product-box .prod-over .link {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; font-size:0;}
.product-box .prod-over .btn-more {position:absolute; top:196px; left:50%; transform:translateX(-50%); z-index:1; width:31px; height:31px; background:url('../img/common/btnMoreNewOff.png') no-repeat 0 0 /100% auto;}
.product-box .prod-over .btn-more:hover {background-image:url('../img/common/btnMoreNewOn.png');}
.product-box .prod-over .btn-wrap {position:absolute; bottom:0; left:0; z-index:1; width:100%;}
.product-box .prod-over .msg-area {display:flex; flex-direction:column; padding-top:31px; background:#fff; vertical-align:top;}
.product-box .prod-over .msg-area > * {display:inline-flex; align-items:center; justify-content:center; overflow:hidden; width:100%; height:88px; vertical-align:middle;}
.product-box .prod-over .msg-area .sale {font-size:18px; font-weight:bold; color:#e53433;}
.product-box .prod-over .msg-area .benefit {font-size:24px; color:#e53433; line-height:36px;}
.product-box .prod-over .msg-area .benefit strong {font-size:46px; padding:0 2px; font-family:'Times New Roman'; font-weight:bold; line-height:48px; vertical-align:baseline;}
.product-box .prod-over .msg-area .login {font-size:14px; font-weight:bold; color:#e53433; line-height:20px;}
.product-box .prod-over .msg-area .soldout {font-size:18px; font-weight:bold; color:#666;}
.product-box .prod-over .msg-area .set {font-size:18px; font-weight:bold; color:#e53433;}
.product-box:hover .prod-over {display:block;}
.product-box.dapay.sale .prod-over .msg-area .login {height:56px; padding-bottom:0; color:#666;}

/* case : 일시품절 */
.product-box.out .prod-over .link {display:none;}

/* 기획전 */
.combination-wrap {font-family:'Microsoft YaHei'; touch-action:none; padding-bottom:100px;}
.combination-wrap .cb-tab {margin-top:60px;}
.combination-wrap .cb-top {margin:80px 0 50px; text-align:center;}
.combination-wrap .cb-top .title {overflow:hidden; font-size:28px; font-weight:bold; color:#373231; white-space:nowrap; text-overflow:ellipsis;}
.combination-wrap .cb-top .text {padding-top:15px; font-size:14px; color:#898178; line-height:21px;} /* 2023-10-24 수정 */

.combination-wrap .cb-zip {padding:48px 50px 40px; background:#f5f5f5; text-align:center;}
.combination-wrap .cb-zip .headline {font-size:28px; font-weight:bold; color:#e53433;}
.combination-wrap .cb-zip .sub {margin-top:18px; font-size:18px; color:#898178;}
.combination-wrap .cb-zip .point {font-weight:bold; color:#e53433;}
.combination-wrap .cb-zip .board {position:relative; margin-top:32px; padding:50px 60px; background:#fff;}
.combination-wrap .cb-zip .board ul li {display:flex; align-items:center;}
.combination-wrap .cb-zip .board ul li + li {margin-top:15px;}
.combination-wrap .cb-zip .board ul li .name {padding-right:10px; font-size:18px; font-weight:bold; color:#999; text-align:left; white-space:nowrap;}
.combination-wrap .cb-zip .board ul li .price {display:inline-flex; align-items:center; justify-content:flex-end; flex:1; padding-left:50px; white-space:nowrap; text-align:right;}
.combination-wrap .cb-zip .board ul li .price .sale {padding:0; font-size:18px; font-weight:bold; color:#e53433;}
.combination-wrap .cb-zip .board ul li .price .regular {padding:0 0 0 10px; font-size:18px; font-weight:bold; color:#333; text-decoration:none;}
.combination-wrap .cb-zip .board ul li .price .regular del {font-weight:normal; color:#534a3f; text-decoration:line-through;}
.combination-wrap .cb-zip .board ul li .price .won {padding:0 0 0 5px; font-size:12px; color:#333;}
.combination-wrap .cb-zip .board ul li .price .won del {color:#534a3f;}/* 2023-10-24 수정 */
.combination-wrap .cb-zip .board ul li .price.end .regular.active {color:#e53433;}/* 2023-10-24 수정 */
.combination-wrap .cb-zip .board ul li .price.end .regular del {font-weight:bold; color:#333;}/* 2023-10-24 수정 */
.combination-wrap .cb-zip .board ul li .price.end .won del {color:#333;}/* 2023-10-24 수정 */
.combination-wrap .cb-zip .board ul li .text {position:absolute; top:50%; left:60px; transform:translateY(-50%); width:400px; text-align:left; font-size:18px; word-break:break-word; line-height:25px;}
.combination-wrap .cb-zip .board ul li.full .name {color:#333;}
.combination-wrap .cb-zip .btn-wrap {padding-top:30px;}

.combination-wrap .cb-zip.dapay .board ul {display:table; width:100%;}
.combination-wrap .cb-zip.dapay .board ul li {display:table-row; position:relative;}
.combination-wrap .cb-zip.dapay .board ul li > * {display:table-cell; vertical-align:middle;}
.combination-wrap .cb-zip.dapay .board ul li .bar {width:100%; box-sizing:border-box;}
.combination-wrap .cb-zip.dapay .board ul li .number {text-align:left;}
.combination-wrap .cb-zip.dapay .board ul li + li {margin:0;}
.combination-wrap .cb-zip.dapay .board ul li + li > * {padding-top:15px;}
.combination-wrap .cb-zip.dapay .board ul li:not(:has(.progress-bar)) {height:33px;}
.combination-wrap .cb-zip.dapay .board ul li:not(:has(.progress-bar)) .price {position:absolute; top:15px; left:0; width:100%; padding:0;}
.combination-wrap .cb-zip .progress-bar {max-width:100%;}

.combination-wrap .cb-head {display:flex; align-items:center; min-height:66px; padding:18px 15px; background:#fff; box-sizing:border-box;}
.combination-wrap .cb-head .headline {font-size:22px; font-weight:bold; color:#333333;}
.combination-wrap .cb-head .headline.st01 {color:#e53433;}
.combination-wrap .cb-head .utillity {display:inline-flex; align-items:center; margin-left:auto;}
.combination-wrap .cb-head .utillity > * + * {margin-left:10px;}

.combination-wrap [data-iscroll].cb-list {max-height:550px;}
.combination-wrap .cb-list {position:relative; flex:1; min-height:408px; border:1px solid #bfbfbf; border-bottom:0; box-sizing:border-box;}
.combination-wrap .cb-list:before {display:block; content:""; position:absolute; bottom:0; left:0; z-index:2; width:100%; height:1px; background:#bfbfbf;}

.combination-wrap .cb-products {margin-bottom:100px;}
.combination-wrap .cb-products:last-child {margin-bottom:0;}
.combination-wrap .cb-products > .inner {display:flex; flex-direction:column; position:relative; box-sizing:border-box;}
.combination-wrap .cb-products > .inner.first .cb-head .headline {color:#e53433;}
.combination-wrap .cb-products > .inner.first .cb-list {border-color:#e53433;}
.combination-wrap .cb-products > .inner.first .cb-list:before {background:#e53433;}

.combination-wrap .cb-products.type1 {display:flex;}
.combination-wrap .cb-products.type1 > .inner.first {width:375px;}
.combination-wrap .cb-products.type1 > .inner.first:after {display:block; content:""; position:absolute; top:191px; right:-14px; z-index:12; width:26px; height:26px; background:url('../img/v2/ico_plus.png') no-repeat 0 0 /100% auto;}
.combination-wrap .cb-products.type1 > .inner.first .product-list > ul {grid-template-columns:repeat(2, 1fr);}
.combination-wrap .cb-products.type1 > .inner.last .product-list > ul {grid-template-columns:repeat(3, 1fr);}
.combination-wrap .cb-products.type1 > .inner.last {flex:1; border-left:0;}
.combination-wrap .cb-products.type1 > .inner.last .cb-list {border-left:0;}
.combination-wrap .cb-products.type2 > .inner + .inner {margin-top:79px;}
.combination-wrap .cb-products.type2 .cb-list {border-color:#333;}
.combination-wrap .cb-products.type2 .cb-list:before {background:#333;}
.combination-wrap .cb-products.type2 .product-list > ul {grid-template-columns:repeat(5, 1fr);}
.combination-wrap .cb-products.combi {margin-top:100px;}
.combination-wrap .cb-products.set {margin-top:50px;}
.combination-wrap .cb-products.set .count-wrap {margin-top:30px; text-align:center; justify-content:center;}
.combination-wrap .no-result {padding-top:196px;}
.combination-wrap .no-result .text {font-size:20px; color:#999; line-height:30px; text-align:center;}

.combination-wrap .cb-products .product-list > ul {overflow:hidden;}
.combination-wrap .cb-products .product-list > ul > li {position:relative;}
.combination-wrap .cb-products .product-list > ul > li:before {display:block; content:""; position:absolute; bottom:0; left:0; width:100vw; height:1px; background:#e0e0e0;}

/* 24-03-07 공통 */
/* Icon */
.btn-wrap i[class^="ico-"]{margin-right:5px}
i[class^="ico-"]{position:relative; display:inline-block; background:no-repeat center center /100% 100%; font-size:0; vertical-align:middle;}
i.ico-tip{width:12px; height:12px; background-image: url('../img/v2/ico_question.png');}/* 툴팁 */

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

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

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

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

/* 24-03-07 CN몰 주요화면 개편 : 상품상세 */
/* 초기화 */
.pr_wrap.product-top .product-detail .txt{float:none; padding-right:0;}
.pr_wrap.product-top .product-top-img .img{float:none; width:auto;}
.product-top .product-top-img{float:left; width:560px;}
.product-top .product-detail{float:right; width:350px; padding-right:15px}
.product-detail .head-wrap .title{line-height:20px; font-size:14px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei',verdana,AppleGothic,sans-serif;}
/* 사은품 */
.gift-area {position:absolute; top:30px; left:365px; z-index:2; pointer-events:none;}
.gift-area .thumb {position:relative; width:65px; box-sizing:border-box;}
.gift-area .thumb:after {display:block; content:""; position:absolute; top:0; left:0; width:16px; height:16px; border-radius:50%; background:url('../img/v2/ico_gift_plus.png') no-repeat 50% 50% /10px auto #222;}
.gift-area .thumb-box {overflow:hidden; position:relative; border-radius:6px 2px 2px; background-color:#fff;}
.gift-area .thumb-box .item:after {display:block; content:""; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:6px 2px 2px; border:1px solid #e0e0e0; isolation:isolate; box-sizing:border-box;}
.gift-area .thumb-box .item {overflow:hidden; width:100%; height:65px;}
.gift-area .thumb-box .item img {width:100%; height:100%; object-fit:cover;}
.gift-area.type1 .thumb-box {overflow:visible;}
.gift-area.type1 .thumb-box .item + .item {position:absolute; top:3px; left:3px; z-index:-1;}
/* 표면할인율 */
.pro-price-wrap{padding-bottom:10px}
.pro-price-info .setprice-wrap,
.pro-price-info .disprice-wrap{display:flex; align-items: center; box-sizing: border-box; width:100%; color:#222; margin-top:15px}
.pro-price-info [class^="cont-"]{display:flex; align-items: center; flex-wrap: wrap; box-sizing: border-box; font-weight:bold; font-family:'PretendardBold','Microsoft YaHei',verdana,AppleGothic,sans-serif; font-size:0; word-break: break-all;}
.pro-price-info [class^="cont-"] > span{display:inline-block; line-height: 20px;}
.pro-price-info [class^="cont-"] > span + span{margin-left:2px}
.pro-price-info .cont-title{flex:0 0 110px}
.pro-price-info .cont-title .cont{font-size:14px; letter-spacing: -1px;}
.pro-price-info .cont-title .tooltip-area{margin-left:4px}
.pro-price-info .cont-price{flex:1; font-family:'PretendardBold','Microsoft YaHei',verdana,AppleGothic,sans-serif;}
.pro-price-info .cont-price .dollar{font-size:22px;}
.pro-price-info .cont-price .local{font-size:16px}
.pro-price-info .cont-rate{margin-left:auto;}
.pro-price-info .cont-rate .num{font-size:22px;}
.pro-price-info .cont-rate .unit{font-size:14px}
.pro-price-info [class^="cont-"] .local{font-family: 'Pretendard';}
.pro-price-info [class^="cont-"] .local,
.pro-price-info [class^="cont-"] .unit{font-weight:normal;}
.pro-price-info .cont-link > a{display:inline-block; font-size:14px; text-decoration: underline; font-weight: normal;}
/* 할인율 : 최대 할인율일 때 */
.disprice-wrap.max{color:#DE3831;}
.disprice-wrap.max .cont-rate .unit{font-weight: bold;}
/* 할인율 : 적립금 할인가 전시여부가 N일때 */
.disprice-wrap.noshow{color:#777;}
.disprice-wrap.noshow .cont-price .dollar{font-size:16px;}
.disprice-wrap.noshow .cont-price .local{font-weight: bold; font-family: 'PretendardBold';}
/* 정가 */
.pro-price-info .setprice-wrap{color:#777;}
.setprice-wrap [class^="cont-"]{font-weight: normal;}
.setprice-wrap .cont-price{font-family:'Pretendard';}
.setprice-wrap .cont-price .dollar{font-size:16px}
/* 정가 : 정가만 있거나, 정가 + 로그인일 때 basic class 추가 */
.pro-price-info .setprice-wrap.basic{color:#222}
.setprice-wrap.basic [class^="cont-"]{font-weight: bold;}
.setprice-wrap.basic .cont-price{font-family:'PretendardBold';}
.setprice-wrap.basic .cont-price .dollar{font-size:22px}
/* 툴팁 내용 */
.tooltip-cont .inner{font-weight: normal;}
.tooltip-cont .tip-tit{font-size:14px; line-height:20px; margin-bottom:10px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei',verdana,AppleGothic,sans-serif;}
.tooltip-cont .tip-arr{display:flex; justify-content: flex-end; align-items: center; color:#fff; line-height:20px}
.tooltip-cont .tip-arr .arr-left{flex:1;}
.tooltip-cont .tip-arr .arr-right{font-weight: bold; font-family:'PretendardBold','Microsoft YaHei',verdana,AppleGothic,sans-serif;}
.tooltip-cont .tip-txt{margin-top:10px}
/* 옵션 */
.pro-option-wrap{border-top:1px solid #F0F0F0; margin-top:20px; padding-top:20px}
.pro-option-wrap .head-wrap{margin-bottom:10px}
.pro-option-wrap .accordion-layer .layer-top{height:56px;}
.pro-option-wrap .accordion-layer .layer-top{align-items: center;}
.pro-option-wrap .accordion-layer .accordion-toggle{height:100%}
.option-select{position:relative; flex:1; display:flex; align-items: center; box-sizing: border-box; overflow: hidden;}
.option-select .option-img{position:relative; display:inline-block; width:32px; height:32px; margin-right:10px}
.option-select .option-img::before{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; mix-blend-mode:multiply; background:rgba(224,224,224,0.2);}
.option-select .option-img img{width:100%; height:100%;}
.option-select .option-img.color{border-radius: 16px; overflow: hidden;}
.option-select .option-img.color .color-txt{position:absolute; top:50%; width:100%; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei',verdana,AppleGothic,sans-serif; color:#fff; font-size:10px; text-align: center; transform: translateY(-50%);}
.option-select .option-name{flex:1; font-size:14px; line-height:20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.option-select .option-link{position:absolute; display:block; width:100%; height:100%;}
.option-select [class^="option-tag"]{display:inline-block; font-size:10px; line-height:12px; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei',verdana,AppleGothic,sans-serif; margin-left:10px}
.option-select .option-tag1{background-color: #444; padding:3px 4px; color:#fff}/* 일시품절 */
.option-select .option-tag2{background: url('../img/v2/ico_clock4.png') 0 50% no-repeat; color:#de3831; padding-left:10px;}/* 품절임박 */
.option-list > li{box-sizing: border-box; padding:0 20px}
.option-list > li .option-select{height:52px}
.option-list > li.select{background-color: #F5F5F5;}
.option-list{min-height: auto; max-height: 156px; overflow-y: auto;}
.pro-option-wrap .accordion-layer .layer-top{padding-left:20px}
/* Scroll */
.scroll-custom::-webkit-scrollbar {width: 3px;height:8px}
.scroll-custom::-webkit-scrollbar-track {background-color: #fff;}
.scroll-custom::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,.5); border-radius: 1.5px; /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/ }
.option-list:has(.scroll-custom){padding-right: 3px;}
/* 수량 */
.pro-volume-wrap{display:flex; align-items: center; border-top:1px solid #F0F0F0; margin-top:20px; padding-top:20px}
.pro-volume-wrap .count-wrap{margin-left:auto; border:1px solid #bbb}
.pro-volume-wrap .count-wrap .count button{border:0; border-radius:0;}
.pro-volume-wrap .count-wrap .count button:disabled{opacity: .5;}
.pro-volume-wrap .count-wrap .fm-text > input{border:0; font-weight: bold; font-family:'PretendardBold','Microsoft YaHei',verdana,AppleGothic,sans-serif;}
/* 기존 소스 대응 */
.pr_wrap .product-detail .txt_set>div:first-child{padding-bottom:0;}
.pr_wrap .product-detail .txt_set .desc{border-top:1px solid #F0F0F0; margin-top:20px}

/* 초기화 : 미리보기 팝업 */
.pop-pro-preview .product-top-img{width:299px;}
.pop-pro-preview .product-detail{width:337px; box-sizing: border-box; padding-right:0; font-family:'Pretendard','Microsoft YaHei',verdana,AppleGothic,sans-serif;}
.pop-pro-preview .product-detail .btnAreaNew{position:fixed; bottom:30px; box-sizing: border-box; border-top:1px solid #F0F0F0; padding-top:10px}
.detail_view.pop-pro-preview .login_limit.productModuleNew{margin-top:auto; transform: translateY(-50%);}
.pop-pro-preview .product-detail{position: relative; height:100%; box-sizing: border-box; padding-bottom:68px}
.pop-pro-preview .product-detail .head-wrap .title{font-size:12px}
/* 미리보기 : 사은품 */
.pop-pro-preview .gift-area{top:34px; left:219px;}
.pop-pro-preview .gift-area .thumb{width:44px}
.pop-pro-preview .gift-area .thumb:after{width:12px; height:12px; background-size: 6px auto;}
.pop-pro-preview .gift-area .thumb-box .item{height:44px}
/* 미리보기 : 표면할인율 */
.pop-pro-preview .pro-price-info .setprice-wrap,
.pop-pro-preview .pro-price-info .disprice-wrap{margin-top:5px}
.pop-pro-preview .pro-price-info .cont-title .cont{font-size:12px}
.pop-pro-preview .pro-price-info .cont-price .local{font-size:14px}
.pop-pro-preview .pro-price-info .cont-price .dollar{font-size:20px}
.pop-pro-preview .pro-price-info .cont-rate .num{font-size:20px;}
.pop-pro-preview .pro-price-info .cont-rate .unit{font-size:12px; padding-top:2px}
.pop-pro-preview .setprice-wrap .cont-price .dollar{font-size:14px}
.pop-pro-preview .disprice-wrap.noshow .cont-price .dollar{font-size:16px}
/* 미리보기 : 옵션 */
.pop-pro-preview .pro-option-wrap{margin-top:0; padding-top:10px}
.pop-pro-preview .pro-option-wrap .accordion-layer .layer-top{height:44px; padding-left:10px}
.pop-pro-preview .accordion-layer .accordion-cont{padding-top:5px}
.pop-pro-preview .option-select .option-img{width:28px; height:28px}
.pop-pro-preview .option-select .option-name{font-size:12px}
.pop-pro-preview .option-list{max-height: 66px;}
.pop-pro-preview .option-list > li{padding:0 10px}
.pop-pro-preview .option-list > li .option-select{height:44px}
/* 미리보기 : 수량 */
.pop-pro-preview .pro-volume-wrap{margin-top:10px; padding-top:10px}
.pop-pro-preview .count-wrap{height:30px}

/* 2024-03-08 : CN몰 주요화면 개편으로 기존 페이지 오류 대응 */
.combination-wrap .cb-head .utillity .btn-border i {font-size:12px;}

/* 24-06-07 */
.pr_wrap.product-top .pro-volume-wrap .count-wrap .fm-text > input:disabled{background-color:#fff; color:#bbb }