@charset "utf-8";

/* 서브헤터 (메인과 구조다름) */
header .sub-hedaer {height:52px; padding:0 16px 0 12px}
header .sub-hedaer .btn-cart {width:24px; height:24px; margin-left:12px}
header .btn-back {width:30px; background: url('../img/icon/Icon_LineArrow.svg') left center no-repeat; background-size: auto}
header .btn-back + .page-title {color:#323232; font-size: 17px; font-weight: 600; line-height: 24px; margin-left:0;}

/* 제품상단 필터 */
.prd-list-filter-inner .total {color:#9A9EA1; font-size: 13px; font-weight: 500; line-height: 16px;}
.prd-list-filter-inner .total span {color:#323232}
.prd-list-filter-inner .extra select {height:32px; font-size:13px; margin:0;}

/* 서브 로케이션 */
.categorySelectUi > .location {border-bottom:1px solid #9A9EA1; background-color: #F9F9F9}
.categorySelectUi > .location > ul {border-bottom:0}
.categorySelectUi > .location > ul > li > a {height:46px}
.categorySelectUi > .locationMenu > ul {padding:9px 0 22px}
.categorySelectUi > .locationMenu > ul > li {border:0; margin:0;}
.categorySelectUi > .locationMenu > ul > li > a {position:relative; display: inline-block; color:#5B5E60; font-size: 14px; font-weight: 500; line-height: 18px; padding:10px 0 8px}
.categorySelectUi > .locationMenu > ul > li.current > a {color:#323232; font-weight: 700;}
.categorySelectUi > .locationMenu > ul > li.current > a::after {content:''; display:block; width:4px; height:4px; position:absolute; right:-4px; top:10px; border-radius:100%; background-color: var(--Primary02, #00AFC8)}

/* 별점 */
.icon_star {position:relative; display:inline-block; width:68px; height:12px; font-size:0; vertical-align:middle; background: url('../img/icon/icon_star.png') no-repeat}
.icon_star::after {content:''; position: absolute; left:0; top:0; display:block; width:0; height:100%; background: url('../img/icon/icon_star_full.png') no-repeat;}
.icon_star.star1::after {width:20%}
.icon_star.star2::after {width:40%}
.icon_star.star3::after {width:60%}
.icon_star.star4::after {width:80%}
.icon_star.star5::after {width:100%}

/* 체크박스 */
.checkbox [type=checkbox] {position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0;}
.checkbox label {position:relative; display: inline-block}
.checkbox label::before {content:''; display: inline-block; width:20px; height:20px; vertical-align:top; box-sizing:border-box;border-radius:4px; border:1px solid #CFD1D2; background: url(../img/icon/Icon_S_Check.png) center center no-repeat;}
.checkbox label:not(.only)::before {margin-right: 10px;}
.checkbox :checked + label::before {border:0; background: var(--Primary02,#00AFC8) url(../img/icon/Icon_S_Check_on.png) center center no-repeat;}

.checkboxblue [type=checkbox] {position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0;}
.checkboxblue label {position:relative; display: inline-block}
.checkboxblue label::before {content:''; display: inline-block; width:20px; height:20px; vertical-align:top; box-sizing:border-box;border-radius:4px; border:1px solid #CFD1D2; background: url(../img/icon/Icon_S_Check.png) center center no-repeat;}
.checkboxblue label:not(.only)::before {margin-right: 10px;}
.checkboxblue :checked + label::before {border:0; background: blue url(../img/icon/Icon_S_Check_on.png) center center no-repeat;}
.checkboxblue label span {box-shadow:inset 0 -9px 0 #B6EF7D;font-size: 4vw;}

/* 라디오 */
.radio [type=radio] {position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0; cursor: pointer;}
.radio label {position:relative; display: inline-block;}
.radio label::before {content:''; display: inline-block; width:20px; height:20px; vertical-align:top; border:1px solid #CFD1D2; border-radius: 100%; background: #fff}
.radio label:not(.only)::before {margin-right: 10px;}
.radio :checked + label::before {border:1px solid var(--Primary02,#00AFC8); background: #fff}
.radio :checked + label::after {position:absolute; left:6px; top:50%; content:''; display:block; width:10px; height:10px; border-radius: 100%; margin-top:-5px; background: var(--Primary02, #00AFC8)}

/* 셀렉트 */
.select {height:auto; color:#5B5E60; font-size: 13px; font-weight: 500; line-height: 16px; padding:8px 12px; border-radius: 6px; border:1px solid #E1E2E3; padding-right:40px; background-color: #fff}

/* 상품 목록 */
.prd_list {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}
.prd_list.col1 {display:block; grid-template-columns: 1fr;}
.prd_list li {width:100%; margin-bottom:16px}
.prd_list .item .thumb {overflow:hidden; position:relative; padding-top:100%; border-radius: 10px 10px 0 0}
.prd_list .item .thumb img {position: absolute; left:50%; top:50%; width:100%; transform: translate(-50%, -50%)}

.prd_list .item .discount_bar a {position:relative; display:flex; align-items: center; justify-content: space-between; height:36px; color:#fff; padding:0 14px; border-radius: 0 0 10px 10px; background-color: #2C396A}
.prd_list .item .discount_bar .text {display:none; color:var(--Primary02,#00AFC8); font-size: 12px; font-weight: 700; line-height: 15px;}
.prd_list .item .discount_bar .text span {color:#fff;}
.prd_list .item .discount_bar .text_min {color:var(--Primary02,#00AFC8); font-size: 11px; font-weight: 600; line-height: 12px;}
.prd_list .item .discount_bar .text_min img {width:23px;}

.prd_list.col1 .item .discount_bar .text {display: inline-block}
.prd_list.col1 .item .discount_bar .text_min {display: none}

.prd_list .item .discount_bar .price {position:relative; display:flex; align-items: center; justify-content: center; width:74px; height:28px; font-size: 13px; font-weight: 700; line-height: 16px; letter-spacing: -0.2px; text-align: center; margin-top:-13px; box-sizing: border-box; filter: drop-shadow(0px 3px 9px rgba(0, 0, 0, 0.60)); background: url('../img/icon/bg_discount_price.svg') no-repeat; background-size: 100% auto}
.prd_list .item .discount_bar .price span {font-size: 11px; font-weight: 700; line-height: 14px; letter-spacing: -0.44px;}

.prd_list.col1 .item .discount_bar .price {width:90px; height:34px;}
.prd_list.col1 .item .discount_bar .price {font-size:15px; line-height:18px;}
.prd_list.col1 .item .discount_bar .price span {font-size:13px;}

.prd_list .item .time {display:flex; align-items: center; margin-top:12px}
.prd_list .item .time .count_box{display: flex; align-items: center;}
.prd_list .item .time .count_box div{display: flex}
.prd_list .item .time span {display: block; height:28px; line-height:27px; color:#fff; font-size: 17px; font-weight: 700; padding:0 5px; border-radius: 5px; margin-right:1px; background-color: #2C396A}
.prd_list .item .time em {display: block; font-weight: 900; margin:0 2px}
.prd_list .item .btn_cart {width:100%; height: 33px; font-size: 13px; font-weight: 500; line-height: 16px; border-radius: 10px; border:1px solid #E1E2E3; margin-top:3px}
.prd_list .item .btn_cart span {display:inline-block; padding-left:24px; background: url('../img/icon/Icon_Cart.svg') left center no-repeat; background-size: auto 17px}
.prd_list .item .title {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word;height:36px!important; color:#323232; font-size: 14px; font-weight: 500; line-height: 18px; margin-top:10px}
.prd_list .item .price_group {display:flex; align-items: flex-start; margin-top:6px; padding-bottom:10px}
.prd_list .item .price_group .discount {color:#FC4A0D; font-size: 15px; font-weight: 700; line-height: 18px; margin-right:6px;}
.prd_list .item .price_group .discount span {font-size:17px; line-height:24px; letter-spacing: -0.2px;}
.prd_list .item .price_group .price {position:relative; font-size: 20px; font-weight: 700; line-height: 25px; letter-spacing: -0.2px;}
.prd_list .item .price_group .price Strong{font-weight: 700;}
.prd_list .item .price_group .price .each {color:var(--Primary02,#00AFC8); font-size: 12px; font-weight: 500; line-height: 15px;}
.prd_list .item .price_group .price_org {display:block; color:#9A9EA1; font-size: 13px; font-weight: 500; line-height: 18px; text-decoration:line-through;}
.prd_list .item .price_group .price_org_no {display:block; color:#9A9EA1; font-size: 13px; font-weight: 500; line-height: 18px; }
.prd_list .item .tag_group {font-size: 0}
.prd_list .item .tag_group span,
.prd_list .item .tag_group img {display: inline-block; vertical-align: middle;}
.prd_list .item .tag_group img {width:auto; height:19px}
.prd_list .item .icon_star {vertical-align:middle; margin-top:6px}
.prd_list .item .count {display:inline-block; color:#5B5E60; font-size: 12px; font-weight: 500; vertical-align:middle; line-height: 15px; margin-top:6px; margin-left:6px;}
.prd_list.img_wide .item .thumb {padding-top:61%}
.prd_list.col1 .item .price_group .price_org {display: inline-block;}

.btn_more {display:block; width:100%; height:48px; border-radius: 10px; border:1px solid var(--Primary02,#00AFC8); margin:30px auto 0;}
.btn_more span {display:inline-block; color:#323232; font-size: 14px; font-weight: 500; line-height: 18px; text-align:center; padding-right:18px; background: url('../img/icon/Icon_S_ArrowDown_orange.svg') right center no-repeat;}

/* 페이징 */
.paginate {text-align:center; margin-top:50px}
.paginate a {display:inline-block; width:40px; height:40px; color:#5B5E60; font-size: 15px; font-weight: 500; line-height: 40px; vertical-align:middle; border-radius: 6px; border:1px solid #E1E2E3; margin:0 2px; background-color: #fff}
.paginate a.on {color:#fff; background-color: #2C396A}
.paginate .btn_first{font-size:0; background:#fff url('../img/icon/Icon_S_ArrowLast.png') center center no-repeat; transform: rotate(180deg)}
.paginate .btn_prev{font-size:0; background:#fff url('../img/icon/Icon_S_Arrow.png') center center no-repeat; transform: rotate(180deg)}
.paginate .btn_next{font-size:0; background:#fff url('../img/icon/Icon_S_Arrow.png') center center no-repeat}
.paginate .btn_last {font-size:0; background:#fff url('../img/icon/Icon_S_ArrowLast.png') center center no-repeat}

/* 상품 상세 */
.detail-wrap {padding:60px 0 100px}
.detail-wrap .prd-wrap {margin-bottom:150px}
.detail-wrap .prd-wrap .img-area {width:540px}
.detail-wrap .prd-wrap .img-area .gallery-top .swiper-slide {overflow:hidden; height:540px; border-radius: 10px}
.detail-wrap .prd-wrap .img-area .gallery-thumbs {margin:8px 49px 0}
.detail-wrap .prd-wrap .img-area .gallery-thumbs .swiper-slide {overflow:hidden; width:90px; height:90px; border-radius: 6px; opacity:0.8}
.detail-wrap .prd-wrap .img-area .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {opacity: 1}
.detail-wrap .prd-wrap .img-area .gallery-thumbs .swiper-slide::before {width:88px; height:88px; border-radius: 6px; }
.detail-wrap .prd-wrap .img-area .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before {border-color:#323232}
.detail-wrap .prd-wrap .img-area .gallery-thumbs .ratio::before {width:90px; height:90px; padding:0;}
.detail-wrap .prd-wrap .img-area .gallery-thumbs .ratio {width:90px;}
.detail-wrap .prd-wrap .img-area .gallery-thumbs .ratio img {min-height:auto;}
.detail-wrap .prd-wrap .img-area .swiper-wrap .swiper-button-next,
.detail-wrap .prd-wrap .img-area .swiper-wrap .swiper-button-prev {width:24px; height:24px; top:auto; bottom:33px;}
.detail-wrap .prd-wrap .img-area .swiper-wrap .swiper-button-next::after,
.detail-wrap .prd-wrap .img-area .swiper-wrap .swiper-button-prev::after {position:absolute; left:0; top:0; width:24px; height:24px; background: url('../img/icon/Icon_Arrow.svg') center center no-repeat;}
.detail-wrap .prd-wrap .img-area .swiper-wrap .swiper-button-prev::after {transform: rotate(180deg)}

/* [S] 상품 상세 (우측 주문정보) */
.detail-wrap .prd-wrap .info-area {width:600px}
.detail-wrap .prd-wrap .info-area .detail-top {margin:0 0 20px 0}
.detail-wrap .prd-wrap .info-area .detail-top .brd-thum p {position:relative; margin-left:0;}
.detail-wrap .prd-wrap .info-area .detail-top .brd-thum p::after {content:''; display:inline-block; vertical-align: middle; margin-left:5px; border-left:4px solid #5B5E60; border-top:3px solid transparent; border-bottom:3px solid transparent}

.detail-wrap .prd-wrap .info-area .detail-top .btn-group .btn-share {background: url('../img/icon/Icon_Share.svg') center center no-repeat;}
.detail-wrap .prd-wrap .info-area .detail-top .btn-group .btn-wish {background: url('../img/icon/Icon_Like.svg') center center no-repeat;}
.detail-wrap .prd-wrap .info-area .detail-top .btn-group .btn-wish.on {background: url('../img/icon/Icon_Like_on.svg') center center no-repeat;}

.detail-wrap .prd-wrap .info-area .name {color:#323232; font-size: 24px; font-weight: 500; line-height: 30px; letter-spacing: -0.24px;}
.detail-wrap .prd-wrap .info-area .name .sub_name {color:var(--Primary02,#00AFC8); font-size: 15px; font-style: normal; font-weight: 500; line-height: 18px; margin-bottom:4px}
.detail-wrap .prd-wrap .prd-price {align-items:center; margin-top:16px}
.detail-wrap .prd-wrap .prd-price .price {color:#323232; font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: -0.24px;}

.detail-wrap .prd-wrap .prd-price .discount {color:var(--Primary02,#00AFC8); font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: -0.24px; margin-left:8px}
.detail-wrap .prd-wrap .prd-price .price-org {color:#9A9EA1; font-size: 17px; font-weight: 400; line-height: 24px; text-decoration: line-through; margin-left:8px}

.detail-wrap .prd-wrap .pers-idx-benefit {border-top:1px solid #9A9EA1}
.detail-wrap .prd-wrap .pers-idx-benefit .row > dt {width:140px;color:#323232; font-size: 15px; font-weight: 400; line-height: 18px;}

.detail-wrap .prd-wrap .pers-idx-benefit .title {color:#323232; font-size: 15px; font-weight: 700; line-height: 18px;}
.detail-wrap .prd-wrap .pers-idx-benefit .accordion-title::after {display: none}

.detail-wrap .prd-wrap .pers-point dl {padding: 12px 20px; border-radius:10px; background-color: #f9f9f9}
.detail-wrap .prd-wrap .pers-point dt {color:#5B5E60; font-size: 15px; font-weight: 400; line-height: 18px;}
.detail-wrap .prd-wrap .pers-point dl + dl {margin-top:2px}
.detail-wrap .prd-wrap .pers-point dd {color:#323232; font-size: 15px; font-weight: 500; line-height: 18px; }
.detail-wrap .prd-wrap .btn-tooltip {width:20px; height:20px; background: url('../img/icon/Icon_Question.svg') center center no-repeat;}
.detail-wrap .prd-wrap .pers-idx-benefit .accordion-panel {width:auto; margin-left:-140px}
.detail-wrap .prd-wrap .accordion-panel > div li::before {display: none}
.detail-wrap .prd-wrap .ly-tooltip {padding:18px 20px; border:1px solid #323232}
.detail-wrap .prd-wrap .ly-tooltip h3 {margin-bottom:18px}
.detail-wrap .prd-wrap .tooltip-conts {padding-top:18px; border-top:1px solid #E1E2E3}
.detail-wrap .prd-wrap .accordion-panel > div li span {color:#5B5E60; font-size: 15px; font-weight: 400; line-height: 18px;}
.detail-wrap #contentGoodsDtlGoodsDefaultBox div.ly-tooltip .btn-closed {background: url('../img/icon/Icon_Close_Black.svg') center center no-repeat; background-size: 18px auto}
.detail-wrap .prd-wrap .pers-idx-benefit .idx-premium {position:relative; justify-content: flex-start; align-items: center; color:#323232; font-size: 15px; font-weight: 400; line-height: 18px; padding-left:11px;}
.detail-wrap .prd-wrap .pers-idx-benefit .idx-premium::before {content:''; position:absolute; left:0; top:10px; display:block; width:3px; height:3px; border-radius:100%; background-color: #323232}
.detail-wrap .prd-wrap .pers-idx-benefit .idx-premium .btn-tx {position:relative; color:var(--Primary02,#00AFC8); border-bottom:0; margin-left:4px; margin-top:0; padding-right:15px; padding-left:0px; background: url('../img/icon/Icon_S_Arrow_orange.svg') right center no-repeat}
.detail-wrap .prd-wrap .pers-idx-benefit .idx-premium .btn-tx::before {display: none}
.detail-wrap .prd-wrap .pers-idx-benefit .idx-premium .btn-tx::after {display: none}
.detail-wrap .prd-wrap .pers-idx-benefit .btn-tx {position: relative; color:#323232; font-size: 15px; font-weight: 400; line-height: 18px; padding-left:11px; padding-right:16px; border-bottom:0; margin-top:10px; background: none}
.detail-wrap .prd-wrap .pers-idx-benefit .btn-tx::before {content:''; position:absolute; left:0; top:10px; display:block; width:3px; height:3px; border-radius:100%; background-color: #323232}
.detail-wrap .prd-wrap .pers-idx-benefit .btn-tx::after {content:''; position:absolute; right:0; top:50%; display:block; width:12px; height:12px; margin-top:-6px; background:url('../img/icon/icon_plus_minus.png') no-repeat; background-position: 0 -14px}
.detail-wrap .prd-wrap .pers-idx-benefit .row > dd {font-size: 15px; font-weight: 700; line-height: 18px;}

.detail-wrap .prd-wrap .pers-idx-benefit .accordion-panel > div {padding-left:140px}
.detail-wrap .prd-wrap .pers-idx-benefit .open + .accordion-panel > div::after {background-color: #9A9EA1}
/* [E] 상품상세 (우측 주문정보) */

/* [S] 상품상세 (옵션공통) */
.detail-wrap .option-area .opt-basic {padding-top:25px; margin-top:12px; border-top:1px solid #9A9EA1}
.detail-wrap .option-area .opt-basic dl + dl {margin-top:2px;}

.detail-wrap .option-area .tit {color:#323232; font-size: 15px; font-weight: 400; line-height: 18px;}
.detail-wrap .option-area .opt-group dl {padding:14px 22px; border-radius: 10px; background-color: #F9F9F9}

.detail-wrap .option-area .opt-group dl dt {color:#5B5E60; font-size: 15px; font-weight: 400; line-height: 18px; padding-top:6px}
.detail-wrap .option-area .opt-group .radio label {height:30px; color:#323232; font-size: 15px; font-weight: 500; line-height: 29px; border:1px solid #E1E2E3; border-radius: 6px; padding:0 12px;}
.detail-wrap .option-area .opt-group .radio :checked + label {color:#fff; font-weight: 700; background-color: #2C396A}
.detail-wrap .option-area .opt-group .radio :checked + label::after {display: none}
.detail-wrap .option-area .opt-group .radio :disabled + label {color:#CFD1D2; background-color: #E1E2E3}

.detail-wrap .opt-selected {margin-top:2px; padding:0; margin-top:24px; border-top:1px solid #9A9EA1}
.detail-wrap .opt-selected li {padding:14px 40px 14px 22px; border-radius: 10px; background-color: #F9F9F9}
.detail-wrap .opt-selected li:first-child {margin-top:25px}
.detail-wrap .opt-selected li + li {margin-top:2px}
.detail-wrap .opt-selected li .opt-txt {color:#5B5E60; font-size: 15px; font-weight: 400; line-height: 18px; padding-top:6px}
.detail-wrap .opt-selected li .price {color:#323232; font-size: 15px; font-weight: 700; line-height: 18px;}

.detail-wrap .opt-selected li .prd-spinner {border-radius: 6px}
.detail-wrap .opt-selected li .prd-spinner .btn-minus,
.detail-wrap .opt-selected li .prd-spinner .btn-plus {position:relative; width:30px; height:30px; background: none}
.detail-wrap .opt-selected li .prd-spinner .btn-minus::after,
.detail-wrap .opt-selected li .prd-spinner .btn-plus::after {content:''; position: absolute; left:50%; top:50%; display:block; width:12px; height:12px; margin:-6px 0 0 -6px; background: url('../img/icon/icon_plus_minus.png') 0 -28px no-repeat; }
.detail-wrap .opt-selected li .prd-spinner .btn-plus::after {background-position: 0 -14px}

.detail-wrap .info-area .price-area {margin-top:16px}
.detail-wrap .info-area .price-area dl dt,
.detail-wrap .info-area .price-area dl dd {color:#323232; font-size: 15px; font-weight: 700; line-height: 18px;}
.detail-wrap .info-area .price-area dl dd strong {font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: -0.24px;}
/* [E] 상품상세 (옵션공통) */

.detail-wrap .prd-wrap .info-area .btn-group {display: flex}
.detail-wrap .prd-wrap .info-area .btn-group .btn {width:50%; min-width:auto; height:60px; color:#fff; font-size: 20px; font-weight: 700;line-height: 25px; letter-spacing: -0.2px; padding-left:0}
.detail-wrap .prd-wrap#contentGoodsDtlGoodsDefaultBox div.btn-group button {padding-left:0;}
.detail-wrap .prd-wrap .info-area .btn-group .btn.blackline {color:#fff; background: #2C396A}
.detail-wrap .prd-wrap .info-area .btn-group .btn.blackline::before {display: none}
.detail-wrap .prd-wrap .info-area .btn-group .btn.lg.primary {border:0; background: var(--Primary02, #00AFC8);}
.detail-wrap .prd-wrap .info-area .btn-group .btn.lg.primary::before {display: none}

.detail-wrap .prd-wrap .coupon-price {margin-top:6px}
.detail-wrap .prd-wrap .coupon-price .price {color:#323232; font-size: 17px; font-weight: 600; line-height: 24px; margin-right:6px;}
.detail-wrap .prd-wrap .coupon-price #goodsCpnPriceInfo {position:relative;min-width:auto; height:19px; line-height:19px; font-size: 13px; font-weight: 700; border-radius: 0; padding:0; margin:0 6px; background-color: var(--Primary02, #00AFC8)}
.detail-wrap .prd-wrap .coupon-price #goodsCpnPriceInfo::before {content:''; position:absolute; left:-6px; top:0; display:block; width:6px; height:19px; background: url('../img/icon/coupon_shape.png') no-repeat;}
.detail-wrap .prd-wrap .coupon-price #goodsCpnPriceInfo::after {content:''; position:absolute; right:-6px; top:0; display:block; width:6px; height:19px; background: url('../img/icon/coupon_shape.png') no-repeat; transform: rotate(180deg)}


/* 상품상세 (하단 디테일) */
.detail-wrap .detail-tab {border-bottom: 2px solid #323232}
.detail-wrap .detail-tab li {width:auto; margin-right:60px}
.detail-wrap .detail-tab li a {color:#323232; font-size: 20px; font-weight: 600; line-height: 25px; letter-spacing: -0.2px; padding:15px 0}
.detail-wrap .detail-tab li a span {font-weight: 400}
.detail-wrap .detail-tab li.on > a {color:var(--Primary02,#00AFC8);}

.detail-wrap .opt-selected li .prd-spinner .btn-minus,
.detail-wrap .opt-selected li .prd-spinner .btn-plus {position:relative; width:30px; height:30px; background: none}
.detail-wrap .opt-selected li .prd-spinner .btn-minus::after,
.detail-wrap .opt-selected li .prd-spinner .btn-plus::after {content:''; position: absolute; left:50%; top:50%; display:block; width:12px; height:12px; margin:-6px 0 0 -6px; background: url('../img/icon/icon_plus_minus.png') 0 -28px no-repeat; }
.detail-wrap .opt-selected li .prd-spinner .btn-plus::after {background-position: 0 -14px}

.detail-wrap .aside-wrap .accordion-title {display: none}
.detail-wrap .aside-wrap .opt-basic dl {padding:14px 22px; border-radius: 10px; margin-top:0; background-color: #F9F9F9}
.detail-wrap .aside-wrap .opt-basic dl + dl {margin-top:2px}
.detail-wrap .aside-wrap .radio label {height:30px; color:#323232; font-size: 15px; font-weight: 500; line-height: 29px; border:1px solid #E1E2E3; border-radius: 6px; padding:0 12px;}
.detail-wrap .aside-wrap .radio :checked + label {color:#fff; font-weight: 700; background-color: #2C396A}
.detail-wrap .aside-wrap .radio :checked + label::after {display: none}
.detail-wrap .aside-wrap .opt-selected ul li .opt-txt {color:#5B5E60; font-size: 15px; font-weight: 400; line-height: 18px;}
.detail-wrap .aside-wrap .price-list {margin-top:16px}
.detail-wrap .aside-wrap .price-list dl.total  dt,
.detail-wrap .aside-wrap .price-list dl.total  dd {color:#323232; font-size: 15px; font-weight: 700; line-height: 18px;}
.detail-wrap .aside-wrap .price-list dl.total dt > strong {font-weight: 700}
.detail-wrap .aside-wrap .price-list dl.total  dd strong {font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: -0.24px;}
.detail-wrap .aside-wrap .price-list dl.total .tx-sm {font-size:15px; font-weight: 700}

.detail-wrap .aside-wrap .inner-wrapper-sticky .scroll-wrap {margin:0; }
.detail-wrap .aside-wrap .inner-wrapper-sticky .scroll-wrap.mCustomScrollbar .mCSB_container {padding-right:0}
.detail-wrap .aside-wrap .inner-wrapper-sticky .scroll-wrap .opt-group {margin-top:0}

.detail-wrap .aside-wrap .inner-wrapper-sticky .btn-group {display: flex; flex-wrap: nowrap; padding-top:20px}
.detail-wrap .aside-wrap .inner-wrapper-sticky .btn-group .btn {width:50%; min-width:auto; height:50px; color:#fff; font-size: 20px; font-weight: 700; letter-spacing: -0.2px; padding-left:0}
.detail-wrap .aside-wrap .inner-wrapper-sticky .btn-group .btn + .btn {margin-left:8px !important}
.detail-wrap .aside-wrap .inner-wrapper-sticky .btn-group .btn.blackline {color:#fff; background: #2C396A}
.detail-wrap .aside-wrap .inner-wrapper-sticky .btn-group .btn.lg.primary {border:0; background: var(--Primary02, #00AFC8);}
.detail-wrap .aside-wrap .inner-wrapper-sticky .btn-group .btn.lg.primary::before {display: none}

.detail-wrap .aside-wrap .inner-wrapper-sticky button#btnGoodsDtlCartSide::before {display: none}
.detail-wrap .aside-wrap .inner-wrapper-sticky div.btn-group button#btnGoodsDtlOrderSide::before {display: none !important}

.detail-wrap .prd-info-type + .prd-notice {margin-top:0;}
.detail-wrap .prd-detail .btn-more {display:flex; align-items:center; justify-content:center; width:100%; color:#323232; font-size: 15px; font-weight: 500; border-radius: 10px; border:1px solid var(--Primary02, #00AFC8)}
.detail-wrap .prd-detail .btn-more::after {width:12px; height:12px; margin:0 0 0 6px; background:url('../img/icon/Icon_S_ArrowDown_orange.svg') no-repeat}

.detail-wrap .unit-title {color:#323232; font-size:24px; font-weight:500;}
.detail-wrap .tb-default th, .tb-default td {padding:20px 16px}
.detail-wrap .tb-default th {color:#323232; font-size:15px; font-weight:500; background-color:#F9F9F9}


.detail-wrap .write_box {display:flex; justify-content: space-between; align-items: center; padding:19px 35px; border-radius: 10px; border:1px solid #E1E2E3}
.detail-wrap .write_box .unit-title {margin-bottom:0}
.detail-wrap .write_box .btn {min-height:20px; color:#323232 !important; font-size: 15px; font-weight: 700; line-height: 20px; padding-left:26px; border-bottom:0 !important; background: url('../img/icon/Icon_Review.svg') left center no-repeat}
.detail-wrap .write_box.qna .btn {background: url('../img/icon/Icon_Inquiry.svg') left center no-repeat;}

.detail-wrap .review_star {color:#323232; font-size: 32px; font-weight: 300; line-height: 42px; letter-spacing: -0.32px; margin-top:25px; padding-left:34px; background: url('../img/icon/Icon_S_Star.svg') left center no-repeat}
.detail-wrap .review_star span {font-weight:700;}

.detail-wrap .sort_box {border-bottom:1px solid #5B5E60}
.detail-wrap .sort_box > table td a {color:#323232; font-size: 15px; font-weight: 400; line-height: 18px;}

.detail-wrap .sort_box .sort {font-size:0}
.detail-wrap .sort_box .sort a {opacity:0.5; color:#5B5E60; font-size: 13px; font-weight: 500; line-height: 16px;}
.detail-wrap .sort_box .sort a.on {opacity: 1}
.detail-wrap .sort_box .sort a + a {padding-left:10px; margin-left:10px; border-left:1px solid #CFD1D2}

/* [S] 상품상세 (상품리뷰) */
.detail-wrap .qna-list li {border-bottom:0; padding:0}
.detail-wrap .qna-list > li {border-bottom:1px solid #E1E2E3; padding:20px 0}
.detail-wrap .qna-list li .top-info .info .thumb {overflow:hidden; position:relative; display: block; width:32px; height:32px; border-radius: 4px; margin-right:10px;}
.detail-wrap .qna-list li .top-info .info .thumb img {object-fit: cover; position:absolute; left:0; top:0; width:100%; height:100%; }
.detail-wrap .qna-list li .top-info .info .name {color:#9A9EA1; font-size: 14px; font-weight: 500; line-height: 18px; margin-left:10px}
.detail-wrap .qna-list li .top-info .info .date {color:#9A9EA1; font-size: 14px; font-weight: 500; line-height: 18px; margin-left:10px; padding-left:10px; border-left:1px solid #CFD1D2}
.detail-wrap .qna-list li {position:relative;}
.detail-wrap .qna-list li .acd-box .accordion-title {position: static}
.detail-wrap .qna-list li .acd-box .accordion-title::after {right:10px; top:27px; width:12px; height:12px; background: url('../img/icon/Icon_S_ArrowDown.svg') no-repeat}
.detail-wrap .qna-list li .acd-box .accordion-title .title {color:#323232; font-size: 17px; font-weight: 600; line-height: 24px; }
.detail-wrap .qna-list li .acd-box .accordion-panel {color:#5B5E60; font-size: 15px; font-weight: 400; line-height: 22px;}
.detail-wrap .qna-list li .upload_img {margin-left:-4px; margin-top:16px}
.detail-wrap .qna-list li .upload_img li {margin-left:4px;}
.detail-wrap .qna-list.no-data {color:#9A9EA1; font-size: 20px; font-weight: 400; line-height: 25px; letter-spacing: -0.2px; padding:148px 0}
.detail-wrap .qna-list .top-info .btn-group {z-index:10; position: relative; right:52px}
.detail-wrap .qna-list + .paging {margin-top:30px}
/* [E] 상품상세 (상품리뷰) */

/* [S] 상품상세 (상품문의) */
.detail-wrap .qna-list .ico-en {font-family: Pretendard; font-size:20px}
.detail-wrap .qna-list .flag {width:65px; height:22px; line-height: 22px; font-size: 13px; font-weight: 700; text-align: center; padding:0; border-radius: 22px; border: 1px solid var(--Primary02, #00AFC8); background: none}
.detail-wrap .qna-list .flag.wait {color:var(--Primary02, #00AFC8); background: #fff}
.detail-wrap .qna-list .flag.end {color:#fff; border:0; background: #2C396A}
.detail-wrap .qna-list .flag.re {width:auto; padding:0 10px; background-color: var(--Primary02, #00AFC8)}
.detail-wrap .qna-list .re-box {margin:20px 0 0; padding:24px; border-radius: 10px; background-color: #f9f9f9}

.detail-wrap .qna-list .btn-tx {color:#9A9EA1; font-size: 13px; font-weight: 500; line-height: 16px; border-bottom:0}
.detail-wrap .qna-list .btn-tx + .btn-tx {position:relative; margin-left:10px; padding-left:10px;}
.detail-wrap .qna-list .btn-tx + .btn-tx::before {content:''; position:absolute; left:0; top:50%; display:block; width:1px; height:12px; margin-top:-6px; background: #CFD1D2}
/* [S] 상품상세 (상품문의) */

.bottomFloating-button {padding: 5px;  position: fixed; left: 0; bottom: 0; background-color: #fff}
.bottomFloating-button button {color:#fff; font-size:17px; border-radius: 10px; background-color: var(--Primary02, #00AFC8)}

/* 레이어팝업 */
.layerPop .unitList .thumb::before {padding-top:100%}
.layerPop .unitList .thumb img {object-fit: cover}
.layerPop .btnWrap .blackSolid {font-size:14px}


/* 상품주문 */
.order-wrap {padding-bottom:100px}

.unitList-orderGoodsInfo.horizontal > ul > li .thumb {width:84px; height:84px}
.unitList-orderGoodsInfo.horizontal > ul > li .thumb::before {padding-top:100%;}


/* 마이페이지 */
.mybaba > section {padding-bottom:20px;}
.mybaba .unitList-orderGoodsInfo.horizontal > ul > li .thumb {width:84px; height:84px}

.mybaba .wish_list {padding-top:20px}
.mybaba .wish_list > .prd_list > li {position: relative}
.mybaba .wish_list > .prd_list > li .headerWrap {position: relative; padding-bottom:10px}
.mybaba .wish_list > .prd_list > li .headerWrap .basketIn {position: absolute; right:30px; top:0; width: 20px; height: 20px; border-bottom:0; background: url(../img/tobeCart1.svg) no-repeat center;background-size: 30px auto; font-size:0; text-indent: -10000px;}
.mybaba .wish_list > .prd_list > li .btn-del {position: absolute; right: 0; top: 0; background: url(../img/close.png) no-repeat center; background-size: 14px auto; font-size:0; text-indent: -10000px; width: 21px; height: 21px;}