body {overflow-x:hidden;}
.premium_wrap {width:100%; min-width:1300px; position:relative;}
.premium_wrap * {font-family:'noto-R'; font-style: normal;}
.premium_wrap h1, .premium_wrap h2, .premium_wrap h3, .premium_wrap h4, .premium_wrap h5, .premium_wrap h6 {font-weight: normal; color:#1a1a1a;}
.premium_wrap a {text-decoration: none;}

/* 프리미엄3초배너 */
.pre_banner {width:100%; min-width:1300px; height:100vh; background:#1a1a1a; position:absolute; top:0; left:0; z-index:10; animation:mainbg1 1s linear forwards 3s; overflow:hidden; display: none;}
.pre_banner::before {content:''; width:2560px; height:100%; background:url('//image5.compuzone.co.kr/img/images/premium_pc/main_banner_bg.jpg') top center/cover no-repeat; position:absolute; top:0; left:50%; transform:Translatex(-50%);}
.pre_banner .pre_banner_inner {width:1300px; height:100%; position:absolute; top:0; left:50%; transform:Translatex(-50%);}
.pre_banner .pre_banner_inner span {position:absolute;}
.pre_banner span:nth-child(1) {top:221px; left:424px; z-index: 1; opacity:0; animation:mainbgtit1 1s forwards 0.8s;} 
.pre_banner span:nth-child(2) {top:121px; left:372px; z-index:2; opacity:0; animation:mainbgtit1 1s forwards 1.1s;} 
.pre_banner span:nth-child(3) {top:-15px; left:-87px; opacity:0; animation:mainbgtit2 3s forwards 1.4s;} 
.pre_banner span:nth-child(4) {top:26px; left:540px; opacity:0; animation:mainbgtit2 3s forwards 1.7s;} 
@keyframes mainbg1 {
	0% {opacity:1;}
	100% {opacity:0; visibility: hidden;}

}
@keyframes mainbgtit1 {
    0% {transform:TranslateY(30px); opacity:0;}
    100% {transform:TranslateY(0); opacity:1;}
}
@keyframes mainbgtit2 {
	0% {opacity:0;}
	100% {opacity:1;}
}

/* pre_area1 - 메인 슬라이드 */
.pre_area1 {width:100%; height:550px; background:#1a1a1a; position:Relative; z-index:2;}
.pre_area1::before {content:''; width:100%; height:900px; background:#1a1a1a url('//image5.compuzone.co.kr/img/images/premium_pc/main_slide_bg.png') bottom center/cover no-repeat; position:absolute; top:0px; left:0;}
.pre_area1 .swiper-container {width:100%; height:550px; margin:0 auto;}
@keyframes mainbg2 {
	0% {opacity:0;}
	100% {opacity:1; visibility: visible;}
}
.pre_area1 .swiper-slide {display:flex; justify-content: space-between;}
.pre_area1 .swiper-slide .swiper_inner {width:1300px; margin:0 auto; position:relative;}
.pre_area1 .swiper-slide .swiper-text {position:absolute; top:200px; left:40px}
.pre_area1 .swiper-slide .swiper-text h1 {margin-bottom:23px; font-size:54px; font-family:'noto-B'; color:#fff; opacity:0;}
.pre_area1 .swiper-slide .swiper-text h2 {margin-bottom:23px; font-size:54px; font-family:'noto-B'; color:#fff; opacity:0;}
.pre_area1 .swiper-slide .swiper-text h3 {font-size:18px; font-family:'noto-B'; color:#fff; opacity:0;}
.pre_area1 .swiper-slide .swiper-text h3 {font-size:18px; font-family:'noto-B'; color:#fff; opacity:0;}
.pre_area1 .swiper-slide .swiper-img {position:absolute; top:0; left:785px;}
.pre_area1 .swiper-slide .swiper-img span.ani_b {width:0; position:absolute; top:140px; left:-80px; overflow:hidden;}
.pre_area1 .swiper-slide .swiper-img span.ani_p {width:0; height:694px; position:absolute; top:-200px; right:-1300px; overflow:hidden;}
.pre_area1 .swiper-slide .swiper-img span.ani_p img {width:1031px; height:694px; position:absolute; right:0; top:0;}
.pre_area1 .swiper-slide .swiper-img span.ani_t {position:absolute; top:127px ; left:362px; animation:ani_t 100s infinite linear; }
.pre_area1 .swiper-slide .swiper-img span.sw_product {width:424px; height:424px; position:absolute; top:120px; left:66px; opacity:0;}
.pre_area1 .swiper-slide .swiper-img span.sw_product img {width:100%;}
/* 슬라이드 애니메이션 */
.pre_area1 .swiper-slide-active .swiper-text h1 {animation:tit1 1s forwards;}
.pre_area1 .swiper-slide-active .swiper-text h2 {animation:tit1 1s forwards;}
.pre_area1 .swiper-slide-active .swiper-text h3 {animation:tit1 1s forwards 0.3s;}
.pre_area1 .swiper-slide-active .swiper-text h3 {animation:tit1 1s forwards 0.3s;}
.pre_area1 .swiper-slide-active .swiper-img .ani_b {animation:ani_b 0.6s forwards 0.1s;}
.pre_area1 .swiper-slide-active .swiper-img .ani_p {animation:ani_p 0.6s forwards 0.15s;}
.pre_area1 .swiper-slide-active .swiper-img .sw_product {animation:tit1 0.8s forwards 0.2s;}
@keyframes tit1 {
	0% {transform:TranslateY(30px); opacity:0;}
	100% {transform:TranslateY(0); opacity:1;}
}
@keyframes ani_b {
	0% {width:0;}
	100% {width:315px;}
}
@keyframes ani_p {
	0% {width:0;}
	100% {width:1031px;}
}
@keyframes ani_t {
	100% {transform:rotate(360deg);}
}
/* 슬라이드 버튼 */
.pre_area1 .swiper-option {width:1300px; height:20px; margin:0 auto; position:relative; top:-140px; left:40px; }
.pre_area1 .swiper-button-next, .pre_area1 .swiper-button-prev {margin-top:0; top:0; left:0; right:0; bottom:0;}
.pre_area1 .swiper-option .left {width:20px; height:20px; top:0; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_prev_12.svg') center center no-repeat;}
.pre_area1 .swiper-option .right {width:20px; height:20px; top:0; left:413px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg') center center no-repeat;}
/* 슬라이드 카운트 */
.pre_area1 .swiper-container-horizontal>.swiper-pagination-bullets, .pre_area1 .swiper-pagination-custom, .pre_area1 .swiper-pagination-fraction {width:Auto; top:0; bottom:0; color:#fff;}
.pre_area1 .swiper-pagination {font-size:14px; font-family:'spoqa B'; }
.pre_area1 .swiper-pagination .swiper-pagination-current {color:#fff; position:absolute; top:0; left:24px; }
.pre_area1 .swiper-pagination .swiper-pagination-total {color:#fff; position:absolute; top:0; left:395px;}
/* 슬라이드 probar */
.pre_area1 .progress {width:328px; height:2px; background:rgba(216,216,216,0.4); position:absolute; top:9px; left:50px;}
.pre_area1 .progress .probar {width:0%; height:2px; background:#fff; position:absolute; top:0; left:0; }
.pre_area1 .progress .probar.on {animation:probar 2.5s linear forwards;}
@keyframes probar {
	0% {width:0;}
	100% {width:100%;}
}

/* pre_area2 - 혜택 영역 */
.pre_area2 {width:100%; margin-top:-40px; padding:135px 0 230px; position:relative; z-index:2; overflow:hidden;}
.pre_area2 .libox_bg {position:relative; left:-40px;}
.pre_area2 .libox_bg span {display:block; width:calc(100% + 80px); min-width:1300px; height:360px; transform:rotate(7.5deg); position:absolute; top:0px; left:0px; overflow:hidden; }
.pre_area2 .libox_bg span:nth-child(1) {background: #1a1a1a; }
.pre_area2 .libox_bg span:nth-child(2) {background: linear-gradient(120deg, rgba(27, 0, 69, 1), rgba(0, 0, 85, 0)); top:20px;}
.pre_area2 .libox_bg span:nth-child(3) {background: linear-gradient(to right, rgba(102,0,255,1), rgba(128, 0, 128, 0.3) 60%); opacity:0.5;}
.pre_area2 ul {width:1300px; margin:0 auto; display: flex; align-content: center; position:relative; top:30px;}
.pre_area2 ul li {width:25%; text-align: center; opacity:0; transition:all 0.3s;}
.pre_area2 ul li:nth-child(2) {margin-top:44px; animation-delay: 0.3s;}
.pre_area2 ul li:nth-child(3) {margin-top:88px; animation-delay: 0.3s;}
.pre_area2 ul li:nth-child(4) {margin-top:132px; animation-delay: 0.3s;}
.pre_area2 ul li h5 {margin:10px 0; font-size:20px; font-family:'noto-B'; color:#fff;}
.pre_area2 ul li h6 {font-size:16px; color:#fff;}
.pre_area2 ul li h6 a {font-size:16px; color:#8433ff;}
.pre_area2.on ul li{ animation:pre_area2 0.7s ease-in-out forwards;}
.pre_area2.on ul li:nth-child(2) {animation-delay: 0.2s;}
.pre_area2.on ul li:nth-child(3) {animation-delay: 0.4s;}
.pre_area2.on ul li:nth-child(4) {animation-delay: 0.6s;}
@keyframes pre_area2 {
	0% {transform:TranslateY(50px); opacity:0;}
	100% {transform:TranslateY(0); opacity:1;}
}

/* pre_area3 tab 상품스크롤영역*/
.pre_area3 {width:100%; margin-top:-300px; background:#1a1a1a; display:flex; position:relative; z-index:1;}
.pre_area3::before {content:''; width:284px; height:2500px; background:url('//image5.compuzone.co.kr/img/images/premium_pc/pre_text.png') left center repeat-Y; position:absolute; top:200px; left:0; animation: pretit 50s linear reverse infinite; z-index:1; pointer-events: none;}
.pre_area3::after {content:''; width:284px; height:2500px; background:url('//image5.compuzone.co.kr/img/images/premium_pc/pre_text2.png') left center repeat-Y; position:absolute; top:200px; right:0; animation: pretit 50s linear infinite; pointer-events: none;}
@keyframes pretit {
100% {transform:translateY(calc(-50% + 50px));}
}
/* viewmore cursor */
.pre3cursor {width:0; height:0; border-radius: 50%;position: absolute; z-index:999; transform: translate(-50%, -50%); user-select: none; pointer-events: none; background: #2A9CFF; transition: width .25s, height .25s;}
.pre3cursor span {display:block; padding-top:50px; font-size:16px; font-family:'noto-M'; text-align: center; color:#fff; opacity:0; transition:all 0.2s;}
.pre3cursor.focus {width: 120px; height:120px; background: #2A9CFF;}
.pre3cursor.focus span {opacity:1;}
/* viewmore cursor// */
.pre_area3>div {width:50%; position:relative;}
.pre_area3>div.pre_area3_fix {width:calc(50% - 230px); min-width:420px; background:#1a1a1a;}
.pre_area3>div.pre_area3_sc {width:calc(50% + 230px); min-width:880px; margin-top:100px; padding-bottom:30px; background:#fff; overflow-y:auto;}
.pre_area3>div.pre_area3_sc::-webkit-scrollbar {display: none;}
.pre_area3_fixtxt {position:sticky; top:200px; right:70px; width:fit-content; margin:270px 70px 200px auto;}
.pre_area3_fixtxt .fix_t {width:310px; margin-top:30px; transition:all 0.2s; cursor: pointer;}
.pre_area3_fixtxt .fix_t a {display:block;}
.pre_area3_fixtxt .fix_t p {height:0; font-size:18px; color:#2A9CFF; margin-bottom:4px; transition:all 0.3s; overflow:hidden;}
.pre_area3_fixtxt .fix_t h4 {font-size:32px; font-family:'noto-B'; color:#1a1a1a; transition:all 0.3s;}
.pre_area3_fixtxt .fix_t.on p, .pre_area3_fixtxt .fix_t:hover p {height:24px;}
.pre_area3_fixtxt .fix_t.on h4, .pre_area3_fixtxt .fix_t:hover h4 {color:#fff;}
.pre_area3_sc {overflow: hidden;}
.pre_area3_sc>ul {width:880px; height:auto; margin-left:70px; margin-top:135px; letter-spacing: -2px; overflow:hidden; display:none;}
.pre_area3_sc>ul.on {display:block;}
.pre_area3_sc>ul li {display: inline-block; width:350px; height:460px; margin:0 50px 50px 0; padding:30px; background:rgba(0,0,0,0.02); border-radius: 20px; letter-spacing: 0; vertical-align:top; position:relative; overflow:hidden; box-sizing: border-box;}
.pre_area3_sc>ul li:nth-child(odd) {margin:-110px 50px 50px 0; }
.pre_area3_sc>ul li:nth-child(1) {margin:0 50px 50px 0; }
.pre_area3_sc>ul li:nth-child(2) {margin:110px 0 50px 0; }
.pre_area3_sc>ul li>a {display: block; position:relative; cursor:none;}
.pre_area3_sc>ul li>a::before {content:''; width:calc(100% + 60px); height:calc(100% + 60px); position:absolute; top:-30px; left:-30px; z-index:10; opacity:0.5;}
.pre_area3_sc>ul li .preimg {position:relative;}
.pre_area3_sc>ul li .preimg.pick::before {content:''; width:48px; height:48px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_list_picup.png') center center/contain no-repeat;  position:absolute; top:-10px; left:-10px;}
.pre_area3_sc>ul li .preimg.pick::after {content:''; width:48px; height:48px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_list_picup.png') center center/contain no-repeat;  position:absolute; top:-10px; left:-10px;}
.pre_area3_sc>ul li .preimg span {display:block; width:280px; height:280px; margin:0 auto 20px; mix-blend-mode:multiply;}
.pre_area3_sc>ul li .preimg span img {width:100%;}
.pre_area3_sc>ul li .preimg h4 {font-size:16px; margin-bottom:7px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pre_area3_sc>ul li .preimg .pre_price {overflow:hidden;}
.pre_area3_sc>ul li .preimg .pre_price .per {float:left; padding-top:22px; font-size:18px; font-family:'spoqa B'; color:#F14738;}
.pre_area3_sc>ul li .preimg .pre_price .per_won {float:right; text-align: right;}
.pre_area3_sc>ul li .preimg .pre_price .won {font-size:15px; font-family:'spoqa R'; color:#949494; text-decoration: line-through;}
.pre_area3_sc>ul li .preimg .pre_price .total {font-size:18px; font-family:'spoqa B'; color:#1a1a1a; }

/* pre_area5 - 내 게임에 딱맞는 pc를 찾아서 */
.pre_area4 {width:100%; }
.pre_area4 .game_recomendPc {width:100%; height:590px; background:#f9f9f9 url('//image5.compuzone.co.kr/img/images/recomend21/recomend_gm_bg.jpg') left center no-repeat;position:relative; z-index:10; overflow:hidden;}
.game_recomendPc .inner {width:1300px; height:543px; margin:0 auto; position:relative; }
.game_recomendPc .inner .gm_tit {width:320px; position:relative; top:125px; left:40px;}
.game_recomendPc .inner .gm_tit p {margin-bottom:10px; font-size:18px; font-family:'noto-R'; font-weight: normal; color:#1C8FED;}
.game_recomendPc .inner .gm_tit h3 {margin-bottom:20px; font-size:32px; font-family:'noto-B'; font-weight: normal; color:#1A1A1A;}
.game_recomendPc .inner .gm_tit h4 {font-size:18px; font-family:'noto-R'; font-weight: normal; color:#3A3A3A;}
.game_recomendPc .inner .more_view {position:relative; display:inline-block; margin-top:34px; padding:0 50px; line-height:50px; cursor:pointer;}
.game_recomendPc .inner .more_view:before{content:""; position:absolute; left:0; top:0; display:inline-block; width:100%; height:50px; background:#1a1a1a; border-radius:25px; transform:translateX(0); transition:0.5s all;}
.game_recomendPc .inner .more_view:hover:before{box-shadow:3px 3px 16px rgba(0, 0, 0, .16);}
.game_recomendPc .inner .more_view a{position:relative; display:inline-block; color:#fff; font-size:16px; font-family:'Noto-M'; z-index:1; text-decoration: none; letter-spacing: -0.4px;}
.game_recomendPc .inner .more_view i{display:none;}
.game_recomendPc .inner span::before {display: none;}
.game_recomendPc .inner span::after {display: none;}
.game_recomendPc .inner .gm_right {display:block; width:1000px; height:auto; text-align:center; position:absolute; top:80px; left:420px;}
.game_recomendPc .inner .gm_right2 {left:400px;}
.game_recomendPc .inner .gm_right2:before {content:""; position:absolute; left:-15px; top:0px; width:100px; height:384px; background:url("//image5.compuzone.co.kr/img/images/recomend21/game_gradient.png") center no-repeat; background-size:contain; z-index:1;}
.game_recomendPc .inner .gm_right .gamePC_drag {display:block; width:100%; min-width:1250px; height:385px; margin-bottom:30px; text-align:left; position:relative; overflow:hidden;}
.game_recomendPc .inner .gm_right .gamePC_drag .gamePC_drag_list {position:relative; display:inline-block; text-align:left; white-space:nowrap; font-size:0; clear:both;}
.game_recomendPc .inner .gm_right ul li {display:inline-block; width:286.6666px; height:384px; margin-right:40px; padding:30px 30px; background:#fff; border-radius: 10px; transition:all 0.3s; box-sizing: border-box;}
.game_recomendPc .inner .gm_right ul li:last-child {margin-right:306px;}
.game_recomendPc .inner .gm_right ul li a {display: block; width:100%; height:100%; text-decoration:none;}
.game_recomendPc .inner .gm_right ul li h2 {margin-bottom:15px; padding:0 20px; text-align: center; font-size:20px; font-family:'noto-B'; font-weight: normal; color:#1a1a1a; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient: vertical;}
.game_recomendPc .inner .gm_right ul li .gaming_img {display:block; width:205px; height:205px; margin:0 auto 15px; border-radius:8px; overflow:hidden;}
.game_recomendPc .inner .gm_right ul li .gaming_img img {width:100%;}
.game_recomendPc .inner .gm_right ul li .gm_bat {text-align: center; margin-bottom:10px;}
.game_recomendPc .inner .gm_right ul li .gm_bat span {display:inline-block; height:26px; line-height:26px; background:#1C8FED; margin-right:6px; padding:0 11px; border-radius: 13px; font-size:12px; font-family:'spoqa M'; font-weight: normal; color:#fff;}
.game_recomendPc .inner .gm_right ul li .gm_bat span:last-child {margin-right:0;}
.game_recomendPc .inner .gm_right ul li .gm_bat span.UHD {background:#8433FF;} 
.game_recomendPc .inner .gm_right ul li .gm_bat span.FHD {background:#1C8FED;} 
.game_recomendPc .inner .gm_right ul li .gm_bat span.QHD {background:#00C400;} 
.game_recomendPc .inner .gm_right ul li .gm_bat span img {display:inline-block; vertical-align: sub; margin-right:3px;}
.game_recomendPc .inner .gm_right ul li .gm_price {overflow: hidden;}
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_per {float:left; margin-right:5px; font-size:19px; font-family:'spoqa B'; font-weight: normal; color:#F14738; letter-spacing:-0.5px;}
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_won {float:right; margin-right:5px; padding-top:6px; font-size:13px; font-family:'spoqa R'; font-weight: normal; color:#6c6c6c; letter-spacing:-0.5px; text-decoration: line-through;}
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_total {float:right; font-size:16px; font-family:'spoqa B'; font-weight: normal; color:#1a1a1a; letter-spacing:-0.5px;}
.game_recomendPc .inner .gm_right ul li .gm_price .gm_pri_total b {font-size:18px; font-family:'spoqa B'; }
.game_drag_progress {display:block; width:940px; margin:0; padding:15px 0; position:relative; left:20px; overflow:hidden;}
.game_drag_progress .drag_bar {display:block; width:100%; height:3px; background-color:#b4b4b4; position:relative;}
.game_drag_progress .drag_handle { position:absolute; z-index:2 !important; display:inline-block; height:16px; width:16px; left:0; top:8px; border-radius:50%; box-shadow:0 0 0 0px rgba(22, 111, 204, 1), 0 0 0 0px rgba(255, 255, 255, 1), 0 3px 6px 0 rgba(0, 0, 0, 0.2); background-color:#1C8FED;  transition:box-shadow 0.25s;}
.game_drag_progress .drag_handle:active { box-shadow:0 0 0 2px rgba(22, 111, 204, 1), 0 0 0 3px rgba(255, 255, 255, 1), 0 3px 6px 0 rgba(0, 0, 0, 0.2);}
.game_drag_progress .drag_handle:before {content:""; display:inline-block; width:972px; height:3px; background-color: #1C8FED; position:absolute; top:7px; right:8px;}

/* pre_area5 - 테이블 영역 */
.pre_area5 {width:100%; padding:80px 0; background:#fff; position:relative; z-index: 1;}
.pre_area5 .filter_searchBox {position:relative; width:1300px; margin:0 auto; }
.pre_area5 .filter_searchBox .inner {border-top:1px solid #1a1a1a;}
.pre_area5 .filter_table{position:relative;}
.pre_area5 .filter_table table th , .pre_area5 .filter_searchBox table td{font-size:14px; text-align:left;}
.pre_area5 .filter_table .top_tr td{padding-bottom:10px;}
.pre_area5 .filter_table .center_tr td{padding:8px 0;}
.pre_area5 .filter_table .bottom_tr td{padding-top:10px;}
.pre_area5 .filter_table .border_tr td{border-top:1px solid #E8E8E8; }
.pre_area5 .filter_table table th{padding:22px 0; border-top:1px solid #E8E8E8; color:#1A1A1A; font-family:'Noto-B';  vertical-align:top;}
.pre_area5 .filter_table table td{padding:22px 0; color:#6C6C6C; font-family:'Noto-R';}
.pre_area5 .filter_table table td span{display:inline-block; padding:0 10px; max-width:130px; height:25px; line-height:23px; border-radius:50px; border:1px solid; border-color:#fff; color:#1a1a1a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer;}
.pre_area5 .filter_table table td span:hover , .pre_area5 .filter_searchBox table td span.on{background:#1A1A1A; color:#fff;}
.pre_area5 .filter_searchBox table span:after , .pre_area5 .pre_pro_listv span:after{content:""; display:none;}
.pre_area5 .filter_table .cpu_btn{display:inline-block; margin-left:8px; width:26px; height:26px; border:1px solid #E1E1E1; border-radius:2px; text-align:center; vertical-align:top; cursor:pointer;}
.pre_area5 .filter_table .cpu_btn > i{display:inline-block; line-height:24px; color:#6C6C6C; font-size:24px; font-family:'Noto-R'; font-weight:normal;}
.pre_area5 .filter_table .cpu_btn .cpu_fold{display:none;}
.pre_area5 .filterSelect_table{position:relative; border-top:1px solid #E8E8E8;}
.pre_area5 .filterSelect_table th , .pre_area5 .filterSelect_table td{border-bottom:1px solid #E8E8E8; text-align:left;}
.pre_area5 .filterSelect_table th{padding:22px 0; color:#6C6C6C; font-size:13px; font-family:'Noto-R'; font-weight:normal; vertical-align:top;}
.pre_area5 .filterSelect_table td{padding:22px 0 42px;}
.pre_area5 .filterSelect_table .filter_list{display:inline-block; margin:-5px 0 5px 0; padding-left:55px; width:1006px; vertical-align:middle; box-sizing: border-box;}
.pre_area5 .filterSelect_table .filter_list span{display:inline-block; margin:5px; padding:0 8px; height:24px; line-height:24px; background:#F2F2F2; border-radius:35px; color:#3A3A3A; font-size:13px;}
.pre_area5 .filterSelect_table .filter_list span a{display:inline-block; margin:0px 0 0 4px; width:14px; height:14px; background:url("//image5.compuzone.co.kr/img/images/recomend21/x_Btnimg.png") center no-repeat; vertical-align:-2px;}
.pre_area5 .filterSelect_table .btn_wrap{display:inline-block; font-size:0; vertical-align:middle; margin-left: 20px;}
.pre_area5 .filterSelect_table .search_btn , .pre_area5 .filterSelect_table .reset_btn{display:inline-block; margin-left:10px; padding:0 20px; min-width: 78px; height:40px; line-height:40px; border:1px solid #D8D8D8; border-radius:2px; color:#1A1A1A; font-size:14px; font-family:'Noto-R'; cursor:pointer; box-sizing: border-box; text-align: center;}
.pre_area5 .filterSelect_table .search_btn > i{display:inline-block; margin-left:6px; width:18px; height:18px; background:url("//image5.compuzone.co.kr/img/images/recomend21/search_Btning.png") center no-repeat; vertical-align:-3px;}
.pre_area5 .filterSelect_table .reset_btn > i{display:inline-block; margin-left:6px; width:18px; height:18px; background:url("//image5.compuzone.co.kr/img/images/recomend21/reset_Btnimg.png") center no-repeat; vertical-align:-3px;}
.pre_area5 .filterSelect_table .tableSlide_btn{position:absolute; left:50%; margin-left:-105px; bottom:-25px; width:210px; height:48px; background:#fff; border:1px solid #E8E8E8; border-radius:35px; overflow:hidden; text-align:center; cursor:pointer;}
.pre_area5 .filterSelect_table .tableSlide_btn p{position:relative; line-height:46px; color:#3A3A3A; font-size:16px; display: flex; align-items: center; justify-content: center; gap:10px;}
.pre_area5 .filterSelect_table .tableSlide_btn .table_more i{display:inline-block; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_24.svg") center/contain no-repeat; }
.pre_area5 .filterSelect_table .tableSlide_btn .table_fold i{display:inline-block; width:16px; height:16px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_up_24.svg") center/contain no-repeat; }
.pre_area5 .filterSelect_table .tableSlide_btn .table_fold{display:none;}
/* 테이블 슬라이드 관련 css */
.pre_area5 .silde_table{height:0; overflow:hidden; transition:0.5s all;}
.pre_area5 .silde_table.on{height:auto !important; overflow:visible; transition:0.5s all;}
.pre_area5 .cpu_table{height:70px; overflow:hidden;}
.pre_area5 .cpu_table.on{height:auto !important; overflow:visible;}
.pre_area5 .cpu_table.on .cpu_more{display:none;}
.pre_area5 .cpu_table.on .cpu_fold{display:block; line-height:20px;}
.pre_area5 .filterSelect_table .tableSlide_btn.on .table_more{display:none;}
.pre_area5 .filterSelect_table .tableSlide_btn.on .table_fold{display: flex; align-items: center; justify-content: center;}
.pre_area5 .recoPrdList_wrap{position:relative;}

/* pre_area6 - 상품 영역 */
.pre_area6 {width:100%; margin:0 auto; padding:80px 0 120px; background:#1A1A1A; box-sizing: border-box; position:relative; overflow:hidden;}
.pre_area6::before {content:''; width:100%; height:420px; background: linear-gradient(90deg, rgba(84, 23, 117, 0.5) 20%, transparent); transform:rotate(146deg); position:absolute; top: -2%; right:-50%;}
.pre_area6::after {content:''; width:100%; height:420px; background: linear-gradient(120deg, rgba(1, 119, 254, 0.3) 10%, transparent); transform:rotate(19deg); position:absolute; left:-10%; opacity:0.75;}
.pre_area6 .inner1300 {width:1300px; margin:0 auto; }
.pre_area6 .pre_pro_tab {display:flex; justify-content: space-between; align-items: center; width:100%; height:100px; margin-bottom:20px; padding:0 40px; background:#fff; border-radius: 10px; box-sizing: border-box; position:relative; z-index:1;}
.pre_area6 .pre_pro_tab ul { display:flex; justify-content: space-between; overflow:hidden;}
.pre_area6 .pre_pro_tab ul li {display:flex; justify-content: space-between; align-items: center; padding-right:40px; overflow:hidden; position:relative;}
.pre_area6 .pre_pro_tab ul li::before {content:''; width:1px; height:17px; background:#D8D8D8; position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.pre_area6 .pre_pro_tab ul li:last-child:before {display:none;}
.pre_area6 .pre_pro_tab ul li a {display: block; font-size:18px; text-decoration: none; color:#1a1a1a;}
.pre_area6 .pre_pro_tab ul li.on a { font-family:'noto-B'; color:#1C8FED;}
.pre_area6 .pre_pro_tab .fl_right { overflow:hidden; border: 1px solid #D8D8D8; display: flex;}
.pre_area6 .pre_pro_tab .fl_right a{width: 38px; height: 38px; background:unset; display:inline-block; text-indent: -999px;}
.pre_area6 .pre_pro_tab .fl_right a.listv {background: url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.pre_area6 .pre_pro_tab .fl_right a.imgv {background: url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_view_img_24.svg') center center; background-size: 24px; background-repeat: no-repeat; border-right: 1px solid #D8D8D8; width: 37px;}
.pre_area6 .pre_pro_tab .fl_right a.imgv.on {background-position: unset; z-index: 1; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_view_img_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.pre_area6 .pre_pro_tab .fl_right a.imgv:hover{background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_view_img_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.pre_area6 .pre_pro_tab .fl_right a.listv.on {background-position: unset; position: relative; z-index: 2; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.pre_area6 .pre_pro_tab .fl_right a.listv:hover{background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
/* 타이틀 토글 */
.pre_area6 .pre_pro_area {width:100%; background:#fff; border-radius: 10px; box-sizing: border-box; position:relative; z-index:100;}
.pre_area6 .pre_pro_top {display:flex; justify-content: space-between; align-items: center; width:100%; height:90px; padding:0 40px; box-sizing: border-box;}
.pre_area6 .pre_pro_top h4 {font-size:18px; font-family:'noto-B'; font-weight: normal; color:#1A1A1A;}
.pre_area6 .pre_pro_top h4 span {font-size:18px; font-family:'noto-B'; font-weight: normal; color:#1A1A1A;}
.customP_switch{position:relative; display: flex; align-items: center;}
.customP_switch>div {display: flex; align-items: flex-end;}
.customP_switch input.leftchk[type="checkbox"] + label.leftchk {vertical-align: inherit;}
.customP_switch .ques{position:relative; display:inline-block; width:18px; height:18px; margin-left:2px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_question_mark_circle_24.svg") center no-repeat; vertical-align:-4px; cursor:pointer;}
.customP_switch .ques_Layer{display:none; position:absolute; right:-10px; top:30px; width:517px; z-index:10;}
.customP_switch .customP_txt {font-size:14px;}
.customP_switch input[type="checkbox"] {display:none;}
.customP_switch input[type="checkbox"] + label {display:inline-block; font-size:14px; height:18px; letter-spacing:-0.5px; color:#1a1a1a;}
.customP_switch input[type="checkbox"] + label > i {display:inline-block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png') center center no-repeat; cursor:pointer; margin: 0 5px 0 0;}
.customP_switch input[type="checkbox"]:checked + label > i {background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png') center center no-repeat;}
.customP_switch .quick_pickUP_icon > b {font-weight: normal;}
.customP_switch .quick_pickUP_icon > b em {margin-left:4px;}
.customP_switch .option_box.qp_box .qu_over { display:block; width: 20px; height: 20px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_question_mark_circle_24.svg") center/contain no-repeat; margin-left: 2px; position: absolute; right:0; z-index: 1; cursor: pointer; }
/* 상품이미지영역 */
.pre_pro_imgv ul {border-top:1px solid #d8d8d8; overflow:hidden;}
.pre_pro_imgv ul li {float:left; width:25%; min-height:527px; padding:10px 10px 0; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; height:585px; position:relative; box-sizing: border-box; transition:all 0.2s;}
.pre_pro_imgv ul li:nth-child(4n) {border-right:none;}
.pre_pro_imgv ul li .pro_thum {display:block; width:245px; height:245px; margin:20px auto 35px; text-align: center; box-sizing: border-box;}
.pre_pro_imgv ul li .pro_thum img {display:block; width:245px; height:245px;}
.pre_pro_imgv ul li::before {content:''; width:calc(100% - 20px); height:calc(100% - 20px); background:#1C85ED; position:absolute; top:10px; border-radius:8px; opacity:0; transition:all 0.2s;}
.pre_pro_imgv_btn {width:244px; position:absolute; top:240px; left:50%; transform:TranslateX(-50%); opacity:0; transition: all 0.2s;}
.pre_pro_imgv_btn a {display:block; float:left; width:117px; height:40px; line-height:40px; margin-right:10px; border-radius:20px; background:#fff; font-size:14px; font-family:'noto-M'; color:#1A1A1A; text-align: center;}
.pre_pro_imgv_btn a:last-child {margin-right:0; background:transparent; border:1px solid #fff; color:#fff; box-sizing: border-box;}
.pre_pro_imgv_text {width:calc(100% - 60px); margin:0 auto 10px; position:relative; box-sizing: border-box; z-index:1}
.pre_pro_imgv_text p.ad{color: #1A1A1A; font-family: 'noto-B'; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; height: 23px; transition:all 0.2s;}
.pre_pro_imgv_text .iworks-title-grid {color: #1A1A1A; font-family: 'noto-B';font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;height: 23px;} 
.pre_pro_imgv_text h4 {margin-bottom:10px; font-size:16px; font-weight:normal; color:#1a1a1a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition:all 0.2s;}
.pre_pro_imgv_text h5 {margin-bottom:6px; font-family:'noto-M'; font-size:14px; font-weight:normal; color:#949494; overflow: hidden; transition:all 0.2s;}
.pre_pro_imgv_text h5 span {float:right; width:calc(100% - 50px); color:#949494; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  transition:all 0.2s;}
.pre_pro_imgv_text h6 {width:100%; margin-bottom:10px; font-size:14px; font-family:'noto-M'; font-weight:normal; color:#1C8FED; overflow:hidden; transition:all 0.2s;}
.pre_pro_imgv_text h6 b {margin-right:4px; font-size:18px; font-family:'spoqa B'; color:#1C8FED; transition:all 0.2s;}
.pre_pro_imgv_text h6 span {float:right; font-size:18px; font-family:'spoqa B'; color:#1C8FED; transition:all 0.2s;}
.evtTag_wrap {width: calc(100% - 60px); margin: 0 auto;}
.evtFix_tag {font-family:'맑은 고딕';}
.pre_pro_imgv .pre_compare {position:absolute; top:30px; left:25px; z-index:1; display: none;}
.pre_pro_imgv .pre_compare.on {display:block;}
.pre_pro_imgv .pre_compare span {display: block; padding:5px 13px 7px 9px; background:#2A9CFF; font-size:14px; color:#fff; border-radius:17px; box-sizing: border-box;}
.pre_pro_imgv .pre_compare span i {display:inline-block; width:18px; height:18px; margin-right:2px; background:url('//image5.compuzone.co.kr/img/images/premium_pc/compare_che.png') center 2px no-repeat; }
.pre_pro_imgv .pre_reco_per {display:inline-block; position:absolute; top:265px; right:30px;}
.pre_pro_imgv .pre_reco_per::before {content:''; border-top: 5px solid #7328A4; border-bottom: 4px solid transparent; border-left: 5px solid #7328A4; border-right: 6px solid transparent; position:absolute; bottom:-9px; right:0;}
.pre_pro_imgv .pre_reco_per span {display:inline-block; position:relative; padding:6px 15px; background:#BB54FF; border-radius: 2px 2px 0 2px; font-size:14px; color:#fff; box-sizing: border-box;}
.pre_pro_imgv .pre_reco_per span b {color:#fff; font-weight: normal; }
.pre_pro_imgv ul li:hover::before {opacity:0.9; z-index:1;}
.pre_pro_imgv ul li:hover .pre_pro_imgv_btn {opacity:1; z-index:1;}
.pre_pro_imgv ul li:hover .pre_pro_imgv_text p.ad {color:#fff;}
.pre_pro_imgv ul li:hover .pre_pro_imgv_text h4 {color:#fff;}
.pre_pro_imgv ul li:hover .pre_pro_imgv_text h5 {color:#fff;}
.pre_pro_imgv ul li:hover .pre_pro_imgv_text h6 {color:#fff;}
.pre_pro_imgv ul li:hover .pre_pro_imgv_text span {color:#fff;}
.pre_pro_imgv ul li:hover .pre_pro_imgv_text b {color:#fff;}

.pre_pro_imgv ul li:hover .pre_pro_imgv_text p { color:#fff; }
/* 상품리스트영역 */
.pre_pro_listv {width:1300px; margin:0 auto;}
.pre_pro_listv .product_list{width:100%; padding-bottom:20px; border-top:1px solid #D8D8D8; font-size:0; box-sizing: border-box;} 
.pre_pro_listv .reco_sale .discount{color:#F14738; font-size:20px; font-family:'spoqa b'; font-weight:bold;}
.pre_pro_listv .reco_price .reco_sale span{display:inline-block; margin-left:10px; color:#6c6c6c; font-size:15px; font-family:'spoqa R'; text-decoration:line-through;}
.pre_pro_listv .reco_per {display:inline-block; position:relative; top:2px;}
.pre_pro_listv .reco_per::before {content:''; border-bottom: 5px solid #7328A4; border-top: 4px solid transparent; border-left: 5px solid #7328A4; border-right: 6px solid transparent; position:absolute; top:-9px; right:0;}
.pre_pro_listv .reco_per span {display:inline-block; padding:6px 15px; background:#BB54FF; border-radius: 2px 0 2px 2px; font-size:14px; color:#fff; box-sizing: border-box; position:relative;}
.pre_pro_listv .reco_per span b {color:#fff; font-weight: normal;}
.pre_pro_listv .reco_won{position:relative; color:#434343; vertical-align:middle; font-weight:bold;}
.pre_pro_listv .reco_won strong{font-size:22px; font-family:'spoqa b'; line-height:1.3;}
.pre_pro_listv .reco_won em{font-size:19px; line-height:1.3;}
.pre_pro_listv .product_list .btn_price{display:inline-block; margin-left:5px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg") center/12px no-repeat; width:16px; height:16px; border-radius: 50%; border:1px solid #3a3a3a; cursor:pointer; box-sizing: border-box;}
.pre_pro_listv .product_list .btn_price:hover{background:#3a3a3a url("//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_down_12.svg") center/12px no-repeat;}
.pre_pro_listv .price_Layer{display:none; position:absolute; left:0; top:30px; padding:18px; width:217px; background:#fff; border:1px solid #6c6c6c; box-shadow:0 3px 8px rgba(0,0,0,0.2); color:#6c6c6c; font-size:13px; z-index:10;}
.pre_pro_listv .btn_price:hover + .price_Layer{display:block;}
.pre_pro_listv .price_Layer dl{padding-top:8px; display:block; width:100%;}
.pre_pro_listv .price_Layer .origin{padding-top:0; padding-bottom:8px; border-bottom:2px solid #eee;}
.pre_pro_listv .price_Layer dt{float:left; color:#6c6c6c; font-size:13px; vertical-align:top;}
.pre_pro_listv .price_Layer dd{float:right; color:#6c6c6c; font-size:16px; line-height:1; font-weight:bold; text-align:right; vertical-align:top;}
.pre_pro_listv .price_Layer dd  > em{color:#6c6c6c; font-size:16px; line-height:1;}
.pre_pro_listv .price_Layer .total dt , .pre_pro_listv .product_list .price_Layer .total dd , .pre_pro_listv .product_list .price_Layer .total dd > em{color:#F14738; }
.pre_pro_listv .price_Layer dl:after{content:""; display:block; clear:both;}
.pre_pro_listv .review_wrap{margin-top:14px;}
.pre_pro_listv .reviewStar_shape{position:relative; display:inline-block; width:60px; height:12px; margin-right:3px; background:#fff url("//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_star.svg") center left/contain repeat-x;  vertical-align:middle;}
.pre_pro_listv .reviewStar{position:absolute; left:0; top:0; display:inline-block; height:12px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_star.svg") center left/contain repeat-x;}
.pre_pro_listv .review_wrap > span{display:inline-block; color:#6c6c6c; font-size:13px; vertical-align:middle;}
.pre_pro_listv .spec_table{border-top:1px solid #E8E8E8;}
.pre_pro_listv .spec_table th , .pre_pro_listv .spec_table td{padding:10px; border-bottom:1px solid #E8E8E8; font-size:14px; font-family:'Noto-R'; vertical-align:middle; min-width:50px;}
.pre_pro_listv .spec_table th{background:#F2F2F2; font-weight:normal; color:#1A1A1A; text-align:center;}
.pre_pro_listv .spec_table td{color:#6C6C6C; text-align:left;}
.pre_pro_listv .viewType_L {font-size:0;}
.pre_pro_listv .viewType_L li {padding:40px; border-bottom:1px solid #D8D8D8; }
.pre_pro_listv .viewType_L li:last-child {border-bottom:0; }
.pre_pro_listv .viewType_L .reco_img{position:relative; display:inline-block; width:190px; height:190px; vertical-align:top;}
.pre_pro_listv .viewType_L .reco_img img{display:block; width:190px; height:190px;}
.pre_pro_listv .viewType_L .reco_info{display:inline-block; padding-right:40px; margin-left:30px; width:740px; border-right:1px solid #D8D8D8; vertical-align:top; box-sizing: border-box;}
.pre_pro_listv .viewType_L .reco_name .wh100{height:auto !important; max-height:42px}
.pre_pro_listv .viewType_L .reco_name .iworks-title {color: #1A1A1A; font-family: 'noto-B';font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;height: 23px;} 
.pre_pro_listv .viewType_L .reco_name p{color:#1A1A1A; font-size:16px; line-height:1; font-family:'Noto-R'; word-break:break-all;}
.pre_pro_listv .viewType_L .reco_name p.ad{color: #1A1A1A; font-family: 'noto-B'; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; height: 23px;}
.pre_pro_listv .viewType_L .reco_name p.sub_info{margin-top:12px; color:#3A3A3A; font-size:14px;}
.pre_pro_listv .viewType_L .spec_list{margin-top:15px; /* height:133px; */}
.pre_pro_listv .viewType_L .spec_table td{padding:12px 10px;}
.pre_pro_listv .viewType_L .evtTag_wrap{width:auto; margin:22px 0 0 0; }
.pre_pro_listv .viewType_L .evtTag_wrap + .evtTag_wrap {margin:0;}
.pre_pro_listv .reco_Lbox{position:relative; display:inline-block; margin-left:40px; margin-top:-6px; width:218px; vertical-align:top;}
.pre_pro_listv .viewType_L .reco_sale{margin-bottom:10px;}
.pre_pro_listv .viewType_L .review_wrap{margin-top:27px;}
.pre_pro_listv .viewType_L .prd_icon {margin-top:5px;}
.pre_pro_listv .option_btn{margin-top:30px; text-align:center;}
.pre_pro_listv .option_btn .button_area{font-size:0; width:218px; height:36px; }
.pre_pro_listv .button_area > button{display:inline-block; width:50%; line-height:36px; background:#fff; border:1px solid #DBDBDB; color:#6C6C6C; font-size:14px; font-family:'Noto-R'; }
.pre_pro_listv .button_area > button:hover{color:#fff; background:#1a1a1a;}
.pre_pro_listv .button_area .buy_btn{border-left:0;}
.pre_pro_listv .option_icon{margin-top:20px; padding-left:14px;}
.pre_pro_listv .option_icon a{position:relative; display:inline-block; width:34px; height:20px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_new_open_24.svg") center left/contain no-repeat;}
.pre_pro_listv .option_icon a.icon_heart {background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_heart_24.svg") center left/contain no-repeat;}
.pre_pro_listv .option_icon .icon_blank{margin-right:14px; border-right:1px solid #d8d8d8;}
.pre_pro_listv .option_icon .icon_blank:hover{ background:url("//image5.compuzone.co.kr/img/images/svg_icon/1C8FED/icon_line_new_open_24.svg") center left/contain no-repeat;}
.pre_pro_listv .option_icon .icon_heart:hover{background:url("//image5.compuzone.co.kr/img/images/svg_icon/1C8FED/icon_line_heart_24.svg") center left/contain no-repeat;}
.pre_pro_listv .option_icon a span{position:absolute; left:-50%; bottom:-24px; display:none; padding:0 5px; width:auto; min-width:35px; height:19px; line-height:19px; background:#f6f9fc; border:1px solid #d8d8d8; border-radius:10px; color:#6c6c6c; font-size:12px; text-decoration:none; white-space:nowrap; z-index:999; }
.pre_pro_listv .option_icon a:hover span{display:block;}
.pre_pro_listv .reco_Lbox .compare_bt{position:absolute; right:0; top:4px;}
.pre_pro_listv .reco_Lbox .compare_bt.on > p {color:#fff;}
.pre_pro_imgv .comtube_btn {top:30%;}
.comtube_btn {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:42px; height:42px; background:url("//image5.compuzone.co.kr/img/images/product_list/prdPlay_btn.png") center no-repeat; background-size:cover; opacity:1; transition:0.5s all; font-size:0; z-index:10; cursor:pointer;}
.comtube_btn:hover{background:url("//image5.compuzone.co.kr/img/images/product_list/prdPlay_btn_hover.png") center no-repeat;}

/* 탭메뉴 로딩이미지 */
.pre_pro_area .loading_wrap {width: 300px; height: 100px; margin: 50px auto;}
.pre_pro_area .loading_wrap .iconBox {float: left; width: 80px; height: 80px; background: url('//image5.compuzone.co.kr/img/images/product_detail/sch_loading.gif') 0 0 no-repeat;}
.pre_pro_area .loading_wrap .textBox {float: left; width: 200px; height: 80px; margin-left: 20px; line-height: 80px;}
.pre_pro_area .loading_wrap .textBox p.title {font-size: 25px; font-family:'Noto-B'; color: #3d3e41;}

/* 맞춤가정렬 로딩이미지 */
.pre_pro_area{ background-color: #fff; width: 1070px; display: inline-block; }
.pre_pro_area .loading_Box{padding:60px 0 40px 0; position: relative; font-size: 20px; line-height: 24px; text-align:center;}
.pre_pro_area .loading_Box > i{display: inline-block; background:url('//image5.compuzone.co.kr/img/images/product_list/productList_N/loading_img2.gif') no-repeat; width:110px; height:110px; padding-bottom: 18px;}
.pre_pro_area .loading_Box.Chk > i{background:url('//image5.compuzone.co.kr/img/images/product_list/productList_N/loading_img1.gif') no-repeat;}
.pre_pro_area .loading_Box > p.loadingTxt_chk{ display:none;}
.pre_pro_area .loading_Box.Chk > p.loadingTxt_chk{ display:block;}
.pre_pro_area .loading_Box.Chk > p.loadingTxt{ display:none;}

/*페이징*/
.prd_list_pager{padding:0 0 60px; text-align:center;}
.prd_list_pager .page_area{font-size:0;}
.prd_list_pager .page_area > a{display:inline-block; margin-right:5px; width:30px; height:30px; line-height:28px; background-color:#fff; border:1px solid #d8d8d8; color:#3a3a3a; font-size:12px; vertical-align:middle;}
.prd_list_pager .page_area > a:active , .prd_list_pager .page_area > a:hover{border-color:#3a3a3a; }
.prd_list_pager .page_area .num.active , .prd_list_pager .page_area .num:hover{background:#3a3a3a; border-color:#3a3a3a; color:#fff;}
.prd_list_pager .page_area .prev{margin:0 10px 0 0; background:#fff url("//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png") -97px -132px no-repeat; font-size:0;}
.prd_list_pager .page_area .next{margin:0 0 0 5px; background:#fff url("//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png") -117px -132px no-repeat; font-size:0;}

/* 이달의 혜택 보러가기 - 무이자 할부카드 안내팝업 */
#cardInfoLayer {width: 410px; height: auto; padding: 25px; z-index: 300; border:1px solid #b7bbc0; background:#fff; box-sizing: border-box; text-align: left; position: fixed; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'noto-M';}
#cardInfoLayer p { font-size: 16px; margin: 0 0 10px; font-family: 'Noto-R'; color: #1A1A1A; } 
#cardInfoLayer .title { margin-top: 0px;  margin-bottom: 20px; text-align: center; padding-bottom: 15px;  font-size: 18px; font-family: 'noto-B';  font-weight: normal; color: #1A1A1A; border-bottom: 1px solid #1a1a1a;} 
#cardInfoLayer .s_close { position:absolute !important; padding:0 !important; top:20px; right:20px; width:16px; height:16px; background: url(//image5.compuzone.co.kr/img/images/product_detail/btn_pd_new.png) -350px -130px no-repeat; } 
#cardInfoLayer .tab_area { overflow:hidden; margin-top:20px; } 
#cardInfoLayer .tab_area button { width: 50%; float: left; background:#fff; border: 1px solid #ccc; padding:5px 0; font-family: 'noto-R'; font-size:14px; } 
#cardInfoLayer .tab_area button.on { width: 50%; float: left; border: 1px solid #1a1a1a; background: #1a1a1a; color: #fff; } 
#cardInfoLayer .tab_area button {padding:13px 0; font-size:16px;}
#cardInfoLayer .tab_pay {margin:20px 0 15px;}
#cardInfoLayer .tab_area2 {margin-top:0;}
#cardInfoLayer .tab_area2 button {width:auto; padding:9px 20px 10px; background:none; color:#1a1a1a; margin-right:10px; border-radius:20px; border: solid 1px #d8d8d8; font-size:14px;}
#cardInfoLayer .tab_area2 button.on { width:auto; background:none; color:#1a1a1a; border:1px solid #1a1a1a;}
#cardInfoLayer .card_info_inner { margin-top:20px; } 
#cardInfoLayer .card_info_inner .contentBox { width:100%; min-height:190px; padding: 0; height:387px; overflow-y:auto;}
#cardInfoLayer .card_info_inner .contentBox::-webkit-scrollbar{width:4px;}
#cardInfoLayer .card_info_inner .contentBox::-webkit-scrollbar-thumb{background:#d8d8d8; border-radius: 10px;}
#cardInfoLayer .card_info_inner .contentBox::-webkit-scrollbar-track{background:#f9f9f9;}
#cardInfoLayer .card_info_inner .contentBox .table_type3 td { text-align:left; word-break:break-all; } 
#cardInfoLayer .card_info_inner .contentBox .table_type3 td:nth-child(2) { text-align:center; } 
#cardInfoLayer .card_info_inner .info { margin-top:10px; font-size:13px; } 
#cardInfoLayer .card_info_inner th.card { padding:0; text-align:center; } 
#cardInfoLayer .card_info_inner th.card img {display: block; margin:0 auto; text-align: center;}
#cardInfoLayer .card_info_inner .box100 { padding:5px 20px; width:360px; } 
#cardInfoLayer .card_info_inner .sec_title { padding-left:0; } 
#cardInfoLayer .card_info_inner .contentBox2 { width:100%; height:190px; padding:0; } 
#cardInfoLayer .card_info_inner .table_type2 { border:none; width:100%; } 
#cardInfoLayer .card_info_inner .table_type2 th { border-top: 1px solid #eee; border-left:none; } 
#cardInfoLayer .card_info_inner .table_type2 td { border-left:none; line-height: 16px; } 
#cardInfoLayer .card_info_inner .table_type2 td strong { color:#3c3c3c; } 
#cardInfoLayer .card_info_inner .table_type3 {width:100%; border-top: 1px solid #eee; letter-spacing: -1px;}
#cardInfoLayer .card_info_inner .table_type3 th { border-right:none; border-left:none; background-color:#fff; height:20px; font-size:12px; padding:7px; font-weight:bold; color:#3c3c3c; font-family:Tahoma,'맑은고딕',malgun gothic; text-align:left; border-bottom: 1px solid #eee;} 
#cardInfoLayer .card_info_inner .table_type3 td { line-height:18px; padding:7px; color:#383838; border-bottom: 1px solid #eee;} 
#cardInfoLayer .card_info_inner .table_type3 tr.card_tdh td {height:35px; text-align:center; background-color:#f9f9f9; } 
#cardInfoLayer .card_info_inner .card_infoText { margin-top:10px; font-size:13px; font-family:'맑은고딕'; color:#1a1a1a; letter-spacing: -1px;} 
.card_info_layer .nano > .nano-pane {width:6px; background:#f9f9f9;}
.card_info_layer .nano > .nano-pane > .nano-slider {background:#d8d8d8;}

/*상품 리스트 없을 경우*/
.reco_noList{padding:80px 0; border:1px solid #d8d8d8; width:100%; text-align:center; box-sizing: border-box;}
.reco_noList > i{display:block; margin-bottom:15px;}
.reco_noList .txt1{color:#1a1a1a; font-size:21px; font-family:'Noto-R';}
.reco_noList .txt2{color:#959595; font-size:16px; font-family:'Noto-R';}
.reco_noList .allList_btn{display:inline-block; margin-top:20px; padding:0 15px; width:140px; height:38px; line-height:38px; background:#1a1a1a; border-radius:2px; color:#fff; font-size:16px; font-family:'Noto-R';}

/* 230321 94052 맞춤가 체크박스로 변경*/
.option_box {margin-left:20px;}
.custom_pri {margin-left:20px; display: flex; align-items: center;}
input.leftchk[type="checkbox"] + label.leftchk > i{display:inline-block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png') center center no-repeat; cursor:pointer; margin: 0 5px 0 0;}
input.leftchk[type="checkbox"]:checked + label.leftchk > i{background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png') center center no-repeat;}

/* 230403 .pre_area3_fixtxt > z-index 수정(before에 덮혀 클릭 안되는 문제) */
.pre_area3_fixtxt{z-index: 2;}

/* 230810 100608 배지아이콘추가 */
.pre_pro_imgv .bats {width: 60px; position: absolute; top:30px; right:30px; box-sizing: border-box; z-index: 2;}
.pre_pro_imgv .bats .bats_icon {display: block; width: 60px; height: 60px; margin-bottom: 15px;}
.pre_pro_imgv .bats .bats_icon img {width: 60px; height: 60px; position: inherit;}
.pre_pro_listv .bats {width: 60px; position: absolute; top:2px; right:5px; box-sizing: border-box; z-index: 2;}
.pre_pro_listv .bats .bats_icon {display: block; width: 60px; height: 60px; margin-bottom: 2px;}
.pre_pro_listv .bats .bats_icon img {width: 60px; height: 60px; position: inherit;}

/* 230914 101857 토스페이 프로모션 수동 배너 이벤트 */
.floating_banner {position:fixed; bottom:100px; right:15%; z-index:99; animation: floating_banner 2s ease-in-out alternate infinite;}
.floating_banner a {display: block;}
.floating_banner a span {display: block;}
.floating_banner a.closeX {width:22px; height:22px; position: absolute; top:10px; right:15px;}
.floating_banner:hover{animation-play-state:paused;}
@keyframes floating_banner {
	0% { transform: translateY(0); }
	100% { transform: translateY(30px); }
  }

/* 117561 토요일출발 */
.quick_pickUP_layer_pop {top: -150px; left: -430px;}
.pre_area6 .pre_pro_top .quick_pickUP_layer_pop {top: 23px; left: -259px;}


/*** 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 * {font-family:'noto-R'; font-style: normal; box-sizing: border-box;} 
.premium-wrap h1, .premium-wrap h2, .premium-wrap h3, .premium-wrap h4, .premium-wrap h5, .premium-wrap h6 {font-weight: normal;} 
.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-size: 18px;}

/* 띠배너 */
.pc_top_banner.violet {background: linear-gradient(270deg, #5917B8 0%, #350E6E 100%);} 
.pc_top_banner.violet .text {color: #fff; font-family: 'noto-l';} 
.pc_top_banner.violet .text span {color: #fff;} 

/* 상단 롤링 배너, 서비스 소개 & 혜택 영역 */
.premium-wrap .section.sc-intro {background: #000; color: #fff; height: 910px; padding-top: 0;} 

/* 상단 롤링 배너 */
.banner-wrap {height: 540px; color: #fff;} 
.premium-banner-slide {height: 540px;}
.premium-banner-slide .item {display: flex; justify-content: space-between; height: 100%; position: relative; padding-top: 150px;} 
.premium-banner-slide .txt-box {display: flex; flex-direction: column; gap: 20px;} 
.premium-banner-slide h2 {font-size: 56px; font-family: 'noto-B'; letter-spacing: -2.24px; opacity: 0; transform: translateY(20px);} 
.premium-banner-slide h3 {font-size: 18px; letter-spacing: -0.45px; opacity: 0; transform: translateY(20px);} 
.premium-banner-slide p:nth-child(2) {animation-delay: .6s;}
.premium-banner-slide .img-box {width: 424px; height: 424px; transform: translate(-140px, 0); opacity: 0;} 
.premium-banner-slide .img-box>img {width: 100%; height: 100%;} 

.premium-banner-slide .swiper-slide-active h2 {animation: fadeUp2 .6s .2s forwards;}
.premium-banner-slide .swiper-slide-active h3 {animation: fadeUp2 .6s .4s forwards;}
.premium-banner-slide .swiper-slide-active .img-box {animation: fadeUp .6s .8s forwards;}


.sc-intro .bg {position: absolute; right: 0; top: -50px; width: 700px; height: 700px; transform: rotate(105deg); background-position: center; background-repeat: no-repeat; background-size: contain; opacity: 0;}
.sc-intro .bg.on {animation: fadeIn .6s .3s 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");}

.sc-intro .swiper-option {width: 1204px; height: 20px; margin: 0 auto; position: absolute; bottom: 115px; left: 0;} 
.sc-intro .swiper-button-next, .sc-intro .swiper-button-prev {margin-top: 0; top: 0; left: 0; right: 0; bottom: 0;} 
.sc-intro .swiper-option .left {width: 20px; height: 20px; top: 0; background: url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_prev_12.svg') center center no-repeat;} 
.sc-intro .swiper-option .right {width: 20px; height: 20px; top: 0; left: 413px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg') center center no-repeat;} 
.sc-intro .swiper-container-horizontal>.swiper-pagination-bullets, 
.sc-intro .swiper-pagination-custom, 
.sc-intro .swiper-pagination-fraction {width: auto; top: 0; bottom: 0; color: #fff;} 
.sc-intro .swiper-pagination {font-size: 14px; font-family: 'spoqa B';} 
.sc-intro .swiper-pagination .swiper-pagination-current {color: #fff; position: absolute; top: 0; left: 24px;} 
.sc-intro .swiper-pagination .swiper-pagination-total {color: #fff; position: absolute; top: 0; left: 395px;} 
.sc-intro .progress {width: 328px; height: 2px; background: rgba(216,216,216,0.4); position: absolute; top: 9px; left: 50px;} 
.sc-intro .progress .probar {width: 0%; height: 2px; background: #fff; position: absolute; top: 0; left: 0;} 
.sc-intro .progress .probar.on {animation: probar 2.5s linear forwards;} 

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

@keyframes fadeUp {
	0% {opacity: 0; transform: translate(-140px, 0);}
	100% {opacity: 1; transform: translate(-140px, -80px);}
}

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

@keyframes probar {
 0% {width: 0;} 
 100% {width: 100%;} 
}

/* 프리미엄 서비스 소개 & 혜택 */
.box-list {position: absolute; z-index: 2; left: 50%; bottom: 0; transform: translate(-50%); display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; height: 250px;}
.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';}
.box-list .txt-box span {font-size: 16px; font-family: 'noto-R';}
.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; z-index: -1; 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 {position: absolute; left: 0; top: 800px;}
.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;}

/* 공통 상품 슬라이드 */
.product-slide .item {display: flex; flex-direction: column; gap: 16px;}
.product-slide .img-box {width: 286px; height: 286px; background: #fff; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.product-slide .img-box>img {width: 245px; height: 245px;}
.product-slide .info-box {display: flex; flex-direction: column; gap: 10px; width: 286px;}
.product-slide .name {font-size: 16px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.product-slide .price-box {display: flex; justify-content: space-between; font-size: 18px;}
.product-slide .discount {color: #F14738; font-family: 'spoqa M';}
.product-slide .price {display: flex; gap: 6px; align-items: center;}
.product-slide .original {font-size: 14px; font-family: 'spoqa R'; text-decoration: line-through; color: #949494;}
.product-slide .total {font-family: 'spoqa M';}
.product-slide + .swiper-option {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2;}
.product-slide + .swiper-option .swiper-button-prev, 
.product-slide + .swiper-option .swiper-button-next {position: absolute; width: 42px; height: 42px; border-radius: 50%; box-shadow: -3px 3px 12px #00000014; z-index: 2; transform: translateY(-50%); transition: all 0.3s; margin-top: -42px; opacity: 0;}
.product-slide + .swiper-option .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;}
.product-slide + .swiper-option .swiper-button-next {right: -21px; background: #fff url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_24.svg") center center/20px no-repeat;}

/* 상품 추천 영역 */
.recommend-tab-wrap {width: max-content; margin: 0 auto 30px; position: relative;}
.recommend-tab {width: 100%; height: 50px; display: flex; background: rgba(249,249,249,0.2); border-radius: 25px;}
.recommend-tab>li {position: relative; width: 249px; font-size: 16px;}
.recommend-tab-wrap .glider {position: absolute; left: 0; top: 0; display: block; width: 249px; height: 50px; background: #000; border-radius: 25px; transition: .25s ease-out;}
.recommend-tab>li>a {position: relative; z-index: 1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.recommend-slide {position: relative;}
.recommend-slide:hover .swiper-button-prev,
.recommend-slide:hover .swiper-button-next {opacity: 1;}
.recommend-slide:hover .swiper-button-next.swiper-button-disabled, 
.recommend-slide:hover .swiper-button-prev.swiper-button-disabled {opacity: 0.35;}
.recommend-cont {display: none;}
.recommend-cont.on {display: block;}


/* 게임별 추천 PC 영역 */
.game-slide {position: relative;}
.game-slide .item {display: inline-flex; flex-direction: column; width: 285px; height: 405px; padding: 20px; border-radius: 10px; background: #fff; border: 1px solid #FFFFFF4D; overflow: hidden; color: #1a1a1a; margin-right: 20px;}
.game-slide .game {display: flex; gap: 8px; align-items: center;}
.game-slide .game::before {content: ''; display: block; width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; background: #d8d8d8 url("//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_game.svg") center/ 20px no-repeat;}
.game-slide .game>span {width: calc(100% - 40px); font-size: 18px; font-family: 'noto-B'; text-overflow: ellipsis; overflow: hidden; display: block; color: #1a1a1a;}
.game-slide .product-slide .img-box {width: 245px; height: 245px;}
.game-slide .product-slide .img-box img {width: 100%; height: 100%;}
.game-slide .label-list {display: flex; flex-wrap: wrap; gap: 3px;}
.game-slide .label-list>li {padding: 5px 10px; border-radius: 2px; font-family: '맑은고딕'; font-size: 12px; font-weight: 700; background: #F9F9F9; color: #1a1a1a;}
.game-slide .total {color: #1a1a1a;}
.game-slide:hover .swiper-button-prev,
.game-slide:hover .swiper-button-next {opacity: 1;}
.game-slide:hover .swiper-button-next.swiper-button-disabled, 
.game-slide:hover .swiper-button-prev.swiper-button-disabled {opacity: 0.35;}
.game-slide .product-slide + .swiper-option .swiper-button-prev, 
.game-slide .product-slide + .swiper-option .swiper-button-next {margin-top: 0;}

/* 브랜드관 */
.sc-brand {background: #000}
.sc-brand .section-tit {color: #fff;}
.sc-brand .cont {width: 1200px; margin: 0 auto;}
.sc-brand .cont .top {mask-image: linear-gradient(90deg, rgb(0, 0, 0) 90%, transparent);}
.sc-brand .cont .top.on {mask-image: inherit;}
.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;}

.view_all_pop {width: 1204px; margin: 0 auto; position: relative;}
.view_all_pop .closed {width: 48px; height: 48px; background: #0E6DE3 url(//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_close_24.svg) center center/24px no-repeat;  border-radius: 10px; position: absolute; top: 40px; right: -60px;}
.view_all_pop ul {display: flex; flex-wrap: wrap; gap: 12px; padding: 40px 0; box-sizing: border-box; max-height: 100vh; overflow-y: auto;}
.view_all_pop ul::-webkit-scrollbar {display: none;}
.view_all_pop ul li a {width: 596px; height: 152px; background: #FFFFFF; border-radius: 15px; display: flex; overflow: hidden;}
.view_all_pop ul li a span {background: #F9F9F9; display: flex; justify-content: center; align-items: center; padding: 0 20px; box-sizing: border-box; width: 202px;}
.view_all_pop ul li a span img {width: auto; height: 58px;}
.view_all_pop ul li a p {color: #6c6c6c;}
.view_all_pop ul li a > div {width: calc(100% - 202px); display: flex; flex-direction: column; justify-content: center;  gap: 8px; padding: 0 20px; box-sizing: border-box;}

/* 필터 검색 */
.premium-wrap .section.sc-search {background: #fff;}
.filter_searchBox {position: relative; padding-top: 100px; background: #fff; margin: 0;}
.filter_searchBox .inner{border-top:1px solid #1a1a1a; overflow: hidden; width: 1204px; margin: 0 auto;}
.filter_table{position:relative;}
.filter_table table th , .filter_searchBox table td{font-size:14px; text-align:left;}
.filter_table .border_tr td{border-top:1px solid #D8D8D8;}
.filter_table table th{padding:20px 0; border-top:1px solid #D8D8D8; color:#1A1A1A; font-family:'Noto-M';  vertical-align:top; font-weight: normal;}
.filter_searchBox .filter_table:first-of-type th {border-top: none;}
.filter_table table td {padding:20px; font-family:'Noto-R'; box-sizing: border-box;}
.filter_table table td span {display: inline-block; padding: 0 12px; max-width: 160px; height: 26px; line-height: 24px; border-radius: 50px; border: 1px solid; border-color: #fff; color: #949494; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; cursor: pointer;}
.filter_table table td span:hover , .filter_searchBox table td span.on {border-color:#1A1A1A; color:#1A1A1A;}
.filter_table table td span:hover i, .filter_searchBox table td span.on i {border-color:#1A1A1A; color:#1A1A1A;}
.filter_searchBox table td span.dsb {color:#d8d8d8;}
.filter_searchBox .table_area table td span:hover, .filter_searchBox table td span.on {color:#1A1A1A;}
.filter_searchBox table td span.dsb:hover {color:#d8d8d8; border:1px solid #fff;}
.filter_searchBox table td span.dsb.on:hover {color:#1A1A1A; border:1px solid #1A1A1A;}
.filter_searchBox .table_area {position:relative;}
.filter_searchBox .table_area .silde_table table {border-bottom:1px solid #e8e8e8;}
.filter_searchBox .table_area .tableSlide_btn {width:100%; height:90px; background:linear-gradient(transparent,rgb(255, 255, 255,0.7) 60%); text-align: center; position:absolute; bottom:0; cursor: pointer; display:flex; align-items: center;}
.filter_searchBox .table_area .tableSlide_btn.on {height:64px; background:none;}
.filter_searchBox .table_area .tableSlide_btn.on .table_more {display:none;}
.filter_searchBox .table_area .tableSlide_btn.on .table_fold {display:flex; align-items: center;}
.filter_searchBox .table_area .tableSlide_btn p {color:#1a1a1a; font-size:16px; position:absolute; bottom:20px; left:50%; transform:TranslateX(-50%); display: flex; align-items: center;}
.filter_searchBox .table_area .tableSlide_btn .table_more i{display:inline-block; margin-left:4px; width:20px; height:20px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_24.svg") center/contain no-repeat; }
.filter_searchBox .table_area .tableSlide_btn .table_fold i{display:inline-block; margin-left:4px; width:20px; height:20px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_up_24.svg") center/contain no-repeat; }
.filter_searchBox .table_area .tableSlide_btn .table_fold{display:none;}
.filter_searchBox .table_area .filter_btn{display:inline-block; width:26px; height:26px; border:1px solid #E1E1E1; border-radius:2px; text-align:center; vertical-align:top; cursor:pointer; position:absolute; bottom:20px;}
.filter_searchBox .table_area .filter_btn > i{display:inline-block; line-height:24px; color:#6C6C6C; font-size:24px; font-family:'Noto-R'; font-weight:normal;}
.filter_searchBox .table_area .filter_btn.on > i.filter_more {display:none;}
.filter_searchBox .table_area .filter_btn.on > i.filter_fold {display:block;}
.filter_searchBox .table_area .filter_btn .filter_fold{display:none;}
.silde_table{height:68px; overflow:hidden; transition:0.5s all;}
.silde_table.on{overflow:visible; transition:0.5s all;}
.filterSelect_table .tableSlide_btn.on .table_more{display:none;}
.filterSelect_table .tableSlide_btn.on .table_fold{display:block;}

.filterSelect_table{position:relative; border-top:1px solid #D8D8D8;}
.filterSelect_table .filter_list{display: flex; flex-wrap: wrap; gap: 8px}
.filter_list2 {overflow: hidden;  display: grid;grid-template-columns: repeat(6, 1fr); gap: 12px;}
.filter_list2 > div {width: max-content; height: 26px;}

.filterSelect_table .filter_list span{display:inline-block;; padding:0 8px; height:24px; line-height:24px; background:#F2F2F2; border-radius:35px; color:#3A3A3A; font-size:13px;}
.filterSelect_table .filter_list span a{display:inline-block; margin:0px 0 0 4px; width:12px; height:12px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_close_12.svg") center center /contain no-repeat; vertical-align: -2px;}
.filterSelect_table .tableSlide_btn{position:absolute; left:50%; margin-left:-105px; bottom:-25px; width:210px; height:48px; background:#fff; border:1px solid #E8E8E8; border-radius:35px; overflow:hidden; text-align:center; cursor:pointer;}
.filterSelect_table .tableSlide_btn p{position:relative; line-height:46px; color:#3A3A3A; font-size:16px;}
.filterSelect_table .tableSlide_btn .table_more i{display:inline-block; margin-left:10px; width:14px; height:14px; background:url("//image5.compuzone.co.kr/img/images/recomend21/table_down.png") center no-repeat; }
.filterSelect_table .tableSlide_btn .table_fold i{display:inline-block; margin-left:10px; width:14px; height:14px; background:url("//image5.compuzone.co.kr/img/images/recomend21/table_up.png") center no-repeat; }
.filterSelect_table .tableSlide_btn .table_fold{display:none;}

.filterSelect_table {border-top:none;}
.filterSelect_table th {font-size:16px; color:#1A1A1A; font-family:'Noto-M'; vertical-align:top; text-align: left; font-weight: normal; padding: 20px 0;}
.filterSelect_table .search_btn, .filterSelect_table .reset_btn {width: max-content; height:26px; line-height:26px; margin:12px 0 0; padding:0 10px; text-align:center; font-size:12px; font-family:'맑은고딕'; font-weight: normal; color:#1A1A1A; letter-spacing: -1.5px; box-sizing: border-box;  border:1px solid #D8D8D8; border-radius:2px; color:#1A1A1A; display: block;}
.filterSelect_table .filter_list {width:auto; padding: 20px;}
.filterSelect_table .filter_list span {background:#1A1A1A; color:#fff;}
.filter_fix {width:100%; background:#fff; border-top:1px solid #1a1a1a; position:fixed; bottom:0; left:0; z-index:999; box-shadow: 0px -6px 8px rgba(0,0,0,0.16); display:none;}
.filter_fix.on.fixed {display: block;}
.filter_fix .filter_fix_inner {width:1204px; margin:0 auto;}
.filter_fix_top {display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #D8D8D8; padding:20px 0 ; box-sizing: border-box;}
.filter_fix_top .flex_right {display: flex; gap: 12px;}
.filter_fix_top h2 {font-size:18px; font-family:'noto-R'; font-weight: normal; color:#1a1a1a;}
.filter_fix_top h2 span {font-size:18px; font-family:'noto-B'; font-weight: normal; color:#1a1a1a;}
.filter_fix_top h2 span i {font-family:'spoqa B'; font-style: normal;}
.filter_fix_top a {display: inline-block; width:134px; height:40px; line-height:40px; border-radius:2px; background:#fff; border:1px solid #D8D8D8; text-align: center; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#1a1a1a;}
.filter_fix_top a.Bbtn {background:#1A1A1A; border:1px solid #1A1A1A; color:#fff;}
.filter_fix .filterSelect_table th {padding: 20px 0 0px;}
.filter_fix .filterSelect_table td {padding: 20px 0 24px;}
.filter_searchBox .inner .filterSelect_table {display:none;}
.filter_searchBox .inner .filterSelect_table.on, .filter_searchBox .inner .filterSelect_table.onn {display:block;}
.filter_searchBox .inner .filterSelect_table.on.fixed {position:fixed; bottom:0; left:0; background:#fff; z-index:999;}
.filterSelect_table.on th {padding: 0;}
.filter_fix .filterSelect_table.fixed th { padding: 20px 0 0px}
.filter_searchBox .filterSelect_table.on .filter_list{padding: 0 20px;}

/* 상품 리스트 */
.premium-wrap .section.sc-product {padding: 0; background: #fff;}
.product-wrap{width: 100%;padding-bottom: 100px; padding-top: 100px; background: #F9F9F9;border-radius: 0px 120px 0px 0px;}
.product-wrap .pd_inner{width: 1204px; margin: auto;}
.product-wrap .pd_inner .tab_area{width:100%; height: 72px; margin-bottom:20px; background:#f9f9f9; display: flex; justify-content: space-between; align-items: center; background: #fff; border-radius: 10px; padding:0 20px;  box-sizing: border-box;}
.product-wrap .pd_inner .tab_menu li{position:relative; display:inline-block;}
.product-wrap .pd_inner .tab_menu li + li:before{content:""; position:absolute; left:-1px; top:20px; display:block; width:1px; height:17px; background:#d8d8d8;}
.product-wrap .pd_inner .tab_menu li > a{display:block; padding:0 20px; line-height:56px; color:#949494; font-size:16px; font-family:"noto-R";}
.product-wrap .pd_inner .tab_menu li.tab_on > a , .product-wrap .pd_inner .tab_menu li:hover > a{color:#1A1A1A;}
.product-wrap .pd_inner .viewType{margin:0px 20px; font-size:0; border: 1px solid #D8D8D8; background: #ffffff; border-radius: 2px;}
.product-wrap .pd_inner .viewType > a{width: 40px; height: 40px;  display:inline-block;}
.product-wrap .pd_inner .viewType .list_view {background: url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.product-wrap .pd_inner .viewType .img_view {background: url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_view_img_24.svg') center center; background-repeat: no-repeat; border-right: 1px solid #D8D8D8;}
.product-wrap .pd_inner .viewType .img_view.active {background-position: unset; z-index: 1; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_view_img_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.product-wrap .pd_inner .viewType .img_view:hover{background-position: unset; z-index: 1; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_view_img_24.svg') center center; background-size: 24px; background-repeat: no-repeat;}
.product-wrap .pd_inner .viewType .list_view.active {background-position: unset; position: relative; z-index: 2; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat}
.product-wrap .pd_inner .viewType .list_view:hover{background-position: unset; position: relative; z-index: 2; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_menu_24.svg') center center; background-size: 24px; background-repeat: no-repeat}

.prdlist_top {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 24px 40px; box-sizing: border-box; border-bottom: 1px solid #D8D8D8; box-sizing: border-box;}
.prdlist_top h2 {font-weight: normal; color: #1A1A1A;}
.customP_switch .ques_Layer{display:none; position:absolute; right:-10px; top:30px; width:517px; z-index:10;}
.customP_switch>div {display: flex; align-items: center;}
.customP_switch .customP_txt {font-size:14px; color:#1a1a1a;}
.customP_switch input[type="checkbox"] {display:none;}
.customP_switch input[type="checkbox"] + label > i {display:inline-block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png') center center no-repeat; cursor:pointer; margin: 0 10px 0 0;}
.customP_switch input[type="checkbox"]:checked + label > i {background:url('//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png') center center no-repeat !important;}
.prdlist_top .customP_switch{display: flex; align-items: center; gap: 20px;}
.prdlist_top .customP_switch .customP_txt{display: flex; align-items: center;}
.prdlist_top .customP_switch .customP_txt input[type="checkbox"] + label {display:flex; align-items: center; font-size:14px; line-height:18px; letter-spacing:-0.5px; color:#1a1a1a;}
.customP_txt .sat_icon {width: 112px;}
.product-wrap .quick_pickUP_icon > b:before {width: 18px; height: 18px; background: #1C8FED url(//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_fill_light_spark_24.svg) center center / 12px no-repeat; border-radius: 50%;}
.customP_txt .quick_pickUP_icon > b > em  { font-style: normal; font-weight: normal; font-family: noto-R; margin-left: 3px; }
.customP_txt .qu_over  {display: inline-block; width: 20px; height: 20px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_question_mark_circle_24.svg") center/contain no-repeat; margin-left: 2px; cursor: pointer; margin-left: 4px; float: right; position: relative; z-index: 1; }

/* 제품 리스트 공통 */
.product-wrap .pd_list {background: #FFF; border-radius: 10px; padding-bottom: 40px; position: relative;}
.product-wrap .pd_list ul > li .new_bat{position: absolute; top: 30px; left: 30px; background: #F14738; width: 44px; height: 26px; display: block; color: #fff; font-family: 'spoqa M'; font-size: 12px; border-radius: 17px; display: flex; align-items: center; justify-content: center; z-index: 4;}
.product-wrap .compare_bt{width: 56px; height: 26px; top: 30px; right: 30px; float: unset; position: absolute; z-index: 4; transition: all 0.3s;}
.product-wrap .compare_bt .compare_img {width: 12px; height: 12px;}
.product-wrap .pd_list ul > li > a .img_box{position: relative; mix-blend-mode: multiply; margin-bottom: 16px; width: 220px; height: 220px;}
.product-wrap .pd_list ul > li > a .img_box > img{width: 100%; overflow: hidden;}
.product-wrap .pd_list ul > li > a .img_box::before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(250,250,250,0.02);}
.product-wrap .pd_list .bat_box {display: flex; gap: 3px; flex-wrap: wrap;}
.product-wrap .pd_list .bat_box span {margin:0;}
.product-wrap .pd_list .txt_box{position: relative; z-index: 4;}
.product-wrap .pd_list .ad{color: #1A1A1A; font-family: 'noto-B'; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 4px; height: 23px;}
.product-wrap .pd_list .name{color: #1A1A1A; font-family: 'noto-R'; font-size: 16px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:12px;}
.product-wrap .pd_list .price_box{display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; letter-spacing: -0.45px;}
.product-wrap .pd_list .price_box .dc{display: block; color: #F14738; font-family: 'spoqa m'; font-size: 18px;}
.product-wrap .pd_list .price_box .price{display: flex; gap: 4px; align-items: flex-end; justify-content: flex-end; width: 100%;}
.product-wrap .pd_list .price_box .price .original{color: #949494; font-family: 'spoqa R'; font-size: 14px; text-decoration: line-through; letter-spacing: -1px;}
.product-wrap .pd_list .price_box .price .total{color: #1A1A1A; font-family: 'spoqa M'; font-size: 18px;}
.product-wrap .pd_list .tool{display: flex; align-items: center; margin-bottom: 12px; height: 20px;}
.product-wrap .pd_list .tool .line{position: relative; display: block; width: 1px; height: 10px; background: #D8D8D8; margin: 0 8px;}
.product-wrap .pd_list .tool .ico01 {width:20px; height:20px; background:#1C8FED url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_fill_light_spark_24.svg') center center/16px no-repeat; border-radius: 50%;}
.product-wrap .pd_list .tool .ico02{display: flex; align-items: center; gap: 4px;}
.product-wrap .pd_list .tool .ico02>img {width:20px; height:20px;}
.product-wrap .pd_list .tool .ico02 .rating{color: #3a3a3a; font-family: 'spoqa R'; font-size: 13px; padding-top: 1px; box-sizing: border-box;}
.product-wrap .pd_list .tool .review{color: #3a3a3a; font-family: 'spoqa R'; font-size: 13px;  padding-top: 1px; box-sizing: border-box;}
.product-wrap .pd_list .des{margin-bottom: 12px;}
.product-wrap .pd_list .des ul{display: flex; flex-direction: column; gap: 8px;}
.product-wrap .pd_list .des ul li{display: flex; gap: 12px;}
.product-wrap .pd_list .des ul li p{color: #949494; font-family: '맑은고딕'; font-size: 13px; width: 27px;}
.product-wrap .pd_list .des ul li span{color: #949494; font-family: '맑은고딕'; font-size: 13px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 290px;}
.product-wrap .pd_list .btn_price{display:inline-block; margin-left:5px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg") center/12px no-repeat; width:16px; height:16px; border-radius: 50%; border:1px solid #3a3a3a; cursor:pointer;}
.product-wrap .pd_list .btn_price:hover{background:#3a3a3a url("//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_down_12.svg") center/12px no-repeat;}
.product-wrap .price_Layer{display:none; position:absolute; left:0; top:30px; padding:18px; width:217px; background:#fff; border:1px solid #6c6c6c; box-shadow:0 3px 8px rgba(0,0,0,0.2); color:#6c6c6c; font-size:13px; z-index:10;}
.product-wrap .btn_price:hover + .price_Layer{display:block;}
.product-wrap .price_Layer dl{padding-top:8px; display:block; width:100%;}
.product-wrap .price_Layer .origin{padding-top:0; padding-bottom:8px; border-bottom:2px solid #eee;}
.product-wrap .price_Layer dt{float:left; color:#6c6c6c; font-size:13px; vertical-align:top;}
.product-wrap .price_Layer dd{float:right; color:#6c6c6c; font-size:16px; line-height:1; font-weight:bold; text-align:right; vertical-align:top;}
.product-wrap .price_Layer dd  > em{color:#6c6c6c; font-size:16px; line-height:1;}
.product-wrap .price_Layer .total dt , .recommendPrd_list .product_list .price_Layer .total dd , .recommendPrd_list .product_list .price_Layer .total dd > em{color:#F14738; }
.product-wrap .price_Layer dl:after{content:""; display:block; clear:both;}

/* 바둑판형 */
.product-wrap .viewType_T{display: grid; grid-template-columns: repeat(4,1fr); border: none; box-sizing: border-box; position: relative;}
.product-wrap .viewType_T::after{content: ''; width: 100%; height: 1px; background: #D8D8D8; position: absolute; bottom: 0; left: 0;}
.product-wrap .viewType_T > li{width: 100%; padding: 10px; box-sizing: border-box; position: relative; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8;}
.product-wrap .viewType_T > li:nth-child(4n) {border-right: none;}
.product-wrap .viewType_T > li > a{width: 280px; height: 100%; display: block; position: relative; padding: 30px; box-sizing: border-box; position: relative;}
.product-wrap .viewType_T > li > .hover_box{position: absolute; width: 280px; height: calc(100% - 20px); background: rgba(71,18,147,0.9); border-radius: 10px; overflow: hidden; top: 10px; left: 10px; z-index: 3; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s; pointer-events: none;}
.product-wrap .viewType_T > li > .hover_box .icon_box{display: flex; gap: 10px; position: absolute; top: 182px; width: calc(100% - 60px);}
.product-wrap .viewType_T > li > .hover_box .icon_box a{display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: rgba(255, 255, 255, 0.2); border-radius: 48px; transition: all 0.3s; pointer-events: all;}
.product-wrap .viewType_T > li > .hover_box .icon_box a:hover{background: #fff;}
.product-wrap .viewType_T > li > .hover_box .icon_box a:hover img{filter: invert(68%) sepia(75%) saturate(3067%) hue-rotate(257deg) brightness(44%) contrast(115%)}
.product-wrap .viewType_T > li:hover .hover_box{opacity: 1;}
.product-wrap .viewType_T > li:hover > a .txt_box .ad{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .name{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .price_box .dc{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .price_box .price .original{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .price_box .price .total{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .dis_area{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .tool .ico01{background:#fff url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_spark.svg') center center/16px no-repeat;}
.product-wrap .viewType_T > li > a .txt_box .tool .ico01 img {display: none;}
.product-wrap .viewType_T > li:hover > a .txt_box .tool .ico02 .rating{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .tool .review{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .des ul li p{color: #fff;}
.product-wrap .viewType_T > li:hover > a .txt_box .des ul li span{color: #fff;}
.product-wrap .viewType_T > li:hover .compare_bt {background: rgba(255, 255, 255, 0.1); color: #fff;}
.product-wrap .viewType_T > li:hover .compare_bt .compare_img {background: url(//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_check.svg) center center / contain no-repeat;}
.product-wrap .viewType_T > li:hover .compare_bt.on, 
.product-wrap .viewType_T > li:hover .compare_bt:hover {background: #fff; color: #1C8FED;}
.product-wrap .viewType_T > li:hover .compare_bt.on .compare_img, 
.product-wrap .viewType_T > li:hover .compare_bt:hover .compare_img {filter: invert(57%) sepia(78%) saturate(4554%) hue-rotate(186deg) brightness(98%) contrast(90%)}

/* 리스트형 */
.product-wrap .viewType_L {border-top: 1px solid #d8d8d8; border: none;}
.product-wrap .viewType_L li{display: flex; justify-content: space-between;padding: 40px; box-sizing: border-box; border-bottom: 1px solid #d8d8d8;}
.product-wrap .viewType_L li > a{display: flex; gap: 30px;}
.product-wrap .viewType_L li a .txt_box {width: 613px;}
.product-wrap .viewType_L > li > a .new_bat {position: static;}
.product-wrap .viewType_L > li > a .txt_box .ad {display: flex; height: auto; gap: 8px;}
.product-wrap .viewType_L > li > a .txt_box .name {margin-bottom: 12px; -webkit-line-clamp: 1;}
.product-wrap .viewType_L > li > a .img_box {margin-bottom: 0;}
.product-wrap .viewType_L .txt_box .price_box .price {display: block;}
.product-wrap .viewType_L .txt_box .price_box .price > div {display: flex; align-items: center; gap: 12px; position: relative;}
.product-wrap .viewType_L .txt_box .price_box .dc, 
.product-wrap .pd_inner .pd_list ul.viewType_L .txt_box .price_box .total {font-size: 20px;}
.product-wrap .spec_table{border-top:1px solid #D8D8D8; margin-bottom: 15px;}
.product-wrap .spec_table th , .product-wrap .spec_table td{border-bottom:1px solid #D8D8D8; font-size:14px; font-family:'Noto-R'; vertical-align:middle; box-sizing: border-box;}
.product-wrap .spec_table th{background:#F2F2F2; font-weight:normal; color:#1A1A1A; text-align:center;}
.product-wrap .spec_table td { padding:10px 15px;}
.product-wrap .spec_table td a{color:#1A1A1A; text-align:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; display: inline-block; width: 482px;}
.product-wrap .info_box {border-right: 1px solid #d8d8d8; padding-right: 40px; box-sizing: border-box;}
.product-wrap .viewType_L .option_btn{text-align:center;}
.product-wrap .viewType_L .option_btn .button_area{font-size:0; width:220px; height:40px; }
.product-wrap .viewType_L .button_area > button{display:inline-block; width:50%; line-height:40px; background:#fff; border:1px solid #DBDBDB; color:#1a1a1a; font-size:14px; font-family:'Noto-R'; }
.product-wrap .viewType_L .button_area > button:hover{color:#fff; background:#1a1a1a;}
.product-wrap .viewType_L .button_area .buy_btn{border-left:0;}
.product-wrap .viewType_L .option_icon{margin-top:16px; display: flex; gap: 33px; position: relative; justify-content: center;}
.product-wrap .viewType_L .option_icon::before {content: ''; width: 1px; height: 100%; background: #d8d8d8; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.product-wrap .viewType_L .option_icon a{position:relative; display:inline-block; width: 24px; height:24px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_new_open_24.svg") center left/contain no-repeat;}
.product-wrap .viewType_L .option_icon a.icon_heart {background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_heart_24.svg") center left/contain no-repeat;}
.product-wrap .viewType_L .option_icon .icon_blank:hover{ background:url("//image5.compuzone.co.kr/img/images/svg_icon/1C8FED/icon_line_new_open_24.svg") center left/contain no-repeat;}
.product-wrap .viewType_L .option_icon .icon_heart:hover{background:url("//image5.compuzone.co.kr/img/images/svg_icon/1C8FED/icon_line_heart_24.svg") center left/contain no-repeat;}
.product-wrap .viewType_L .option_icon a span{position:absolute; left:50%; bottom:-24px; display:none; padding:0 5px; width:auto; min-width:35px; height:19px; line-height:19px; background:#f6f9fc; border:1px solid #d8d8d8; border-radius:10px; color:#6c6c6c; font-size:12px; text-decoration:none; white-space:nowrap; z-index:999; transform: translateX(-50%);}
.product-wrap .viewType_L .option_icon a:hover span{display:block;}
.product-wrap .viewType_L .compare_bt {top: 0; right: 0;}
.product-wrap .viewType_L .compare_bt:hover {background: #1C8FED; color: #fff;}
.product-wrap .viewType_L .compare_bt:hover .compare_img, 
.product-wrap .pd_inner .pd_list ul.viewType_L .compare_bt.on .compare_img {background: url(//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_check.svg) center center / contain no-repeat;}
.product-wrap .bottom_area {float: unset; margin: 40px auto 0;}
.product-wrap .pd_list .dis_area {height: 58px;}
.product-wrap .pd_list .discount_box {width: 100%; padding: 5px; box-sizing: border-box; background: #f9f9f9; border-radius: 2px; margin-bottom: 12px;}
.product-wrap .pd_list .discount_box p {font-family: '맑은고딕'; font-size: 12px; color: #1a1a1a; letter-spacing: -0.1px; text-align: center;}
.product-wrap .pd_list .discount_box span {font-family: '맑은고딕'; font-weight: bold; color: #0D6DE3; display: block; text-align: center;}
.product-wrap .pd_list.viewType_T > ul > li:hover .discount_box {background: #FFF;}
.product-wrap .compare_bt > p {font-size: 12px;}