	.wrap * {box-sizing: border-box;}
	.inner {width:1204px; margin:0 auto; padding:80px 0;}
	.inner .ntBB28 {text-align: center; margin-bottom:30px;}
	.wrap img {width:100%; mix-blend-mode: multiply;}

	:root {
		--coAD:#ADEBAD;
		--co7B:#7BBEF4;
	} 
	.coAD { color:var(--coAD)!important; } 
	.co7B { color:var(--co7B)!important; } 

	.flex {display: flex; align-items: center;}
	.flex.colm {flex-direction: column; align-items: flex-start;}
	.flex.start {align-items: flex-start;}
	.flex.btwn {justify-content: space-between;}
	.flex.gap4 {gap:4px;}
	.flex.gap8 {gap:8px;}
	.flex.gap12 {gap:12px;}
	.flex.gap16 {gap:16px;}
	.flex.gap20 {gap:20px;}

	.img40 {width:40px; height:40px; border-radius: 5px; overflow: hidden; flex-shrink: 0;}
	.img60 {width:60px; height:60px; border-radius: 5px; overflow: hidden; flex-shrink: 0; background: rgba(0, 0, 0, 0.02);}
	.img70 {width:70px; height:70px; border-radius: 5px; overflow: hidden; flex-shrink: 0; background: rgba(0, 0, 0, 0.02);}
	.img80 {width:80px; height:80px; border-radius: 5px; overflow: hidden; flex-shrink: 0; background: rgba(0, 0, 0, 0.02);}
	.img160 {width:160px; height:160px; border-radius: 10px; overflow: hidden; flex-shrink: 0;}
	.img360 {width:360px; height:360px; border-radius: 10px; overflow: hidden; flex-shrink: 0;}

	.pro_box {display: flex; gap:12px; align-items: flex-start; width:100%; position:relative;}
	.pro_box .txtbox {display: flex; flex-direction: column; align-items: flex-start; gap:8px; padding-top:4px;}
	.pro_box .txtbox>p {display: -webkit-box; min-height:40px; line-height:20px; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
	.pro_box:has(.img70) {gap:8px;}
	.pro_box:has(.img70) .txtbox {gap:4px;}
	/* .pro_box:has(.img70) .txtbox>p {min-height: 20px; -webkit-line-clamp: 1;} */
	.pro_box .txtbox .co94 {text-decoration: line-through; margin-left:8px;}
	.gray_bg {background:var(--coF9); padding:12px; border-radius: 10px;}
	.bar {width:1px; height:10px; background-color: var(--coD8); margin:0 4px;}

	.wrap .inner .swiper-button-prev.swiper_prev { top:50%; left:-21px; transform:translateY(-50%); opacity:0; } 
	.wrap .inner .swiper-button-next.swiper_next { top:50%; right:-21px; transform:translateY(-50%); opacity:0; } 
	.wrap .inner>div:hover .swiper-button-prev.swiper_prev, .wrap .inner>div:hover .swiper-button-next.swiper_next { opacity:1;} 
	.wrap .swiper-pagination {display: flex; gap:6px; justify-content: center; width:100%; margin-top:30px; position:relative;}
	.wrap .swiper-pagination-bullet {background:#d8d8d8; opacity:1;}
	.wrap .swiper-pagination-bullet-active {background:#1a1a1a;}

	/* 상단 탭메뉴 */
	.tab_menu {width:100%; position:absolute; left:50%; transform:TranslateX(-50%); background: var(--coFF);}
	.tab_menu.on {position:fixed; top:56px; background: rgba(255,255,255,0.9); z-index: 12; border-bottom:1px solid #d8d8d8; backdrop-filter: blur(10px);}
	.tab_menu.on ul {width:1300px;}
	.tab_menu.on ul li a {border-bottom:0;}
	.tab_menu ul {display: flex; width:1204px; margin:0 auto;}
	.tab_menu ul li {display: flex; align-items: center; justify-content: center; width:-webkit-fill-available;}
	.tab_menu ul li a {display: flex; align-items: center; justify-content: center; width:100%; height:50px; border-bottom:1px solid var(--coD8); font-size:16px; font-family:'noto-M'; color:#949494; transition:color 0.3s;}
	.tab_menu ul li.on a, .tab_menu ul li:hover a {border-bottom:2px solid var(--co1A); color:#1a1a1a;}

	/* 공통 칩버튼 네모 */
	.chipbtnrect ul { display: flex; flex-wrap: wrap; gap:8px; } 
	.chipbtnrect ul li { display: flex; align-items: center; justify-content: center; } 
	.chipbtnrect ul li a { display: flex; align-items: center; justify-content: center; width:100%; height:40px; padding:0 12px; border-radius: 5px; color:var(--co94); font-size:14px; font-family:'noto-R'; overflow:hidden; transition:all 0.2s; } 
	.chipbtnrect ul li:hover a, .chipbtnrect ul li.on a { background:var(--co1A); color:var(--coFF); }

	/* 매거진 메인 */
	.mgz_main {width:100%; background: linear-gradient(to bottom, #f2f4fe, #fff); position:relative; overflow: hidden;}
	.mgz_main .kv_bg {width:100%; height:340px; position:absolute; top:0;}
	.mgz_main .kv_bg::before {content:''; width:100%; height:100%; background: linear-gradient(rgba(255,255,255,0.6), #fff 70%); position:absolute; top:0;}
	.mgz_main .kv_bg video {width:100%;}
	.mgz_main .inner {padding:10px 0; position:relative;}
	.mgz_main .kv_main {width:612px; height:320px; mix-blend-mode: multiply;}
	.mgz_main .kv_main video {width:100%;}

	/* 이번주 베스트 리뷰 */
	.mgz_review {background:var(--coFF); margin-top:50px;}
	.review_slide {position:relative;}
	.review_slide .review {height:384px; padding:20px; border-radius:10px; overflow: hidden; border: 2px solid transparent; background-image: linear-gradient(#ffffff, #ffffff),linear-gradient(to top, #FFDACC, #d8d8d8); background-origin: border-box; background-clip: padding-box, border-box;}
	.review_slide .review_box {display: flex; flex-direction: column; gap:12px; padding:12px;}
	.review_slide .review_box .ntRB16 {display: -webkit-box; min-height:96px; line-height:24px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
	.review_slide .review_box .star {width:100px; height:20px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_star.svg') center/contain repeat-x; position:relative;}
	.review_slide .review_box .star span {height:100%; background:url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_star.svg') left/contain repeat-x; position:absolute; top:0; left:0;}
	.review_slide .review_box>div:last-child {margin-top:8px;}
	.review_slide .review .img80 {background: var(--coFF);}
	.review_slide .img60 {position:relative;}
	.review_slide .img60 .more {display: flex; align-items: center; justify-content: center; width:100%; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; cursor: pointer;}

	/* 새로운 발견 */
	.mgz_discover {background:#FFFBFA;}
	.discover_slide {position:relative; margin-top:20px;}
	.discover_slide .discover {height: auto; padding:20px; border-radius:10px; overflow: hidden; border: 2px solid transparent; background-image: linear-gradient(#ffffff, #ffffff),linear-gradient(to left, #FFB599,#8FC8FF); background-origin: border-box; background-clip: padding-box, border-box;}
	.discover_slide .discover>a, .discover_slide .discover>div {position:relative; gap:12px;}
	.discover_slide .discover .img160 {background: rgba(0, 0, 0, 0.02); position:relative;}
	.discover_slide .discover .img160>span {position:absolute; top:0; left:0; border-radius:2px;}
	.discover_slide .swiper-slide {height:stretch;}
	.discover_slide .discover .AIbox .ai_summary {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all}
	.AIbox {display: flex; flex-direction: column; gap:12px; width:100%; min-height: 256px; padding:20px; border-radius: 10px; background: linear-gradient(to left, #FFF4F0,#F3FAFF ); margin-top:20px;}
	.AIbox>div:nth-child(2) {height: 24px; margin-top:4px; flex-wrap: wrap; overflow: hidden;}
	.AIbox .batFF { display: flex; align-items: center; justify-content: center; width:fit-content; height:24px; padding:0 8px; color:var(--co1A); background:var(--coFF); border-radius: 12px; font-size:14px; font-family:'noto-M';}
	.AIbox .ntRB14 {line-height:22px; position:relative; padding-left:6px;}
	.AIbox .ntRB14::before {content:''; width:2px; height:2px; background:var(--co3A); position:absolute; top:10px; left:0px;}
	.AI_store24_1C {position:relative; cursor: pointer;}
	.AI_store24_1C .speech_bubble {top:inherit; bottom:150%; left:-14px; width:382px; display: none;}
	.AI_store24_1C:hover .speech_bubble {display: block;}
	.AI_store24_1C .speech_bubble p + p {margin-top:4px;}

	/* 생생한 영상 리뷰 */
	.video_slide {position:relative;}
	.wrap .inner .video_slide .swiper-button-prev.swiper_prev, .wrap .inner .video_slide .swiper-button-next.swiper_next { top:122px; transform:TranslateY(0);} 
	.video_slide .video {display: flex; flex-direction: column; gap:12px;}
	.video_slide .video_zone {width:286px; height:286px; border-radius: 10px; margin-bottom:8px; overflow:hidden; position:relative;}
	/* .video_slide .video_zone::before {content:''; width:100%; height:100%; position:absolute; top:0; left:0; } */
	.video_slide .video_zone .tri_circle_fill60_FF {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.video_slide .ntRB16 {display: -webkit-box; min-height:96px; line-height:24px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; }
	.video_slide .pro_box {margin-top:4px; padding-top:16px; border-top:1px solid #d8d8d8;}

	/* 전문가의 리얼 리뷰 */
	.mgz_expert {background:#f9f9f9;}
	.wrap .inner .expert_slide .swiper-button-prev.swiper_prev, .wrap .inner .expert_slide .swiper-button-next.swiper_next { top:94px; transform:TranslateY(0);} 
	.expert_slide {position:relative; margin-top:20px;}
	.expert_slide .expert {display: flex; flex-direction: column; gap:20px;}
	.expert_slide .expert .img80 {background: var(--coFF);}
	.expert_slide .blog_img {display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; width:100%; height:230px; padding:20px; border-radius: 10px; background-size: contain; position:relative; overflow: hidden;}
	.expert_slide .blog_img::before {content:''; width:100%; height:100%; background:linear-gradient(to top, rgba(0,0,0,0.8), transparent, transparent); position:absolute; bottom:0; left:0;}
	.expert_slide .blog_img p, .expert_slide .blog_img span {position:relative;}

	/* 한 눈에 보는 숏폼 */
	.shortform_slide {position:relative;}
	.wrap .inner .shortform_slide .swiper-button-prev.swiper_prev, .wrap .inner .shortform_slide .swiper-button-next.swiper_next { top:194px; transform:TranslateY(0);} 
	.shortform_slide .shortform {display: flex; flex-direction: column; gap:20px;}
	.shortform_slide .shortform .thumnail {width:286px; height:430px; border-radius: 10px; background-size: contain; position:relative; overflow: hidden;}
	.shortform_slide .shortform .thumnail::before {content:''; width:100%; height:100%; position:absolute; top:0; left:0;  z-index: 1;}
	.shortform_slide .shortform .thumnail video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
	.shortform_slide .shortform .tri_circle_fill60_FF {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 1;}

	/* 숏폼 레이어팝업 */
	.comtube_pop .comtube_inner .tabs_inner::-webkit-scrollbar {display: block;}

	/* 조립PC 견적소개 */
	.mgz_assembly {background:#F5FBFF;}
	.assem_box {width:100%; background:var(--coFF); border-radius: 10px; border: 2px solid transparent; background-image: linear-gradient(#ffffff, #ffffff),linear-gradient(to top, #D6F5D6, #C1E1FA); background-origin: border-box; background-clip: padding-box, border-box; overflow:hidden;}
	.assem_box + .assem_box {margin-top:16px;}
	.assem_box>.gap20 {padding:20px; position:relative;}
	.assem_box>.gap20 > .gap16 {width: 100%; height: stretch;}
	.assem_box .blog_img {width:360px; height:280px; flex-shrink: 0; border-radius: 10px; background-size: contain; position:relative; overflow: hidden;}
	.assem_box .blog_img>div {width:100%; height:50px; padding:0 16px; background:rgba(0,0,0,0.4); position:absolute; bottom:0; left:0; backdrop-filter: blur(2px); border-radius: 0 0 10px 10px;}
	.assem_box .toggle {height:56px; background: linear-gradient(to right, #EAF6FF, #F3FCF3); border-radius: 28px; padding:0 16px 0 8px; position:absolute; right:20px; bottom:20px;}
	.assem_box .toggle.on {background:var(--coF9);}
	.assem_box .toggle span {display: flex; align-items: center; justify-content: center; width:40px; height:40px; border-radius: 50%; border:1px solid var(--coD8); background:#f9f9f9; overflow: hidden; position: relative; transition:all 0.2s;}
	.assem_box .toggle span img {width:80%;}
	.assem_box .toggle span + span {margin-left:-16px;}
	.assem_box .toggle span.spBB16 {background:#F3FAFF; border:1px solid #C1E1FA;}
	.assem_box .toggle .down12_3A {transition:all 0.2s;}
	.assem_box .toggle.on .down12_3A {transform:rotate(180deg);}
	.assem_box .toggle.on span.spBB16 {color:#949494!important; background: #fff; border:1px solid #d8d8d8;}
	.assem_box dt {flex-shrink: 0;}
	.assem_box dd {display: -webkit-box; line-height:24px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; color:var(--co3A);}
	.assem_box .scroll_area {width:100%; padding:8px; background:linear-gradient(to right, #EAF6FF, #F3FCF3); border-radius: 10px; overflow:hidden; position:relative; margin-top: auto;}
	.assem_box .scroll_area:has(.scrollkit) {padding:20px 20px 16px;}
	.assem_box .scroll_area:has(.scrollkit)::before {content:''; width:100%; height:20px; background: linear-gradient(135deg, #fff 50%, transparent 50%) top left / 20px 20px repeat-x, linear-gradient(-135deg, #fff 50%, transparent 50%) top left / 20px 20px repeat-x transparent; position:absolute; top:-10px; left:0;}
	.assem_box .scroll_area .img70 {background:#fff;}
	.assem_box .scroll_area>.pro_box {align-items: center;}
	.assem_box .scroll_area>.pro_box>.txtbox>p {min-height:inherit;}
	.assem_box .scrollkit {overflow-x: auto; user-select: none;}
	.scrollkit:active {cursor: grabbing;}
	.scrollkit * {-webkit-user-drag: none; user-drag: none;}
	.assem_box .scrollkit>div {width:max-content; padding-bottom:24px;}
	.assem_box .scrollkit a {width:278px;}
	.assem_box .scrollkit::-webkit-scrollbar-track  {background:#D8D8D8;}
	.assem_box .scrollkit::-webkit-scrollbar-thumb {background: linear-gradient(to right, #4BA6F1, #5BD75B);}

	/* 컴퓨존 아카이브 */
	.mgz_archive {overflow: hidden;}
	.archive_slide {position:relative; width: 1204px; margin:0 auto;}
	.archive_slide .archive {position:relative; display:block; width:100%; margin-bottom:30px;}
	.archive_slide .archive::before {content:''; width:50%; height:100%;  position:absolute; top:0; right:-50%; z-index: 1; backdrop-filter: blur(4px); background: linear-gradient(to right, rgba(255, 255, 255, 0.8)); mask-image: linear-gradient(to right, transparent 0%, #fff 50%);}
	.archive_slide .archive::after {content:''; width:50%; height:100%;  position:absolute; top:0; left:-50%; z-index: 1; backdrop-filter: blur(4px); background: linear-gradient(to left, rgba(255, 255, 255, 0.8)); mask-image: linear-gradient(to left, transparent 0%, #fff 50%);}
	.archive_slide .archive .archive_list {display: flex; align-items: flex-start; gap:40px; width: max-content;}
	.archive_slide .archive .archive_list li {display:flex; flex-direction: column; gap:20px; width:240px;}
	.archive_slide .archive .archive_list li:nth-child(even) {margin-top:30px;}
	.archive_slide .archive .archive_list .img {width:240px; height:288px; border-radius:10px; overflow:hidden; position:relative;}
	.archive_slide .archive .archive_list .img img {position:absolute; top:50%; transform:TranslateY(-50%);}
	.archive_slide .archive .archive_list .img .triangle12_vivid {width:26px; height:26px; background-color: var(--co1A); border-radius: 50%; position:absolute; bottom:12px; right:12px;}
	.archive_slide .archive_progress {position:relative; display:block; overflow:hidden; padding:15px 0 30px; width:1204px;}
	.archive_slide .archive_progress .drag_bar {display:block; width:100%; height:2px; background:var(--coD8); position:relative;}
	.archive_slide .archive_progress .drag_handle { display:inline-block; height:16px; width:16px; position:absolute; left:0; top:8px; z-index:2 !important; border-radius:50%; background:var(--co1A);}
	.archive_slide .archive_progress .drag_handle:before {content:""; position:absolute; top:7px; right:8px; width:1200px; height:3px; background:var(--co1A);}