/* 초기화 */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight: normal;}
.premium_wrap {overflow:hidden; position:relative;}
.premium_wrap * {font-weight:normal; letter-spacing: -1px;}
.premium_wrap .iworks_title {color: #3a3a3a; font-size: 17px; font-family: 'noto-B'; font-weight: normal;}
.premium_wrap .iworks_title_div_box {display: flex; align-items: center; gap: 10px; margin-bottom: 15px;}

/* 상품비교 하단버튼 */
.comparison {display:none; width:100%; padding: 16px; position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:200; background:#fff; border-radius: 20px 20px 0 0; box-sizing: border-box; box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.08);}
.comp_btn {width:100%; height:45px; margin:0 auto;}
/*.comparison .comparison_count {width:140px; height:45px; margin-right:10px; background:#0d6de3; border-radius: 25px; font-size:16px; font-family: 'noto-M'; font-weight:normal; color:#fff; float:left;}*/
.comparison .comparison_count span {font-size:16px; font-family: 'noto-M'; color:#fff;}
/*.comparison .comparison_x {width:45px; height:45px; background:#3a3a3a; border-radius: 50%; float:left; position:relative;}*/
/*.comparison .comparison_x::before {content:'';width:30px; height:30px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x.png') center center/contain no-repeat; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}*/
.comparison.display {display:block;}


/* 카드혜택 팝업 */
.detail_popzone {width:100%; height:100%; position:fixed; bottom:0; left:0; background:rgba(0,0,0,0.7); z-index:105; transition:all 0.2s; display:none;}
.detail_popzone.on {display:block;}
.detail_popup_tit {padding:27px 0 23px; margin:0 20px; }
.detail_popup_tit h2 {color:#1a1a1a; font-family:'noto-B'; font-size:20px; text-align:center; word-break: keep-all;}
.detail_popup_tit a {display:block; width:30px; height:30px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png') center center/contain no-repeat; position:Absolute; top:26px; right:15px;}
.detail_tab_popup {width: 100%; height:0; position:absolute; bottom: 0; left: 0; background: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px;}
.detail_popzone4.on .detail_tab_popup {height:85vh;}
.detail_tab {margin-bottom:20px; padding:0 16px; box-sizing: border-box;}
.detail_tab ul {width:100%; background:#e8e8e8; border-radius:28px; overflow:hidden;}
.detail_tab ul li {float:left; width:50%; height:45px; line-height:45px; border-radius:28px; text-align: center; font-size:17px; font-family:'noto-M'; font-weight: normal; color:#949494;}
.detail_tab ul li.on {background:#0d6de3; color:#fff;}
.detail_tab_cont {padding:0 16px; margin-bottom:35px; box-sizing:border-box;}
.detail_tab_cont ul li {display:none;}
.detail_tab_cont ul li.on {display:block;}
.detail_tab_cont p {font-size: 15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; text-align:center; margin:0 0 17px;}
.detail_tab_cont table {width:100%; text-align:center; margin:10px 0; border:none;}
.detail_tab_cont table.first {margin:10px 0 20px;}
.detail_tab_cont table tr { border-top:1px solid #f2f2f2;}
.detail_tab_cont table tr:last-child {border-bottom:1px solid #f2f2f2;}
.detail_tab_cont table tr th {text-align: center; padding:10px 0; background:#fafafa; font-size: 14px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a;}
.detail_tab_cont table tr td {text-align: center; padding:10px 0; font-size: 14px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a;}
.detail_tab_cont table tr th:nth-child(1), .detail_tab_cont table tr td:nth-child(1) {width:120px; border-right:1px solid #f2f2f2;}
.detail_tab_cont h6 {font-size:14px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; margin:4px 0 0; line-height:20px;}
.detail_tab_cont .couponzone {height:400px; overflow-y:scroll;}
.detail_tab_cont .couponzone .coupon_pop {width:100%; margin-bottom:10px; padding:24px 0 25px 30px; border-radius:10px; border: solid 1px #d8d8d8; box-sizing: border-box; position:relative; overflow:hidden;}
.detail_tab_cont .couponzone .coupon_pop::before {content:''; width:50px; height:100%; background:#e8e8e8; position:absolute; top:0; right:0;}
.detail_tab_cont .couponzone .coupon_pop::after {content:'COUPON'; width:80px; height:22px; letter-spacing:2.5px; font-size:15px; font-family:'noto-B'; font-weight: normal; color:#bcbcbc; position:absolute; top:52px; right:-18px; transform:rotate(-90deg);}
.detail_tab_cont .couponzone .coupon_pop h3 {font-size:18px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a;}
.detail_tab_cont .couponzone .coupon_pop h4 {font-size:17px; font-family:'noto-B'; font-weight: normal; color:#0d6de3;}
.detail_tab_cont .couponzone .coupon_pop h5 {margin-top:10px; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#949494;}
.detail_tab_cont .cardzone {margin:0 0 12px; width:100%; border-radius: 10px; border:1px solid #d8d8d8; overflow:hidden;}
.detail_tab_cont .cardzone .cardzone_tit {width:100%; height:50px; background:#eef8ff;}
.detail_tab_cont .cardzone .cardzone_tit h2 {line-height:46px; font-size:16px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a; position:relative;}
.detail_tab_cont .cardzone .cardzone_tit h2 span { margin:0 10px 0 25px; padding:5px 11px; font-size:13px; font-family: 'noto-R'; font-weight:normal; color:#fff; background:#1a1a1a; border-radius: 5px;}
.detail_tab_cont .cardzone .cardzone_tit h2 a {display:block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_rightbtn.png') center center/contain no-repeat; position:absolute; top:50%; right:16px; transform:translateY(-50%);}
.detail_tab_cont .cardzone .cardscroll {width:100%; height:auto; max-height:330px; overflow:hidden; overflow-y:scroll;}
.detail_tab_cont .cardzone .cardzone_cont {padding:15px 25px 0; }
.detail_tab_cont .cardzone .cardzone_cont dl {overflow:hidden; margin-bottom:10px;}
.detail_tab_cont .cardzone .cardzone_cont dl dt {float:left; font-size:14px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a;}
.detail_tab_cont .cardzone .cardzone_cont dl dd {float:right; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#949494;}
.detail_tab_cont .cardzone .cardzone_cont dl.total {margin:20px 0;}
.detail_tab_cont .cardzone .cardzone_cont dl.total dt {font-size:17px; font-family:'noto-B';}
.detail_tab_cont .cardzone .cardzone_cont dl.total dd {font-size:17px; font-family:'noto-B'; color:#f14738;}
.detail_tab_cont .cardzone_notice {width:100%; padding:15px 25px; background:#fafafa; word-break:break-all; text-align:left; box-sizing: border-box;}
.detail_tab_cont .cardzone_notice p {padding-left:5px; margin:0 0 3px 0; font-size:14px; color:#949494; text-align:left; position:relative; line-height:20px;}
.detail_tab_cont .cardzone_notice p::before {content:''; width:2px; height:2px; background:#949494; position:absolute; top:10px; left:0;}
.detail_tab_cont .cardzone_notice2 {width:100%; padding:2px 0 12px; word-break:break-all; text-align:left; box-sizing: border-box;}
/* 무이자할부 탭 */
.detail_tab_cont .paytab {margin-bottom:8px; padding:13px 16px; background:#f9f9f9; border:2px solid #f9f9f9; border-radius: 15px; box-sizing: border-box; transition:all 0.2s;}
.detail_tab_cont .paytab.on {border:2px solid #0D6DE3; background:#fff;}
.detail_tab_cont .paytab.on h5 {color:#0d6de3;}
.detail_tab_cont .paytab.on .paytabtit h3 {display: flex; }
.detail_tab_cont .paytab.on .oevent {display: block;}
.detail_tab_cont .paytabtit {display: flex; justify-content: space-between; align-items: center; width:100%;}
.detail_tab_cont .paytabtit h5 {width:calc(100% - 111px);}
.detail_tab_cont .paytabtit h3 {display: none; align-items: center; gap:4px; height:30px;}
.detail_tab_cont .paytabtit h3 span {display: inline-flex; align-items: center; justify-content: center; height:28px; padding:0 8px; border:1px solid #d8d8d8; font-size:12px; font-family:'noto-R'; font-weight: normal; color:#3A3A3A; border-radius:5px; box-sizing: border-box; transition:all 0.3s;}
.detail_tab_cont .paytabtit h3 span.on {border:1px solid #3a3a3a;}
.detail_tab_cont .oevent {overflow:hidden; margin:12px 0 0; display: none;}
.detail_tab_cont .oevent .onofftab {max-height:320px; overflow-y:scroll;}
.detail_tab_cont .oevent .onofftab h2 {font-size:16px; font-family: 'noto-M'; font-weight:normal; color:#3a3a3a;}
.detail_tab_cont .oevent .onofftab table tr th, .detail_tab_cont .oevent .onofftab table tr td {border-right:none;}
.detail_tab_cont .oevent .onofftab td.card img {display:block; width:auto; height:25px; margin:0 auto;}
.detail_tab_cont .oevent .onofftab>div {display:none;}
.detail_tab_cont .oevent .onofftab>div.on {display:block;}
.detail_tab_cont .noevent {margin:35px 0 48px;}
.detail_tab_cont .cardzone{box-sizing: border-box;}
.detail_tab_cont .cardzone .cardzone_tit h2{line-height: 50px;}
.detail_tab_cont .cardzone .cardzone_notice{margin-top: 20px;}
.detail_tab_cont .cardzone .cardzone_tit h2 span.card_icon { background: transparent; display: inline-block; width: 44px; padding: 0; height: 25px; vertical-align: middle; margin-top: -2px; font-size: 0; line-height: 0; }
.detail_tab_cont .cardzone .cardzone_tit h2 span.card_icon img{width: 100%;}
.detail_tab_cont  li.cardDiscountEvt{ overflow: auto; height: auto; max-height: calc( 85vh - 165px); box-sizing: border-box;}
.detail_tab_cont .cardzone .cardzone_cont dl.total  { margin: 20px 0 0; }

/* 리스트 없을 때 */
.rec_no_list {width: 100%; padding: 10vh 0; text-align: center; background:#fff;}
.rec_no_list span {display: inline-block; width: 42px; height: 42px; margin-bottom: 12px;}
.rec_no_list span > img {width: 100%; display: block;}
.rec_no_list p { line-height: 20px;}
.rec_no_list .ntRB14 {color: #959595;}

/* 230703 99125 혜택안내배지개선 */
.pre_area5 .pre_pro_wrap>li .pre_imgbox .bats {width:35px; height:100%; position:absolute; top:0; right:5px;}
.pre_area5 .pre_pro_wrap>li .pre_imgbox .bats::before {display: none;}
.pre_area5 .pre_pro_wrap>li .pre_imgbox .bats .bats_icon {display: block; width:35px; height:35px; position:absolute;}
.pre_area5 .pre_pro_wrap>li .pre_imgbox .bats .bats_icon img {width:100%; height:100%}
.pre_area5 .pre_pro_wrap>li .pre_imgbox .bats .bats_icon:nth-child(1) {top:5px;}
.pre_area5 .pre_pro_wrap>li .pre_imgbox .bats .bats_icon:nth-child(2) {top:50%; transform:TranslateY(-50%);}
.pre_area5 .pre_pro_wrap>li .pre_imgbox .bats .bats_icon:nth-child(3) {bottom:5px;}

/* 230918 토스페이 프로모션 43940 - 플로팅 배너 */
.right_bottom_floating {width:170px; margin-bottom: 10px; background: rgba(0, 0, 0, 0.8); border-radius: 13px 0 0 13px; box-sizing: border-box; position:fixed; right:0; bottom:250px; z-index:99;}
.right_bottom_floating a {display:block;}
.right_bottom_floating a img {display:Block; width:100%;}
.right_bottom_floating a.closeX {width:22px; height:22px; position:absolute; top:8px; right:5px; text-align: center; background:#000; border-radius: 50%;}
.right_bottom_floating a.closeX svg {margin-top:3px;}

/* 상품리스트 행사배지 */
.pre_area5 .pre_pro_wrap>li .bat_box{display: flex; gap: 3px; flex-wrap: wrap; margin-top:10px;}
.pre_area5 .pre_pro_wrap>li .bat_box .tag {display: inline-block; padding: 4px 8px; background: #FAFAFA; border-radius: 5px; color: #6C6C6C; font-family: 'noto-M'; font-size: 12px;}

/* 프리미엄, 아이웍스, 추천조립PC 상단 공통배너 */
.top_swiper {width:100%;}
.top_swiper .swiper-slide>div {width:100%; height:60px;}
.top_swiper .evt49952_bnr {background:#0A0844;}
.top_swiper .evt48744_bnr {background: #DBFFD1;}
.top_swiper .swiper-slide>div .txt_wrap {padding: 20px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.top_swiper .txt_wrap p {position:relative; z-index: 1;}
.top_swiper .txt_w {color:#fff;}
.top_swiper .ban_bg {width: 120px; height: 120px; border-radius: 50%; background:#949494; position: absolute; top: 5px; right: 15px;}
.top_swiper .ban_bg::before {content:''; width:60px; height:60px; border-radius: 50%; background:#fff; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}
.top_swiper .evt49952_bnr .ban_bg {background:#15125A;}
.top_swiper .evt49952_bnr .ban_bg::before {background:#0A0844;}
.top_swiper .evt48744_bnr .ban_bg {background:#baffa7;}
.top_swiper .evt48744_bnr .ban_bg::before {background:#DBFFD1;}
.top_swiper .ban_bg img {width: 100%;}
.top_swiper .close {width: 16px; height: 16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg') center center/contain no-repeat; position: absolute; top: 5px; right: 5px; }
.top_swiper .close.wX {background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_close_24.svg') center center/contain no-repeat;}
.top_swiper .premium_pc_bnr {background: linear-gradient(-90deg,rgba(242, 246, 250, 0) 0%, rgba(236, 222, 255, 1) 100%);}
.top_swiper .premium_pc_bnr .ban_bg {background: #f7f1ff;}
.top_swiper .premium_pc_bnr span { color: #C164EF;}

/*** 122885 프리미엄PC 개편 ***/
.premium-wrap {position: relative; overflow: hidden;}
.premium-wrap *  {box-sizing: border-box; line-height: 1.5;}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-weight: normal;}
.premium-wrap a {color: inherit;}
.premium-wrap a:active {background: none;}
body.on {overflow: hidden;}

/* 공통 */
.premium-wrap .section {width: 100%; position: relative; padding: 40px 0;}
.premium-wrap .section-tit {display: flex; flex-direction: column; gap: 8px; padding: 0 16px; margin-bottom: 20px; font-family: 'noto-B'; font-size: 20px; letter-spacing: -0.5px; position: relative;}
.premium-wrap .section-tit h2 {font-family: 'noto-B'; font-size: 20px; letter-spacing: -0.5px;}
.premium-wrap .section-tit p {font-size: 14px;}

/* 상단 배너 영역 */
.top-banner {display: flex; justify-content: center; align-items: center; height: 60px; padding: 20px 25px; background: #5917B8; color: #fff;}
.top-banner p {font-size: 15px; word-break: keep-all; text-align: center;}
.top-banner strong {font-weight: 700;}

/* 배너 모아보기 영역 */
.pop-zone {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 999;}
.pop-zone.show {display: block;}
.pop-tit {position: relative; display: flex; justify-content: center; align-items: center; height: 48px;}
.pop-tit h2 {font-size: 16px; text-align: center; font-weight: 700;}
.pop-tit .back-btn {position: absolute; left: 16px; top: 50%; z-index: 1; transform: translateY(-50%); width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg") center/24px no-repeat; cursor: pointer;}
.pop-cont {padding: 0;}

.banner-list {display: flex; flex-direction: column; background: #000; color: #fff; gap: 0;}
.banner-list>li {overflow: hidden;}
.banner-list>li:not(:first-child) {border-top: 1px solid #D8D8D8;}
.banner-list .item {position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 430px; padding: 40px 40px 26px; gap: 0;}
.banner-list .txt-box {display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; flex-grow: unset; gap: 0;}
.banner-list .tit {font-size: 24px; font-family: 'noto-B'; margin-bottom: 8px;}
.banner-list .subtit {font-size: 14px;}
.banner-list .img-box {max-width: 280px; height: auto; position: relative; z-index: 1;}
.banner-list .img-box>img {width: 100%; height: 100%;}
.banner-list .bg {position: absolute; left: 50%; top: 80px; transform: translate(-50%) rotate(105deg); display: block; width: 380px; height: 380px; background-repeat: no-repeat; background-size: contain; background-position: center; animation: blink 5s linear infinite;}

@keyframes blink {
    0% {opacity: 1;}
    50% {opacity: 0;}
    100% {opacity: 1;}
}

/* 메인 배너, 혜택 소개 영역 */
.premium-wrap .section.sc-intro {color: #fff; background: linear-gradient(180deg, #000 0%, #000 85%, #350E6E 100%); padding: 0;}

/* 메인 배너 */
.banner-wrap {max-width: 550px; margin: 0 auto;}
.banner-wrap .item {display: block; padding: 40px 16px 0; height: 468px;}
.banner-wrap .txt-box {display: flex; align-items: center; flex-direction: column; gap: 12px;}
.banner-wrap .txt-box h2 {font-size: 32px; font-family: 'noto-B'; letter-spacing: -1.3px; opacity: 0; text-align: center;}
.banner-wrap .txt-box h3 {opacity: 0;}
.banner-wrap .txt-box p {font-size: 14px; font-family: 'noto-R'; text-align: center;}
.banner-wrap .img-box {max-width: 300px; margin: 0 auto; opacity: 0;}
.banner-wrap .img-box>img {width: 100%; height: 100%;}
.banner-wrap .bg {width: 100%; max-width: 380px; height: 100%; position: absolute; z-index: -1; left: 50%; top: 100px; transform: translateX(-50%) rotate(105deg); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0;}
.banner-wrap .swiper-slide-active h2 {animation: fadeUp .6s .2s forwards;}
.banner-wrap .swiper-slide-active h3 {animation: fadeUp .6s .4s forwards;}
.banner-wrap .swiper-slide-active .img-box {animation: fadeUp .6s .8s forwards;}
.banner-wrap .swiper-slide-active .bg {animation: fadeIn .6s .9s ease-out forwards;}
.bg01 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/bg01.jpg");}
.bg02 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/bg02.jpg");}
.bg03 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/bg03.jpg");}
.bg04 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/bg04.jpg");}
.bg05 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/bg05.jpg");}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeUp {
    0% {opacity: 0; transform: translateY(20px);}
    100% {opacity: 1; transform: translateY(0);}
}

@media screen and (min-width: 410px) {
    .banner-wrap .bg {top: 40px;}
}

.sc-intro .swiper-control {width: calc(100% - 32px); max-width: 375px; height: 36px; margin: 0 auto; position: relative; bottom: 25px; z-index: 1; display: flex; align-items: center; gap: 10px;}
.sc-intro .swiper-pagination-progressbar {position: relative; width: calc(100% - 49px); height: 4px; background: #949494; opacity: 1; border-radius: 11px; overflow: hidden;}
.sc-intro .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #5917B8; border-radius: 11px;}
.sc-intro .more-btn {width: 39px; height: 39px; border-radius: 50%; background: #5917B8; position: relative; cursor: pointer;}
.sc-intro .more-btn::before {content: ''; width: 14px; height: 2px; background: #949494; border-radius: 3px; position: absolute; top: 19px; left: 13px;}
.sc-intro .more-btn::after {content: ''; width: 2px; height: 14px; background: #949494; border-radius: 3px; position: absolute; top: 13px; left: 19px;}

/* 혜택 소개 */
.sc-intro .inner.box-wrap {padding:0 0 30px;}
.box-wrap .swiper-container {height: 122px; padding: 0 16px;}
.box-list>li {width: 290px; padding-bottom: 15px;}
.box-list .item {width: 290px; height: 100px; position: relative;}
.box-list .item::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 15px; border: 1px solid transparent; background: linear-gradient(0deg, #5917B8, #350E6E) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); mask-composite: exclude; }
.box-list .txt-box {width: calc(100% - 72px); height: 100%; position: absolute; right: 0; top: 0; z-index: 1; padding: 16px; display: flex; flex-direction: column; gap: 8px;}
.box-list .txt-box p {font-size: 15px; font-family: 'noto-B';}
.box-list .txt-box span {font-size: 13px; font-family: 'noto-R';}
.box-list .noti {display: block; text-align: right; margin-top: 4px; font-size: 13px; color: #949494;}
.box-list .bg-box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #5917B8; opacity: 0.3; border-radius: 15px;}
.box-list .bg-box::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: transparent linear-gradient(0deg, #00000000 0%, #000 100%); opacity: 0.5; border-radius: 15px;}
.box-list .icon-box {width: 60px; height: 60px; position: absolute; z-index: -1; left: 16px; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.box-list .icon1 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/icon1.png");}
.box-list .icon2 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/icon2.png");}
.box-list .icon3 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/icon3.png");}
.box-list .icon4 {background-image: url("//image5.compuzone.co.kr/img/images/premium_pc/2025/icon4.png");}

/* 공통 상품 슬라이드 */
.swiper-container.product-slide {padding: 0 16px;}
.product-slide .swiper-slide {width: 140px;}
.product-slide .item {width: 100%; height: 100%; display: flex; flex-direction: column; gap: 8px;}
.product-slide .img-box {width: 140px; height: 140px; background: #fff; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; position: relative;}
.product-slide .img-box>img {width: 100%; height: 100%;}
.product-slide .info-box {display: flex; flex-direction: column; gap: 8px;}
.product-slide .name {font-size: 15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.product-slide .price-box {display: flex; flex-direction: column; font-size: 16px;}
.product-slide .discount {color: #F14738; font-family: 'spoqa B';}
.product-slide .price {display: flex; gap: 6px; align-items: center;}
.product-slide .original {font-size: 13px; font-family: 'spoqa M'; text-decoration: line-through; color: #949494;}
.product-slide .total {font-family: 'spoqa B';}

/* 컴퓨존 추천 프리미엄 PC */
.tab-wrap.swiper-container {padding: 0 16px; margin-bottom: 20px;}
.product-tab>li {width: fit-content; padding: 10px 16px; border: 1px solid #D8D8D8; color: #1a1a1a; border-radius: 28px; text-align: center; font-size: 14px;}
.product-tab>li.active {background: #1a1a1a; color: #fff;}
.recommend-slide .img-box::before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.02);}

/* 게임별 추천 프리미엄 PC */
.sc-game {background: #F9F9F9;}
.game-slide .game {display: flex; gap: 4px; align-items: center;}
.game-slide .game::before {content: ''; display: block; width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; background: #d8d8d8 url("//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_game.svg") center/ 16px no-repeat;}
.game-slide .game>span {width: calc(100% - 28px); font-size: 14px; font-family: 'noto-B'; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
.game-slide .label-list {display: flex; flex-wrap: wrap; gap: 3px;}
.game-slide .label-list>li {padding: 4px 8px; border-radius: 5px; font-size: 12px; font-weight: 500; background: #fff;}
.game-slide .swiper-control {width: 100%; height: 4px; display: flex; justify-content: center; margin-top: 20px;}
.game-slide .swiper-pagination-progressbar {position: relative; width: 100%; height: 4px; background: #E8E8E8; border-radius: 11px; overflow: hidden;}
.game-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #5917B8; border-radius: 11px;}

/* 브랜드관 */
.sc-brand .content {width: 100%; margin: 0 auto; background: #fff; padding: 0 15px; box-sizing: border-box;}
.sc-brand .box {display: flex; flex-direction: column; align-items: center; gap: 8px; width: auto;}
.sc-brand .box .logo { border-radius: 10px; padding: 10px; box-sizing: border-box; border: 1px solid #D8D8D8; width: 90px; display: flex; align-items: center; justify-content: center;}
.sc-brand .box .logo img {width: auto; height: 32px;}
.sc-brand  .box p {font-size: 12px; font-family: 'noto-R'; color: #3A3A3A; letter-spacing: -0.3px; white-space: nowrap; }
.sc-brand .box.on .logo { border: 1px solid #1A1A1A;}
.sc-brand .box.on p{font-family: 'noto-M'; color:#1A1A1A;}
.sc-brand .content .tabcont {margin-top: 16px;}
.sc-brand .brand_bnr {position: relative; max-width: 720px;} 
.sc-brand .brand_bnr .swiper-slide a {display: block; border-radius: 15px; overflow: hidden;}
.sc-brand .brand_bnr .swiper-slide a img {width: 100%; height: 100%; display: block;}
.sc-brand .brand_bnr .swiper-pagination-progressbar { width: 100%; height: 4px; border-radius: 11px; overflow: hidden; background: #E8E8E8; position: static; margin-top: 20PX;}
.sc-brand .brand_bnr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {border-radius: 11px; background: #5917B8;}

.all_view_pop {width: 100%; height: 100%; background: #F9F9F9; position: fixed; top: 0; z-index: 1000;}
.all_view_fixed_top {width: 100%; height: 48px; padding: 11px 16px; background: #fff; box-sizing: border-box; overflow: hidden; position: fixed;} 
.all_view_fixed_top h2 {text-align: center; font-weight: normal;}
.all_view_fixed_top .backbtn {width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg) 50% 50%/contain no-repeat; text-indent: -9999px; position: absolute; top: 50%; transform: translateY(-50%);}
.all_view_cont {height: calc(100% - 48px); padding: 12px 16px 20px; box-sizing: border-box; margin-top: 48px; overflow-y: auto;}
.all_view_cont ul {display: flex; flex-direction: column; gap: 12px;}
.all_view_cont ul li a {width: 100%; padding: 16px; box-sizing: border-box; border: 1px solid #D8D8D8; background: #fff; display: flex; flex-direction: column; align-items: center; gap: 8px; border-radius: 15px; text-align: center;}
.all_view_cont ul li h3 {font-weight: normal;}
.all_view_cont ul li .logo {width: auto; height: 48px;} 
.all_view_cont ul li .logo img {width: auto; height: 100%;}

/* 상품 리스트 */
.premium-wrap .line {width: 100%; height: 8px; background: #F2F2F2; display: block;}
.premium-wrap .section.sc-product {padding-top: 0;}


/* 필터 클릭시 노출 */
.pro_list_fixed .pro_list_right {position:relative;}
.pro_list_fixed .pro_list_right .Order_kind {width:105px; padding:20px 0 20px 20px; position:absolute; top:27px; left:-20px; background:#fff; border-radius:20px; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; transform:scale(0.95); transition:all 0.2s;  opacity:0; visibility: hidden; z-index:3; clear: both;}
.pro_list_fixed .pro_list_right .Order_kind.on {transform:scale(1); opacity:1; visibility: visible;}
.pro_list_fixed .pro_list_right .Order_kind li {margin-bottom:20px; }
.pro_list_fixed .pro_list_right .Order_kind li:last-child {margin-bottom:0px;}
.pro_list_fixed .pro_list_right .Order_kind li input, .pro_list_fixed .pro_list_right .Order_kind li i {display: none;}
.pro_list_fixed .pro_list_right .Order_kind li label {display:block; font-size:14px; font-family: 'Noto-R'; font-weight: normal; color:#3a3a3a; letter-spacing:-1px; position: relative;}
.pro_list_fixed .pro_list_right .Order_kind li.on label {font-family:'noto-B';}


/* 상품비교 하단버튼 */
.comparison {display:none; width:100%; padding: 16px; position:fixed; bottom:0; left:50%; transform:translateX(-50%); z-index:200; background:#fff; border-radius: 20px 20px 0 0; box-sizing: border-box; box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.08);}
.comp_btn {display: flex; gap: 8px; flex-wrap: nowrap;}
.comp_btn button {width: 100%; height: 50px; border-radius: 10px;display: block; font-size: 16px; font-family: noto-M; color: #fff;}
.comparison .comparison_x {background: #1A1A1A;}
.comparison .comparison_count {background: #0D6DE3;}
.comparison .comparison_count span {font-size:16px; font-family: 'noto-M'; color:#fff;} 
.comparison.display {display:block;}

/* 상세검색팝업 */
.pop_search {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:102; }
.pop_search .pop_search_inner {width:calc(100% - 40px); height:calc(100% - 20px); padding:20px; background:#fff; position:absolute; top:20px; right:0; border-radius: 20px 0 0 0; box-sizing: border-box; overflow:hidden; transition:all 0.3s;}
.pop_search .pop_tit {display: flex; justify-content: space-between; align-items: center; padding-bottom:15px;}
.pop_search .pop_tit h3 {font-size:20px; font-family:'noto-B'; color:#3a3a3a;}
.pop_search .pop_tit a {display: inline-block; width:30px; height:30px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png') center center/contain no-repeat;}
.pop_search .pop_sc {height:calc(100% - 97px); overflow:auto;}
.pop_search .pop_mid {margin-bottom:15px; border-top: 1px solid #D8D8D8; box-sizing: border-box; position:relative;}
.pop_search .pop_mid:last-child {margin-bottom:90px;}
.pop_search .pop_mid_tit {display: flex; justify-content: space-between; align-items: center; margin:15px 0 0px;}
.pop_search .pop_mid_tit h4 {font-size:17px; font-family:'noto-B'; color:#3a3a3a;}
.pop_mid_tit .shLyrTit_btn {display: inline-block; width: 24px; height: 24px; transform: rotate(0deg); background: url(//image5.compuzone.co.kr/img/images/mypage21/mo_arrowM_down.png) center no-repeat; background-size: contain; transition: all 0.3s;}
.pop_mid_tit .shLyrTit_btn.on {transform: rotate(180deg);}

/* 필터 클릭시 */
.pop_search .pop_cate {overflow:hidden;}
.pop_search .pop_cate ul {overflow:hidden; height: max-content; padding-top: 10px; box-sizing: border-box; display: none;}
.pop_search .pop_cate ul li {padding:5px 0; box-sizing: border-box;}
.pop_search .pop_cate a {display: block; width:100%; font-size:14px; font-family:'noto-R'; }
.pop_search .pop_cate a span {font-size:14px; font-family:'noto-R'; color:#949494;}
.pop_search .pop_cate ul li a {padding-left:30px; color:#3a3a3a; position:relative;}
.pop_search .pop_cate ul li a::before {content:''; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/online2022/check_round.png') center center/contain ; position:absolute; top:50%; left:0; transform:TranslateY(-50%); transition:all 0.3s;}
.pop_search .pop_cate ul li a.on::before {background:url('//image5.compuzone.co.kr/img/images/online2022/check_round_on.png') center center/contain ;}
.pop_search .pop_cate .viewmorebtn {width:100%; position:absolute; bottom:-1px;}
.pop_search .pop_cate .viewmorebtn a {display:block; width:100%; height:40px; line-height:38px; background:#fff; border:1px solid #d8d8d8; border-radius:5px; text-align:center; font-size:14px; font-family:'noto-R'; color:#3a3a3a; box-sizing: border-box;}
.pop_search .pop_cate .viewmorebtn a span {font-size:14px; font-family:'noto-R'; color:#949494;}
.pop_search .pop_search_bot {width:calc(100% - 20px); position:absolute; bottom:20px;}
.pop_search .pop_search_bot::before {content:''; width:calc(100% + 20px); height:calc(100% - 20px); background:linear-gradient(to top , #fff 30%, transparent); position:absolute; bottom:52px; left:-20px; z-index:0;}
.pop_search .pop_search_result {overflow-x:auto;}
.pop_search .pop_search_result ul {display:inline-flex; position:relative;}
.pop_search .pop_search_result ul::before {content:''; width:100%; height:100%; background:#fff; position:absolute; top:0; left:0;}
.pop_search .pop_search_result ul li {width:max-content; height:40px; margin-right:5px; padding:10px 15px; border-radius: 20px; border:1px solid #d8d8d8; box-sizing: border-box; font-size:14px; font-family:'noto-R'; color:#3a3a3a; position:relative;}
.pop_search .pop_search_result ul li a {display:inline-block; width:18px; height:18px; margin-left:2px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_list_x.png') center center/contain no-repeat; vertical-align: sub; }
.pop_search .pop_search_bot .pop_btns {display:flex; justify-content: space-between; width:calc(100% - 20px); margin-top:10px; gap: 10px;}
.pop_search .pop_search_bot .pop_btn {display:block; width:50%; height:52px; margin-top:0; line-height:52px; border:1px solid #D8D8D8; border-radius:10px; text-align: center; font-size:15px; font-family:'noto-M'; color:#3a3a3a; box-sizing: border-box;}
.pop_search .pop_search_bot .pop_btn img {width:30px; height:30px; padding-top:11px;}
.pop_search .pop_search_bot .pop_btn_blue { background:#0D6DE3; border:1px solid #0D6DE3; color:#fff;}

/* 상품비교 클릭시 노출 */
.pd_box .img_box .thum_on { display:none; width:100%; height:36px; line-height:36px; background:rgba(242, 242, 242, 0.9); font-size:14px; font-family: 'noto-M'; font-weight:normal; color:#3a3a3a; text-align:center; letter-spacing:-1px; position:Absolute; bottom:0px; left:0px; box-sizing:border-box; transition:all 0.2s; z-index: 3;}
.pd_box .img_box .thum_on::before {content:''; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_check.svg') center center/contain no-repeat; position:absolute; top:50%; left:calc(50% - 32px); transform:Translate(-50%, -50%); transition:all 0.2s;}
.pd_box .img_box .thum_on.on {background:rgba(13, 109, 227, 0.9);color:#fff;}
.pd_box .img_box .thum_on.on::before {background:url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_check.svg') center center/contain no-repeat;}
.pd_box .img_box .thum_on.display {display:block;}

.sc-product .pd_wr{padding: 112px 16px 40px; background: #f2f2f2;}
.sc-product .tit{margin-bottom: 20px;}
.sc-product .tit p{color: #6C6C6C; font-size: 13px; font-family: 'noto-R'; margin-bottom: 5px;}
.sc-product .tit h3{color: #3A3A3A; font-size: 20px; font-family: 'noto-B'; font-weight: normal;}
.sc-product .tit span{color: #949494; font-size: 12px; font-family: 'noto-R'; display: block; margin-top: 5px;}
.sc-product .pd_list > ul{display: flex; flex-direction: column; gap: 12px;}
.sc-product .pd_list > ul > li{position: relative;}
.sc-product .pd_list > ul > li > a{display: block; padding: 16px; background: #ffffff; border: 1px solid #D8D8D8; border-radius: 15px;}
.sc-product .ad_box{display: flex; align-items: center; gap: 8px; margin-bottom: 16px;}
.sc-product .ad_box span{display: flex; align-items: center; justify-content: center; background: #F14738; width: 42px; height: 25px; border-radius: 13px; color: #ffffff; font-size: 12px; font-family: '맑은고딕'; font-weight: bold;}
.sc-product .ad_box p{color: #3a3a3a; font-size: 17px; font-family: 'noto-B'; font-weight: normal;}
.sc-product .pd_box{margin-bottom: 16px;}
.sc-product .pd_box .fx_box{display: flex; gap: 12px; margin-bottom: 16px;}
.sc-product .pd_box .img_box{width: 120px; height: 120px; border-radius: 10px; overflow: hidden; position: relative;}
.sc-product .pd_box .img_box img{width: 100%;}
.sc-product .pd_box .img_box::before {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.02); position: absolute; top: 0; left: 0;}
.sc-product .pd_box .img_box .pickup_icon{position: absolute; top: 10px; left: 10px; width: 24px; height: 24px;}
.sc-product .pd_box .img_box .pickup_icon img{width: 100%;}
.sc-product .pd_box .txt_box{width: 55%;}
.sc-product .pd_box .txt_box .name{color: #3a3a3a; font-family: 'noto-R'; font-size: 15px; margin-bottom: 7px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 42px;}
.sc-product .pd_box .txt_box .original{color: #949494; font-family: 'spoqa R'; font-size: 13px; display: block; margin-bottom: 2px; text-decoration: line-through; height: 19px;}
.sc-product .pd_box .txt_box .price{display: flex; gap: 9px; margin-bottom: 8px;}
.sc-product .pd_box .txt_box .dc{color: #F14738; font-family: 'spoqa M'; font-size: 16px; font-weight: bold;}
.sc-product .pd_box .txt_box .total{color: #3a3a3a; font-family: 'spoqa M'; font-size: 16px; font-weight: bold;}
.sc-product .pd_box .txt_box .tool{display: flex; align-items: center; height: 19px;}
.sc-product .pd_box .txt_box .tool .ico02{display: flex; align-items: center; gap: 4px;}
.sc-product .pd_box .txt_box .tool .ico02 p{color: #3a3a3a; font-family: 'spoqa R'; font-size: 13px;}
.sc-product .pd_box .txt_box .tool .line{width: 1px; height: 10px; background: #D8D8D8; display: block; margin: 0 8px;}
.sc-product .pd_box .txt_box .tool .review{color: #3a3a3a; font-family: 'spoqa R'; font-size: 13px;}
.sc-product .pd_box .bat_box{display: flex; gap: 4px; flex-wrap: wrap;}
.sc-product .pd_box .bat_box span{padding: 4px 8px; background: #FAFAFA; border-radius: 5px; color: #6C6C6C; font-family: 'noto-M'; font-size: 12px;}
.sc-product .des ul li {display: flex; align-items: center; border-bottom: 1px solid #E8E8E8;} 
.sc-product .des ul li:first-child{border-top: 1px solid #E8E8E8;}
.sc-product .des ul li p{width: 54px; height: 44px; background: #F9F9F9; display: flex; align-items: center; justify-content: center; font-family: 'noto-M'; font-size: 14px; color: #3A3A3A;}
.sc-product .des ul li span{display: block; color: #3A3A3A; font-family: 'noto-R'; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 54px); height: 44px; padding: 12px; box-sizing: border-box;}

.logo_badge {width: auto; height: 20px; position: absolute; top: 0; left: 0;}
.sc-product .logo_badge img {width: auto; height: 20px;}

.sc-product .discount_box{padding: 4px 8px; box-sizing: border-box; background: #F3FAFF; border-radius: 5px; margin-bottom: 4px; display: inline-block;}
.sc-product .discount_box p{font-size: 12px; font-family: 'noto-M'; color: #6C6C6C;}
.sc-product .discount_box p span{font-family: 'noto-B'; color: #0D6DE3;}

/* 혜택 안내 배지 */
.lft .bats {width:35px; height:100%; position:absolute; top:0; right:5px;}
.lft .bats .bats_icon {display: block; width:35px; height:35px; position:absolute;}
.lft .bats .bats_icon img {width:100%; height:100%}
.lft .bats .bats_icon:nth-child(1) {top:5px;}
.lft .bats .bats_icon:nth-child(2) {top:50%; transform:TranslateY(-50%);}
.lft .bats .bats_icon:nth-child(3) {bottom:5px;}
.bats {width:35px; height:100%; position:absolute; top:0; right:5px;}
.bats .bats_icon {display: block; width:35px; height:35px; position:absolute;}
.bats .bats_icon img {width:100%; height:100%}
.bats .bats_icon:nth-child(1) {top:5px;}
.bats .bats_icon:nth-child(2) {top:50%; transform:TranslateY(-50%);}
.bats .bats_icon:nth-child(3) {bottom:5px;}

/* 124292 브랜드관 노출개선 */
.sc-brand .section-tit a {color: #6C6C6C; display: flex; align-items: center; position: absolute; top: 0; right: 16px; line-height: 1.5;}
.sc-brand .section-tit i {width: 12px; height: 12px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_next_12.svg) 50% 50%/contain no-repeat; display: block;}
.sc-brand .tab-list {overflow-x: auto; overflow-y: auto; width: 100%;}
.sc-brand .tab-list::-webkit-scrollbar {display: none;}
.sc-brand .tab-list ul {display: flex; flex-wrap: wrap; gap: 8px; box-sizing: border-box; max-width: 1300px; width: 100%; min-width: 1000px; padding:0 16px;}
.sc-brand .tab-list .box .logo {width: auto; height: 40px;  padding: 0 16px; border-radius: 20px;}
.sc-brand .tab-list .box .logo img{filter: invert(.5) brightness(.8); transition: all 0.3s;}
.sc-brand .tab-list .box.on .logo img{filter: unset;}

/* 132411 DIY PC 판매모델 추가 */
.DIY_area .section-tit h2 {color:#9B74D4;}
.DIY_area .DIY_product {display: flex; flex-direction: column; gap:8px; margin-bottom:40px; padding:0 16px;}
.DIY_area .DIY_product>a {display: flex; gap:12px; align-items: center; padding:8px; border-radius:10px; background:#fff; overflow: hidden;}
.DIY_area .DIY_product>a .imgbox {width:100px; height:100px; border-radius: 10px; overflow: hidden; position:relative;}
.DIY_area .DIY_product>a .imgbox::before {content:''; width:100%; height:100%; background:rgba(0, 0, 0, 0.02); position:absolute; top:0; left:0;}
.DIY_area .DIY_product>a .imgbox img {width:100%;}
.DIY_area .DIY_product>a .txtbox {display: flex; flex-direction: column; gap:8px; width:calc(100% - 112px);}
.DIY_area .DIY_product>a p {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.DIY_area .DIY_product>a p.co94 {-webkit-line-clamp: 2;}