/*** 122885 ÇÁ¸®¹Ì¾ö PC °³Æí ***/
body {overflow-x: hidden;}
.premium-wrap {width: 100%; min-width: 1300px; position: relative; line-height: 1.5; letter-spacing: -0.4px; background: #000;} 
.premium-wrap * {box-sizing: border-box;} 
.premium-wrap a {text-decoration: none;} 
.premium-wrap a:link, .premium-wrap a:visited {color: inherit;}

/* ¼½¼Ç °øÅë */
.premium-wrap .section {width: 100%; overflow: hidden; position: relative; padding-bottom: 100px;} 
.premium-wrap .section > .inner {width: 1204px; height: 100%; margin: 0 auto; position: relative;} 
.section-tit {margin-bottom: 40px; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.section-tit h2 {font-family: 'noto-B'; font-size: 32px;}
.section-tit p {font-family: 'noto-R'; font-size: 18px;}

/* ÇÁ¸®¹Ì¾ö ¼­ºñ½º ¼Ò°³ & ÇýÅà */
.box-list .sc-intro {color: #fff;} 
.box-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; width:1204px; height: 250px; margin:100px auto 0; position:relative; z-index: 2;}
.box-list>li {width: 286px; height: 100%; position: relative;}
.box-list>li::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; border-radius: 15px; border: 1px solid transparent; background: linear-gradient(180deg, #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: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; padding: 40px; display: flex; flex-direction: column; gap: 10px;}
.box-list .txt-box p {font-size: 18px; font-family: 'noto-B'; color:#fff;}
.box-list .txt-box span {font-size: 16px; font-family: 'noto-R'; color:#fff;}
.box-list .txt-box em {font-size: 13px; line-height: 24px; color: #D8D8D8;}
.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(180deg, #00000000 0%, #000 100%); opacity: 0.5; border-radius: 15px;}
.box-list .icon-box {width: 60px; height: 60px; position: absolute; right: 30px; bottom: 30px; 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");}

/* rolling txt */
.rolling-txt {width:100%; position: absolute; left: 0; top: 1172px; overflow: hidden;}
.rolling-txt::before {content: ''; display: block; position: absolute; z-index: 1; width: 100vw; height: 268px; left: 0; top: 0; background: linear-gradient(90deg,rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 75%, rgba(0, 0, 0, 0.8) 100%);}
.rolling-txt .inner {display: flex; animation: marquee 45s linear infinite;}
.rolling-txt .text {padding: 0 75px; position: relative;}

@keyframes marquee {
  0% {transform: translateX(0);}
  100% {transform: translateX(-50%)}
}

/* section-wrap */
.section-wrap {display: flex; flex-direction: column; gap: 20px; padding: 0 20px; margin-bottom: 100px; background: linear-gradient(180deg, #000 0%, #471293 51%, #000 100%);}
.section-wrap .section {z-index: 2; padding: 80px 0; border-radius: 40px; border: 1px solid rgba(255,255,255,0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255,255,255,0.1); color: #fff;}

/* ºê·£µå°ü */
.sc-brand {background: #000; padding-bottom:100px; position:relative; z-index: 1;}
.sc-brand .tab-list ul {width: calc(100% - 146px); display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 auto;}
.sc-brand .tab-list .box {width: auto; height: 40px; padding: 0 16px; border-radius: 20px; display: flex; justify-content: center; align-items: center; background: #1A1A1A; border: 1px solid #3A3A3A;}
.sc-brand .tab-list .box .logo {width: auto; height: 32px; filter: invert(.5); transition: all 0.3s;}
.sc-brand .tab-list .box.on, .sc-brand .tab-list .box:hover {background: #fff; border: 1px solid transparent;}
.sc-brand .tab-list .box.on .logo, .sc-brand .tab-list .box:hover .logo {filter: unset;}
.sc-brand .section-tit {color: #fff; position: relative;}
.sc-brand .section-tit a {color: #949494; display: flex; align-items: center; position: absolute; top: 4px; right: 0;}
.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 .cont {width: 1200px; margin: 0 auto;}
.sc-brand .cont .box {background: #fff; border-radius: 5px; padding: 20px; box-sizing: border-box; border: 1px solid #D8D8D8; width: 140px; display: flex; flex-direction: column; align-items: center; gap: 4px; cursor: pointer; transition: all 0.3s;}
.sc-brand .cont .box .logo {width: auto; height: 36px; display: block;}
.sc-brand .cont .box .logo img {width: auto; height: 100%;}
.sc-brand .cont .box p {font-size: 14px; font-family: 'noto-R'; color: #949494; letter-spacing: -0.35px; white-space: nowrap; transition: all 0.3s;}
.sc-brand .cont .box.on p , .sc-brand .cont .box:hover p{ font-family: 'noto-M'; color:#1A1A1A;}
.sc-brand .cont .tabcont {margin-top: 20px;}
.sc-brand .brand_bnr {position: relative;}
.sc-brand .brand_bnr .swiper-slide a{width: 100%; height: 240px; display: block; border-radius: 15px; overflow: hidden;}
.sc-brand .brand_bnr .swiper-slide a img {width: 100%;}
.sc-brand .brand_bnr .swiper-option {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2;} 
.sc-brand .brand_bnr .swiper-button-prev, .sc-brand .brand_bnr .swiper-button-next {width:42px; height:42px; border-radius: 50%; box-shadow: -3px 3px 12px #00000014; z-index:2; transform: translateY(-50%); transition:all 0.3s; opacity:0; margin-top: 0;}
.sc-brand .brand_bnr:hover .swiper-button-prev, .sc-brand .brand_bnr:hover .swiper-button-next {opacity:1;}
.sc-brand .brand_bnr .swiper-button-prev {left:-21px; background: #fff url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_prev_24.svg) center center/20px no-repeat;  position: absolute;}
.sc-brand .brand_bnr .swiper-button-next {box-shadow:3px 3px 12px #00000014; right:-21px; background: #fff url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_24.svg) center center/20px no-repeat; position: absolute;}
.sc-brand .brand_bnr .num {background: rgb(0, 0, 0, 0.6); letter-spacing: 1.4px; border-radius: 17px; width: 60px; height: 34px; line-height: 34px; position: absolute; top: calc(50% + 66px); left: unset; right: 20px;} 
.sc-brand .brand_bnr:hover .swiper-button-prev.swiper-button-disabled, .sc-brand .brand_bnr:hover .swiper-button-next.swiper-button-disabled {opacity: 0.5;}
.sc-brand .brand_bnr .num span {font-family: 'spoqa R';  font-size: 14px; color: #FFFFFF;}
.product-wrap .pd_inner .pd_list > ul.viewType_T > li > a .logo_badge {top: -4px; left: 50%; transform: translateX(-50%); height: 30px;}
.product-wrap .pd_inner .pd_list > ul.viewType_L > li > a .logo_badge {top: 0; left: 0; height: 42px;}