/* 초기화 */
h1, h2, h3, h4, h5, h6, th, td {font-weight: normal;}
.compatibility_list * {box-sizing: border-box; margin:0; padding:0;}
table { padding:0; border:0; border-spacing: 0; border-collapse: collapse;}
.compatibility_list a {color:#1a1a1a;}

/* 공통 */
.top_fix_head {display: none;}
body.on {overflow:hidden;}
.compatibility_list {width:100%; min-width:1300px; height:100vh; background:#000; position:relative; overflow:hidden;}
.compatibility_list2 {height:inherit; min-height:calc(100vh - 80px); padding-bottom:80px;}
.compatibility_list::before {content:''; width:1588px; height:1588px; background:radial-gradient(#1C8FED 1%, #000, #000); border-radius: 50%; position:absolute; top:-300px; left:50%; transform:TranslateX(-50%); opacity:0.4;}
.compatibility_list canvas {width: 1300px; height: 100%; position: absolute; left:50%; transform:translateX(-50%); opacity: 0.04;}
.page {width:1300px; height:100%; margin:0 auto; position:relative;}
.page1 {height:calc(100% - 120px);}
.flex {display: flex; align-items: center;}
.flex.btwn {justify-content: space-between;}
.bl_txt {color:#1C8FED!important;}
.red_txt {color:#F14738!important;}
.wt_txt {color:#fff!important;}
.gr_txt {color:#949494!important;}
.gr2_txt {color:#6c6c6c!important;}
.redbat {display:flex; align-items: center; height:26px; padding:0 12px; background:#F14738; border-radius:13px; font-size:12px; font-family:'spoqa B'; color:#fff;}
.review {gap:5px;}
.starbg {width:80px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_star.svg') center left/contain repeat-x;}
.starbg span {display:block; width:; max-width:100%; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_star.svg') center left/contain repeat-x;}
.bloo {display: inline-block; padding:10px; background:#fff; border-radius: 2px; border: 1px solid #2679CF; text-align: center; letter-spacing: -0.5px; position: relative;}
.bloo::before {content: ''; display: inline-block; width: 0; height: 0; border-top: 7px solid #2679CF; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: -7px; left:calc(50% - 1px);}
.bloo::after {content: ''; display: inline-block; width: 0; height: 0; border-top: 6px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; bottom: -5px; left: 50%;}
.imgbox img {width:100%;}

.compatibility_list .checkbox {display:flex; align-items: center; position:relative; }
.compatibility_list input.check[type="checkbox"] {display:none; vertical-align:middle; }
.compatibility_list input.check[type="checkbox"] + label.check {vertical-align:middle; color:#1a1a1a; font-size:14px; line-height:1; font-family:Noto-R; cursor:pointer; background-size:contain; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; width:-webkit-fill-available;}
.compatibility_list input.check[type="checkbox"] + label.check > i {display:inline-block; width:18px; height:18px; background:url("//image5.compuzone.co.kr/img/images/bsk/simp_checkG.png") center no-repeat; cursor:pointer; vertical-align:middle; margin:0 8px 0 0; background-size:contain;}
.compatibility_list input.check[type="checkbox"]:checked + label.check > i { background:url("//image5.compuzone.co.kr/img/images/bsk/simp_checkedB.png") center no-repeat; background-size:contain;}
.compatibility_list input.check.chkgray[type="checkbox"]:checked + label.check > i { background:url("//image5.compuzone.co.kr/img/images/bsk/simp_checkedG.png") center no-repeat; background-size:contain;}
.compatibility_list .select select {display: block; width:100%; height:40px; padding:10px 20px 10px 10px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_down_12.svg") 92% center no-repeat; background-size: 14px; border:1px solid #D8D8D8; border-radius: 2px; appearance: none; outline:none;}
.compatibility_list .select select:hover {border:1px solid #1a1a1a; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg") 92% center no-repeat; background-size: 14px;}
.compatibility_list .search_box {display: block; width: 200px; height: 40px; position: relative;}
.compatibility_list .search_box > input {width:100%; height:100%; padding:0 50px 0 15px; border:1px solid #d8d8d8; border-radius: 2px; line-height:36px; outline:none;}
.compatibility_list .search_box > button {display: inline-block; width: 38px; height: 38px; position: absolute; top: 0; right: 5px; background: transparent url(//image5.compuzone.co.kr/img/images/mypage21/magnifier.png) center no-repeat;}
.compatibility_list .btn button {display: inline-block; padding: 0 20px; min-width: 78px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #d8d8d8; border-radius: 2px; text-align: center; outline: none; cursor: pointer;}
.num_box {display: flex; align-items: center; margin-right:10px;}
.num_box a {display: inline-block; width: 40px; height:40px; background:#fff; border: 1px solid #d8d8d8; border-radius: 2px 0 0 2px; box-sizing: border-box; position: relative;}
.num_box a:last-child {border-radius: 0 2px 2px 0;}
.num_box a:first-child:before {content:""; width:12px; height:1px; background:#6c6c6c; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.num_box a:last-child:before {content:""; width:1px; height:12px; background:#6c6c6c; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.num_box a:last-child::after {content:""; width:12px; height:1px; background:#6c6c6c; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.num_box input {display: inline-block; width: 40px; height: 40px; background:#fff; border:1px solid #d8d8d8; border-left:none; border-right:none; text-align: center; box-sizing: border-box; color: #3a3a3a; -webkit-appearance: none; -webkit-border-radius: 0; outline:none;}

/* 팝업모음 */
.layer_pop {width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index: 100;}
.layer_pop .layer_popup {padding:30px; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}
.slide_prev {width: 42px; height: 42px; margin:0; background: var(--coFF) url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_prev_24.svg') center center / 20px no-repeat; border-radius: 50%; box-shadow: -3px 3px 12px #00000014; z-index: 2; transition: all 0.3s; text-indent: -9999px; cursor: pointer; top:50%; left:-15px; transform:translateY(-50%);}
.slide_next { width: 42px; height: 42px; margin:0; background: var(--coFF) url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_24.svg') center center / 20px no-repeat; border-radius: 50%; box-shadow: 3px 3px 12px #00000014; z-index: 2; transition: all 0.3s; text-indent: -9999px; cursor: pointer; top:50%; right:-15px; transform:translateY(-50%);}
.layer_pop .layer_btn {justify-content: center; gap:10px;}
.layer_pop .layer_btn.flex button {max-width:200px; margin: unset;}
.layer_pop .chip_btn {display: flex; align-items: center; justify-content: space-between; width:100%; height:40px; background:#f9f9f9; border-radius: 20px;}
.layer_pop .chip_btn li {width:-webkit-fill-available; height:100%;}
.layer_pop .chip_btn li a {display: flex; align-items: center; justify-content:center; width:100%; height:100%; border-radius: 20px; color:#949494;}
.layer_pop .chip_btn li.on a {background:#1a1a1a; color:#fff;} 

/* 팝업모음-가격대 클릭시 노출 */
.like_li_pop .swiper_area {width:280px; height:280px; position:relative;}
.like_li_pop .swiper_area .swiper-slide>span {display: block; width:100%; height:100%; border-radius: 5px; overflow: hidden; position:relative;}
.like_li_pop .swiper_area .swiper-slide>span::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.02); position:absolute; top:0; left:0;}
.like_li_pop .swiper_area img {width:100%;}
.like_li_pop .txt_cont {display:flex; align-items: center; flex-wrap: wrap; align-content:space-between; width:350px; height:280px;}
.like_li_pop .txt_cont .usage {gap:10px; margin-bottom:10px;}
.like_li_pop .txt_cont .usage i {display: block; width:1px; height:12px; background:#1C8FED;}

/* 팝업모음-게임 어디까지 가능해? */
.game_pop .game_pop_swiper {position:relative;}
.game_pop .game_pop_swiper .imgbox {width:210px; height:210px; margin-bottom:10px; border-radius:10px; position:relative; overflow:hidden;}
.game_pop .game_pop_swiper .imgbox img {width:inherit; height:100%; position:absolute; top:0; left:50%; transform:TranslateX(-50%);}
.game_pop .game_pop_swiper .imgbox .bat {position:absolute; top:10px; left:10px; padding:4px 12px; border-radius:13px; font-size:12px; font-family:'맑은고딕'; color:#fff; }
.game_pop .game_pop_swiper .imgbox .bat.FHD {background:#1C8FED;}
.game_pop .game_pop_swiper .imgbox .bat.QHD {background:#00c500;}
.game_pop .game_pop_swiper .imgbox .bat.UHD {background:#8433ff;}
.game_pop .game_pop_swiper .swiper-button-prev, .game_pop .game_pop_swiper .swiper-button-next {margin-top:-15px;}
.game_pop_swiper:hover .slide_prev, .game_pop_swiper:hover .slide_next {opacity:1;}

/* 팝업모음-검색 필터 */
.search_pop .layer_tit {border:none;}
.search_pop .layer_tit h2 {border:none;}
.search_pop .filter_box {padding:5px; border:1px solid #E8E8E8; border-radius: 10px; display: none;}
.search_pop .filter_box ul {display: flex; flex-wrap: wrap; align-content: flex-start; gap:12px 0; height:188px; padding:15px; overflow-y:auto;}
.search_pop .filter_box ul li {width:33%;}
.search_pop .filter_box ul::-webkit-scrollbar {width:4px;}
.search_pop .filter_box ul::-webkit-scrollbar-thumb {background:#D8D8D8; border-radius: 10px;}
.search_pop .filter_box ul::-webkit-scrollbar-track {background:none;}

/* page1*/
.main_tit {display: flex; flex-direction: column; gap:10px;}
.main_tit h3 {font-size:55px; font-family:'noto-B';}
.main_tit .tit_noti {display: flex; flex-direction: column; gap:10px; margin-top:20px;}
.main_tit .tit_noti p {padding-left:20px; position:relative; font-size:18px; font-family:'noto-L'; color:#fff;}
.main_tit .tit_noti p::before {content:''; width:10px; height:9px; background:url('//image5.compuzone.co.kr/img/images/compatibility/check_list.png') center center; position:absolute; top:8px; left:0;}
.main_tit .tit_btn {gap:10px; flex-direction: column; align-items: normal; width:360px; margin-top:70px;}
.main_tit .tit_btn>div {padding:13px 20px; border-radius:10px; cursor: pointer; backdrop-filter: blur(10px); transition:all 0.2s; position:relative; overflow:hidden;}
.main_tit .tit_btn>div::before {content:''; width:100%; height:100%; background: rgba(255,255,255,0.15); position:absolute; top:0; left:0; z-index:-1;}
.main_tit .tit_btn>div .ico {display: flex; align-items: center; gap:12px;}
.main_tit .tit_btn>div .ico span {display: block; width:24px; height:24px;}
.main_tit .tit_btn>div .ico span img {mix-blend-mode: plus-lighter; filter:brightness(1.3);}
.main_tit .tit_btn>div p {color:#fff; transition:all 0.2s;}
.main_tit .tit_btn>div i {display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg') center/contain no-repeat; transition:all 0.2s;}
.main_tit .tit_btn>div:hover i {background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg') center/contain no-repeat;}
.main_right {display: flex; flex-direction: column; gap:35px;}
.main_right .main_top_inner {display: flex; gap:12px; width:100%; height:60px; position:relative; z-index: 1; }
.main_right .main_top_inner .keyword {width:300px; height:60px; padding:18px 20px; border:1px solid #fff; border-radius: 10px; box-sizing: border-box; overflow:hidden;transition:all 0.2s;}
.main_right .main_top_inner .keyword>div {display: flex; align-items: center; gap:8px;}
.main_right .main_top_inner .keyword .bar {width:1px; height:10px; background:#d8d8d8;}
.main_right .main_top_inner .keyword_slide {width:146px; height:22px; overflow: hidden;}
.main_right .main_top_inner .keyword_slide .swiper-slide a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.main_right .main_top_inner .down12 {display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_down_12.svg') center center/contain no-repeat; transition:all 0.2s;}
.main_right .keyword ul {width:100%; padding-top:16px; display: flex; flex-direction: column; gap:8px;}
.main_right .keyword ul li a {display: flex; line-height:24px;}
.main_right .keyword.on {height:236px; border:1px solid #1C8FED; background:rgba(0,0,0,0.9);}
.main_right .keyword.on .down12 {transform:rotate(180deg);}
.main_right .main_top_inner .search {width:518px; height:60px; padding:18px 20px; border:1px solid #fff; border-radius: 10px; box-sizing: border-box; overflow:hidden; position:relative; }
.main_right .main_top_inner .search .input {width:calc(100% - 36px);}
.main_right .main_top_inner .search .input input {background:none; width:100%; height:100%; border:none; outline: none; color:#fff; border:none;}
.main_right .main_top_inner .search .input input::placeholder {color:#D8D8D8;}
.main_right .main_top_inner .search .search_btn {display:block; width:28px; height:28px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_search_24.svg') center center/contain no-repeat;} 
.main_right .search ul {max-height:176px; padding:16px 0; margin-top:16px; display: flex; flex-direction: column; gap:12px;}
.main_right .search ul::-webkit-scrollbar{width: 4px;}
.main_right .search ul::-webkit-scrollbar-thumb{ background:#D8D8D8; border-radius: 10px;}
.main_right .search ul::-webkit-scrollbar-track{background:none;}
.main_right .main_top_inner .search.on {border:1px solid #1C8FED; background:#fff; height:236px;}
.main_right .main_top_inner .search.on::before {content:''; width:calc(100% + 40px); height:1px; background:#d8d8d8; position:absolute; top:60px; left:-20px;}
.main_right .main_top_inner .search.on .input input {color:#3a3a3a;}
.main_right .main_top_inner .search.on .input input::placeholder {color:#3a3a3a;}
.main_right .main_top_inner .search.on .search_btn {background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_search_24.svg') center center/contain no-repeat;}
.main_right .main_top_inner .search.on ul {height:176px; overflow-y:auto;}
.main_right .main_bottom_inner {display: flex; gap:30px;}
.main_right .main_cont {position:relative; width:400px; height:600px;}
.main_right .main_cont .area1 {width:100%; height:530px; padding:0 50px 20px; text-align: center; border-radius: 15px; background:#fff; box-sizing: border-box; position:relative; top:0; overflow: hidden; transition:all 0.2s;}
.main_right .main_cont .center_tit {display: inline-block; height:40px; padding:8px 20px; box-sizing: border-box; border-radius: 0 0 10px 10px; background:#1C8FED; color:#fff; transition:all 0.2s; position:absolute; top:0; left:50%; transform:TranslateX(-50%); z-index: 1;}
.main_right .main_cont .area1 a {display: block;}
.main_right .main_cont .area1 .area_tit {margin:65px 0 25px; transition:all 0.2s;}
.main_right .main_cont .area1 .area_tit h2 {line-height:50px; color:#1C8FED; transition:all 0.2s;}
.main_right .main_cont .area1 .area_tit h4 {margin-top:13px; color:#949494; transition:all 0.2s;}
.main_right .main_cont .area1 .main_bloo {display: flex; justify-content: center; gap:5px; margin-top:18px;}
.main_right .main_cont .area1 .main_bloo span {padding:6px 12px; border-radius:17px; font-size:14px; font-family:'noto-M'; color:#3A3A3A; background:#F3FAFF; border:1px solid #F3FAFF; box-sizing: border-box; transition:all 0.2s;}
.main_right .quick_cont .area1 {animation:quick_shadow 3s infinite ease-in-out 1s;}
@keyframes quick_shadow {
	0%, 100% {box-shadow: 0;}
	30%, 70% {box-shadow:0px 0px 20px #1C8FED;}
}
.main_right .self_cont .area1 .center_tit {background:#3A3A3A;} 
.main_right .self_cont .area1 .area_tit h2 {color:#3A3A3A;}
.main_right .self_cont .area1 .main_bloo span {background:#f8f8f8;}
/* 빠른견적 hover */
.main_right .main_cont .area1:hover {background:#1C8FED; color:#fff;}
.main_right .main_cont .area1:hover .center_tit {background:#fff; color:#1C8FED;}
.main_right .main_cont .area1:hover h2 {color:#fff;}
.main_right .main_cont .area1:hover h4 {color:#fff;}
.main_right .main_cont .area1:hover .main_bloo span {border:1px solid #fff; background:#1C8FED; color:#fff;}
/* 셀프견적 hover */
.main_right .self_cont .area1:hover {background:#3A3A3A; color:#fff; box-shadow:0px 3px 30px #3a3a3a;}
.main_right .self_cont .area1:hover .center_tit {background:#fff; color:#3A3A3A;}
.main_right .self_cont .area1:hover .main_bloo span {border:1px solid #fff; background:#3A3A3A; color:#fff;}
/* 이런분들께 추천드려요 */
.main_right .main_cont .area2 {width:100%; padding:19px 30px; border-radius: 15px; background:#fff; position:absolute; bottom:0; transition:all 0.2s; cursor: pointer;}
.main_right .main_cont .area2 p {transition:all 0.2s;}
.main_right .main_cont .area2 i {display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_plus_24.svg') center center/contain; transition:all 0.2s;}
/* 이런분들께 추천드려요 hover */
.main_right .main_cont .area2:hover, .main_right .main_cont .area2.on {background:#1C8FED; color:#fff;}
.main_right .main_cont .area2:hover p, .main_right .main_cont .area2.on p {color:#fff;}
.main_right .main_cont .area2:hover i {background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_plus_24.svg') center center/contain;}
.main_right .main_cont .area2.on i  {background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_plus_24.svg') center center/contain; transform:rotate(45deg);}
.main_right .main_cont .area_h {width:100%; height:100%; padding:0 50px 20px; text-align: center; background:#000; position:absolute; top:100%; left:0; transition:all 0.3s;}
.main_right .main_cont .area1.on .area_h {top:0;}
.main_right .quick_cont .area1.on .center_tit {background:#1C8FED; color:#fff;}
.main_right .self_cont .area1.on .center_tit {background:#3a3a3a; color:#fff;}
.main_right .main_cont .area_h .area_tit {margin-top:60px; text-align: left;}
.main_right .main_cont .area_h .area_count {display: flex; flex-direction: column; gap:5px; margin:20px 0 30px;}
.main_right .main_cont .area_h .area_count .flex {display: flex;}
.main_right .main_cont .area_h .area_count .flex span {color:#fff;}
.main_right .main_cont .area_h .area_count .bar {width:200px; height:5px; border-radius: 3px; background:#fff; position:relative;}
.main_right .main_cont .area_h .area_count .bar span {height:5px; border-radius: 3px; background:#1C8FED; position:absolute; top:0; left:0;}
.main_right .main_cont .area_h .area_count .num {color:#1C8FED;}
.main_right .main_cont .area_h .area_count .num span {color:#1C8FED;}
.area_noti {display: flex; flex-direction: column; gap:10px; padding-top:30px; border-top:1px solid #3A3A3A; text-align: left;}
.area_noti p {padding-left:10px; position:relative; font-size:16px; font-family:'noto-L'; color:#fff;}
.area_noti p::before {content:''; width:2px; height:2px; border-radius: 50%; background:#fff; position:absolute; top:10px; left:0;}
/* 액션 */
.main_right .quick_cont {opacity:0; animation:mainaction 0.8s forwards ease-in-out 1s;}
.main_right .self_cont {opacity:0; animation:mainaction 0.8s forwards ease-in-out 1.3s;}
@keyframes mainaction {
	0% {transform:TranslateY(50px); opacity:0;}
	100% {transform:TranslateY(0); opacity:1;}
}
.main_right .area1.on .area_h .area_count>div:nth-child(1) .bar span {animation: count_bar1 0.8s forwards linear 0.6s;}
.main_right .area1.on .area_h .area_count>div:nth-child(2) .bar span {animation: count_bar2 0.8s forwards linear 0.6s;}
@keyframes count_bar1 {
	0% {width:0;}
	100% {width:90%;}
}
@keyframes count_bar2 {
	0% {width:0;}
	100% {width:95%;}
}

/********* 빠른견적 *********/
/* 상단고정헤더 */
.header_menu {width:100%; max-width:1540px; padding:20px 20px 0; margin:0 auto; position:relative;}
.header_menu .logo {width:150px; margin-right:20px;}
.header_menu .logo path {fill:#fff;}
.header_menu .step {gap:5px;}
.header_menu .step a {display: flex; align-items: center; color:#949494;}
.header_menu .step a.on {color:#fff; font-family:'noto-B';}
.header_menu .step a i {display: block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/mypage22/next_arrow_w_36.png') center center/contain; margin-left:5px; opacity:0.6;}
.header_menu .step a.on i {opacity:1;}
.header_menu .right {gap:10px;}
.header_menu .right .bl2_btn {display:block; height:40px; padding:10px 20px; margin-right:10px; background:#135EBA; color:#fff; border-radius: 2px;}
.header_menu .right .close_X {display:block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/compatibility/icon-x-24px.png') center center/contain; }
.header_menu .right .swiper-container {width:400px; height:40px; border:1px solid #3A3A3A; border-radius: 5px;}
.header_menu .right .swiper-slide>a {height:100%; padding:0 15px;}
.header_menu .right .swiper-container i {display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg') center/contain no-repeat;}
.right button {display:block; height:32px; padding:6px 15px; background:#1C8FED; color:#fff; border-radius: 2px;}
.right button.on {position:relative;}
.right button.on::before {content:''; width:4px; height:4px; background: #F14738; border-radius: 50%; position:absolute; top:4px; right:10px;}
.right .wt_btn {border:1px solid #fff; background:none;}
/* 실시간 판매 인기PC */
.popular_pc {width:420px; height:570px; padding:30px 10px 30px 30px; background:rgba(0,0,0,0.5); border-radius: 10px; overflow:hidden;}
.popular_pc .tit {margin-bottom:28px;}
.popular_pc .tit h3 {color:#fff;} 
.popular_pc .popular_li {height:480px; overflow:hidden;}
.popular_pc .popular_li ul {height:480px; display: flex; flex-direction: column; gap:30px; overflow-y:auto;}
.popular_pc .popular_li ul::-webkit-scrollbar{width: 4px;}
.popular_pc .popular_li ul::-webkit-scrollbar-thumb{ background:#3a3a3a; border-radius: 10px;}
.popular_pc .popular_li ul::-webkit-scrollbar-track{background:none;}
.popular_pc .popular_li ul li a {display: flex; gap:15px;}
.popular_pc .popular_li ul li .imgbox {width:120px; height:120px; border-radius:5px; overflow:hidden; position:relative;}
.popular_pc .popular_li ul li .imgbox .bat {width:30px; height:30px; line-height:30px; border-radius: 50%; background:#949494; color:#fff; text-align: center; position:absolute; top:5px; left:5px;}
.popular_pc .popular_li ul li .imgbox .bat.num1 {width:40px; height:40px; line-height:40px; background:#1C8FED; }
.popular_pc .popular_li ul li .txtbox {display: flex; flex-direction: column; gap:5px; width:225px;}
.popular_pc .popular_li ul li .txtbox p {color:#fff;}
.popular_pc .popular_li ul li .txtbox p.protit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.popular_pc .popular_li ul li .txtbox .price_line {gap:8px; margin-top:8px;}
.popular_pc .popular_li ul li:last-child {margin-bottom:30px;}
/* 선호하는 가격대 */
.like_price {width:820px;}
.like_price .tit {margin-bottom:28px;}
.like_price .like_li ul {display: flex; flex-wrap:wrap; gap:20px;}
.like_price .like_li ul li {width:400px; height:150px; padding:20px 20px 20px 35px; border-radius: 10px; background:#fff; box-sizing: border-box; transition:all 0.2s;}
.like_price .like_li ul li .txtbox {width:calc(100% - 110px); flex-direction:column; align-items: start; gap:3px;}
.like_price .like_li ul li .txtbox>div {width:100%; cursor: pointer;}
.like_price .like_li ul li .txtbox .usage {gap:10px;}
.like_price .like_li ul li .txtbox .usage i {display: block; width:1px; height:12px; background:#1C8FED;}
.like_price .like_li ul li .txtbox .gobtn {width:auto; margin-top:15px; color:#949494;}
.like_price .like_li ul li .txtbox .gobtn a {display: flex; align-items: center; gap:5px;}
.like_price .like_li ul li .txtbox .gobtn i {display:block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/compatibility/icon-arrow_up2-12px.png') center center/contain;}
.like_price .like_li ul li .imgbox {width:110px; height:110px; border-radius: 50%; background:#f9f9f9; position:relative; overflow:hidden; cursor: pointer;}
.like_price .like_li ul li .imgbox>span {display:block; width:92px; height:92px; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}
.like_price .like_li ul li:hover {background:#1C8FED;}
.like_price .like_li ul li:hover span, .like_price .like_li ul li:hover .gr_txt, .like_price .like_li ul li:hover .bl_txt {color:#fff!important;}
.like_price .like_li ul li:hover .txtbox .usage i {background:#fff;}
.like_price .like_li ul li:hover .txtbox .gobtn i {background:url('//image5.compuzone.co.kr/img/images/compatibility/icon-arrow_up2-12px_w.png') center center/contain;}
/* 액션 */
.like_price .tit {opacity:0; animation:mainaction 0.8s forwards ease-in-out 0.5s;}
.like_price .like_li {opacity:0; animation:mainaction 0.8s forwards ease-in-out 0.8s;}

/* 로딩애니메이션 */
.ld_inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align: center;}
.ld_inner .lo_ani {width:200px; height:122px; position:relative; left:50%; transform:translateX(-50%);}
.ld_inner .lo_ani span {position:absolute; top:0; left:0;}
.ld_inner .lo_ani span.action {width:100%; height:0; overflow:hidden; animation:loading 1.65s infinite ease-in-out;}
.ld_inner .lo_ani span.bar {top:-10px; left:-39px; animation:bar 1.65s infinite ease-in-out;}
.ld_inner .lo_txt {display: flex; flex-direction:column; gap:10px; margin-top:35px;}
@keyframes loading {
	0%,100% {height:0;}
	40% {height:60px;}
	65%, 74% {height:122px;}
}
@keyframes bar {
	0%,100% {transform:translateY(0px);}
	40% {transform:translateY(60px);}
	65%, 74% {transform:translateY(126px);}
}

/* 추천 견적 및 옵션 선택 */
.game_pc_bg {width:100%; height:100%; background:#000; position:absolute; top:0; left:0; opacity:0; visibility: hidden; transition:all 0.5s;}
.game_pc_bg.on {opacity:1; visibility: visible;}
.game_pc_bg span {display:block; width:100%; height:100%; opacity:0.8;}
.game_pc_bg span img {width:100%; position: absolute; top:0; left: 50%; transform: TranslateX(-50%);}
.page1500 {width:100%; max-width:1540px; padding:0 20px; top:0;}
.page1500 .top_menu {width:100%; padding-top:40px; position:relative;}
.page1500 .top_menu .tit .arrow {display: block; width:24px; height:24px; margin-left:15px; background:url('//image5.compuzone.co.kr/img/images/compatibility/icon-arrow_down-24px.png') center center/contain; position:relative; cursor: pointer;}
.page1500 .top_menu .right {gap:5px;}
.page1500 .top_menu .right>span {margin-right:15px;}
.page1500 .top_menu .arrow .select_box {display:none; width:max-content; background:#fff; border-radius: 10px; position:absolute; top:40px; left:-80px; z-index: 2; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5); overflow:hidden;}
.page1500 .top_menu .arrow .select_box ul {display:flex; flex-direction: column; gap:10px; padding:20px;}
.page1500 .top_menu .arrow .select_box li a {font-size:16px; font-family:'noto-R'; color:#1a1a1a;}
.page1500 .top_menu .arrow .select_box li.on a {font-family:'noto-M';}
.page1500 .top_menu .search {display: flex; align-items: center; width:640px; height:40px; margin-top:16px; padding:0 16px; border-radius: 10px; backdrop-filter: blur(10px); box-sizing: border-box; overflow:hidden;}
.page1500 .top_menu .search::before {content:''; width:100%; height:100%; background: rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:-1;}
.page1500 .top_menu .search>div {width:100%;}
.page1500 .top_menu .search .input {width:calc(100% - 36px);}
.page1500 .top_menu .search .input input {background:none; width:100%; height:100%; border:none; outline: none;}
.page1500 .top_menu .search .input input::placeholder {color:#D8D8D8;}
.page1500 .top_menu .search .search_btn {display:block; width:28px; height:28px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_search_24.svg') center center/contain no-repeat;} 
.page1500 .top_menu .search_area {width:640px; height:166px; padding:0 4px 0 16px; background:#fff; border:1px solid #D8D8D8; border-radius: 10px; position:absolute; top:104px; left:0; z-index:4;}
.page1500 .top_menu .search_area ul {height:100%; padding:16px 0; display: flex; flex-direction: column; gap:12px; overflow-y:auto;}
.page1500 .top_menu .search_area ul::-webkit-scrollbar{width: 4px;}
.page1500 .top_menu .search_area ul::-webkit-scrollbar-thumb{ background:#D8D8D8; border-radius: 10px;}
.page1500 .top_menu .search_area ul::-webkit-scrollbar-track{background:none;}


.estimate_swiper {position:relative;}
.estimate_swiper .no_option {width:100%; margin-top:20px; padding:10px 0; text-align: center; background:rgba(58,58,58,0.8); border-radius: 10px; display: none;}
.estimate_swiper.on .no_option {display: block;}
.estimate_swiper .no_option p {display: flex; align-items: center; justify-content:center; gap:3px; line-height:20px; font-family:'noto-L'; font-size:14px;}
.estimate_swiper .no_option p i {display: block; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/compatibility/exclamation_w.png') center center/contain;}
.estimate_swiper .swiper-container {width:calc(100% + 540px); padding:20px; margin-left:-20px;}
.estimate_swiper .swiper-slide {background:#fff; border-radius: 10px; overflow:hidden;}
.estimate_swiper .swiper-slide.swiper-slide-active {box-shadow: 4px 4px 20px #1C8FED;}
.estimate_swiper .slide_next_L {width: 42px; height: 42px; margin:0; background: var(--coFF) url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_prev_24.svg') center center / 20px no-repeat; border-radius: 50%; box-shadow: 3px 3px 12px #00000014; z-index: 2; transition: all 0.3s; text-indent: -9999px; cursor: pointer; top:50%; left:-21px; transform:translateY(-50%); opacity:0;}
.estimate_swiper:hover .slide_next_L {opacity:1;}
.estimate_swiper .slide_next_L.swiper-button-disabled {opacity:0;}
.estimate_swiper .swiper-scrollbar {width:600px; height:3px; background:#D8D8D8; border-radius: 3px; top:inherit; bottom:-10px; left:50%; transform:translateX(-50%); overflow:hidden; z-index:1; cursor: pointer;}
.estimate_swiper .swiper-scrollbar .swiper-scrollbar-drag {background:#0071E8;}
.estimate_swiper .line1 {width:100%; padding:30px 30px 0; margin-bottom:10px; gap:15px;}
.estimate_swiper .line1 .imgbox {width:120px; height:120px;}
.estimate_swiper .line1 .imgbox a {display: block; width:100%; height:100%; border-radius: 5px; overflow: hidden; position:relative;}
.estimate_swiper .line1 .imgbox a::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.02); position:absolute; top:0; left:0;}
.estimate_swiper .line1 .imgbox a:hover::before {background:rgba(0,0,0,0.7);}
.estimate_swiper .line1 .imgbox a:hover::after {content:''; width:36px; height:36px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/icon_plus_36.png') center center/contain; position:absolute; top:42px; left:42px;}
.estimate_swiper .line1 .txtbox {display: flex; flex-direction: column; gap:5px; width:calc(100% - 135px); position:relative;}
.estimate_swiper .line1 .txtbox h5 {line-height:1;}
.estimate_swiper .line1 .txtbox p {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden; text-overflow: ellipsis;}
.estimate_swiper .line1 .txtbox .popup_btn {position:absolute; top:0; right:0;}
.estimate_swiper .line1 .txtbox .popup_btn a {background:#1C8FED; padding:6px 15px; border-radius: 16px; animation:quick_shadow1 2s infinite ease-in-out 1s;}
@keyframes quick_shadow1 {
	0%,100% {box-shadow: 0;}
	30%,70% {box-shadow: 3px 3px 10px rgba(28,143,337,0.5); }
}
.estimate_swiper .line1 .txtbox .batline {display: flex; flex-wrap: wrap; gap:4px; align-items: center;}
.estimate_swiper .line1 .txtbox .batline span {display: flex; align-items: center; justify-content: center; height:26px; padding:0 10px; border-radius:13px; border:1px solid #1C8FED; color:#1C8FED; font-size: 12px; font-family:'맑은고딕',malgun gothic;}
.estimate_swiper .line2 {display:flex; flex-direction: column; gap:12px; width:calc(100% - 30px); padding:16px 10px 0 30px; height:calc(100vh - 514px); overflow-y:auto;}
.estimate_swiper.on .line2 {height:calc(100vh - 570px);}
.estimate_swiper .line2::-webkit-scrollbar {width:4px;}
.estimate_swiper .line2::-webkit-scrollbar-thumb {background:#D8D8D8; border-radius: 10px;}
.estimate_swiper .line2::-webkit-scrollbar-track {background:none;}
.estimate_swiper .line2 dl {display: flex; align-items: center; gap:10px;}
.estimate_swiper .line2 dl:last-child {margin-bottom:20px;}
.estimate_swiper .line2 dl dt {width:70px; font-size:13px; font-family:'맑은고딕'; color:#949494; letter-spacing: -1px; word-break: keep-all;}
.estimate_swiper .line2 dl dd {width:calc(100% - 80px);}
.estimate_swiper .line2 dl dd p { font-size:13px; font-family:'맑은고딕'; color:#1a1a1a; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-break: break-all;}
.estimate_swiper .line2 dl dd.dd_s {margin-bottom:6px;}
.estimate_swiper .line2 dl dd .select {display: block; margin:-6px 0 -6px;}
.estimate_swiper .line2 dl dd .select select:hover {border:1px solid #1a1a1a; background:url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_down_12.svg") 98% center no-repeat; background-size: 14px;}
.estimate_swiper .line2 dl dd .select select {display: block; width:100%; height:32px; padding:6px 30px 6px 10px; background:url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg") 98% center no-repeat; background-size: 14px; border:1px solid #D8D8D8; border-radius: 2px; font-size:13px; font-family:'맑은고딕'; color:#1a1a1a; appearance: none; outline:none;}
.estimate_swiper .line3 {width:100%; padding:20px 30px; background:#1C8FED;}
.estimate_swiper .line3 .bagbtn button {padding:13px 50px; border-radius: 25px; background:#fff;}
.estimate_swiper .line3 dl + dl {margin-top:4px;}
.estimate_swiper .line3 dl dt {width:62px;}
.estimate_swiper dl dd .redbat {margin-right:5px;}
/* 선택한 견적 팝업 */
.choice_pop {width:670px; height:100vh; position:fixed; top:0; box-shadow: -5px 0 20px rgba(0,0,0,0.7); z-index:2; right:-100%; transition:all 0.3s;}
.choice_pop.on {right:0;}
.backbtn {width:60px; height:60px; border-radius: 50%; background:radial-gradient(#008CFF, #0072FF); position:absolute; top:10px; left:-40px; z-index:-1; transition:all 0.2s;}
.backbtn:hover {left:-65px;}
.backbtn a {display: flex; align-items: center; justify-content: center; width:100%; height:100%;}
.backbtn a i {display: block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_go.png') center center/contain;}
.choice_pop .choice_inner {width:100%; height:100%; padding:25px 0; background:rgba(0,0,0,0.8); border-left:1px solid rgba(255,255,255,0.3); backdrop-filter: blur(50px);}
.choice_pop .choice_inner::before {content:''; width:100%; height:100%; background:linear-gradient(45deg,transparent, transparent, #1C8FED); position:absolute; top:0; right:0; opacity:.5;}
.choice_pop .choice_inner .ques {width:18px; height:18px; margin-left:5px; background:url('//image5.compuzone.co.kr/img/images/compatibility/exclamation_w.png') center center/contain; position:relative; cursor: pointer;}
.choice_pop .choice_inner .ques:hover .bloo {display: block;}
.choice_pop .choice_inner .bloo {width: max-content; padding:13px; border: 1px solid #2679CF; background: #fff; position: absolute; top:30px; left:-100px; letter-spacing: -0.5px; text-align: left; z-index: 1; display: none;}
.choice_pop .choice_inner .bloo p + p {margin-top:1px;}
.choice_pop .choice_inner .bloo::before {content: ''; display: inline-block; width: 0; height: 0; border-top:0; border-bottom: 7px solid #2679CF; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: -7px; left: 102px;}
.choice_pop .choice_inner .bloo::after {content: ''; display: inline-block; width: 0; height: 0; border-top:0; border-bottom: 6px solid #fff; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; top: -5px; left: 103px;}
.choice_pop .choice_inner .cont {margin-top:25px;}
.choice_pop .tit {padding:0 40px; position:relative;}
.choice_pop .tit .close_X {display: block; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/compatibility/icon-x-24px.png') center center / contain;}
.estimate_swiper.cho_cont {height:100%; padding-top:20px;}
.estimate_swiper.cho_cont .line1 { padding:0 40px;} 
.estimate_swiper.cho_cont .line2 { padding:10px 10px 0 40px; margin:15px 0 0; height:calc(100vh - 479px);} 
.estimate_swiper.cho_cont .line2 dl dt {font-size:14px; color:#d8d8d8;}
.estimate_swiper.cho_cont .line2 dl dd {width:508px;}
.estimate_swiper.cho_cont .line2 dl dd p {font-size:14px; font-family:'noto-R'; color:#fff;}
.estimate_swiper.cho_cont .line2 dl dt {font-size:14px; color:#d8d8d8;}
.estimate_swiper.cho_cont .line2 dl dd .select {background:#fff; border-radius: 2px;}
.estimate_swiper.cho_cont .line2 dl dd .select select {font-size:13px; font-family:'맑은고딕'; }
.estimate_swiper.cho_cont .line2 dl dd .select select:hover {border:1px solid transparent;}
.estimate_swiper .no_pro { height:calc(100vh - 325px); display: flex; gap:10px; align-items: center; justify-content: center; flex-direction: column;}
.estimate_swiper .no_pro i {display: block; width:60px; height:60px; background: url('//image5.compuzone.co.kr/img/images/compatibility/icon-exclamation-60px.png') center center / contain;}
.cho_cont .line_btn {width:100%; background:#1a1a1a; position:absolute; bottom:0;}
.cho_cont .line_btn .line3_1 {gap:5px; padding:20px 40px; border-bottom:1px solid #3A3A3A;}
.cho_cont .line_btn .line3_1 button {display: block; height:40px; padding:10px 20px; background:none; border:1px solid #3a3a3a;}
.cho_cont .line_btn .line3_2 {padding:20px 40px;}
.cho_cont .line_btn .price {flex-direction: column; align-items: stretch; gap:7px;}
.cho_cont .line_btn .price dl dd {display: flex; align-items: flex-end; gap:5px;}
.cho_cont .line_btn .price dt {width:62px;}
.cho_cont .line_btn .btnarea {padding: 0 40px 40px; gap:10px;}
.cho_cont .line_btn .btnarea button {display: block; width:50%; height:60px; padding:18px 0; border-radius:8px; }
.cho_cont .line_btn .btnarea button.wt_btn {background:#fff; color:#1a1a1a;}
.cho_cont .line_btn .btnarea button.bl_btn {background:#1C8FED; color:#fff;}

/********* 셀프견적-직접견적담기 *********/
/* 오른쪽 담은견적 픽스 */
.cp_right_fix_menu {position:fixed; top:0; right:-900px; width:1000px; height:100vh; background:#fff; z-index:9; transition:all 0.3s;}
.cp_right_fix_menu::before {content:''; width:200%; height:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.8); display: none; z-index:-1;}
.cp_right_fix_menu.on {right:0px;}
.cp_right_fix_menu.on::before {display: block;}
.cp_right_fix_menu.on .show_table {padding-bottom:170px;}
.cp_right_fix_menu.on>.fix_bottom {bottom:0;}
.cp_right_fix_menu .flex {align-items: start;}
.cp_right_fix_menu .backbtn {top:50%; transform:translateY(-50%);}
.cp_right_fix_menu .backbtn a {transform:rotate(180deg); transition:all 0.3s;}
.cp_right_fix_menu .backbtn.on {left:-55px;}
.cp_right_fix_menu .backbtn.on:hover {left:-35px;}
.cp_right_fix_menu .backbtn.on a {transform:rotate(0);}
.cp_right_fix_menu .tit {padding:16px 20px; text-align: center; background:#1C8FED;}
.cp_right_fix_menu .tit .close_X {display: block; width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/compatibility/icon-x-24px.png) center center / contain;}
.cp_right_fix_menu .show_table { width:100%; height:calc(100vh - 55px); background:#fff; padding-bottom:0; border-top:1px solid #E8E8E8; overflow-y: auto;}
.cp_right_fix_menu .show_table::-webkit-scrollbar {width:3px;}
.cp_right_fix_menu .show_table::-webkit-scrollbar-thumb {background:#D8D8D8; border-radius: 10px;}
.cp_right_fix_menu .show_table::-webkit-scrollbar-track {background:none;}
.cp_right_fix_menu .show_table tr th {width:100px; padding:15px 0; background:#f9f9f9; position:relative;}
.cp_right_fix_menu .show_table tr th.odd {background:#F2F2F2;}
.cp_right_fix_menu .show_table th i {display: block; width:40px; height:40px; margin:0 auto 10px;}
.cp_right_fix_menu .show_table th i img {width:100%;}
.cp_right_fix_menu .show_table th .number {width:32px; height:32px; background:#1C8FED; border-radius: 50%; display: flex; align-items: center; justify-content: center; color:#fff; position:absolute; top:10px; left:10px;}
.cp_right_fix_menu .show_table td {text-align: center; height:100px; border-bottom:1px solid #e8e8e8;}
.cp_right_fix_menu .show_table td.no_pro {padding:0 20px; text-align: left;}
.cp_right_fix_menu .show_table .checkbox, .cp_right_fix_menu .show_table .num_box {justify-content: center; margin:0;}
.cp_right_fix_menu .show_table input.check[type="checkbox"] + label.check > i {margin:0 auto;}
.cp_right_fix_menu .show_table td .imgbox {width:70px; height:70px; margin:0 auto; border-radius:5px; position:relative;}
.cp_right_fix_menu .show_table td .imgbox::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.02); position:absolute; top:0; left:0;}
.cp_right_fix_menu .show_table td .product_name {text-align: left; margin-left:15px;} 
.cp_right_fix_menu .show_table td .product_name>p {display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden;}
.cp_right_fix_menu .show_table td .price {flex-direction: column; gap:5px;}
.cp_right_fix_menu .show_table td .price dt {width:50px;}
.cp_right_fix_menu .show_table td .close_X {display: block; width:24px; height:24px; margin:0 auto; background:url('//image5.compuzone.co.kr/img/images/main/closex_l.png') center center/contain;}
.cp_right_fix_menu .fix_bottom {width:100%; background:#F3FAFF; position:absolute; bottom:-170px; transition:all 0.2s;}
.cp_right_fix_menu .fix_bottom .flex {align-items: center;}
.cp_right_fix_menu .fix_bottom .line1 {width:100%; padding:14px 30px; border-bottom:1px solid #E8E8E8; gap:5px;}
.cp_right_fix_menu .fix_bottom .line1 button {height:40px; padding:0 20px; border-radius: 2px; background:#fff; border:1px solid #E8E8E8; font-size:14px; font-family:'noto-R'; color:#1a1a1a; letter-spacing: -0.5px;;}
.cp_right_fix_menu .fix_bottom .line2 {width:100%; padding:20px 30px; border-bottom:1px solid #E8E8E8; gap:5px;}
.cp_right_fix_menu .fix_bottom .line2 .price dl + dl {margin-top:5px;}
.cp_right_fix_menu .fix_bottom .line2 .price dl dt {width:50px;}
.cp_right_fix_menu .fix_bottom .line2 .btnarea {width:540px; margin-left:20px; gap:10px;}
.cp_right_fix_menu .fix_bottom .line2 .btnarea button {display: block; width: 50%; height: 60px; padding: 18px 0; border-radius: 8px;}
.btnarea button.bl_btn {background:#1C8FED; color:#fff;}
.btnarea button.bk_btn {background:#1a1a1a; color:#fff;}

/* 상품상단리스트 */
.top_list {width:1500px; height:55px; padding:0 20px; margin-top:20px; background:#fff; border-radius: 10px; overflow-x:auto;}
.top_list::-webkit-scrollbar {height:4px;}
.top_list::-webkit-scrollbar-thumb {background:#D8D8D8; border-radius: 10px;}
.top_list::-webkit-scrollbar-track {background:none;}
.top_list ul {gap:10px; width:max-content; height:100%; font-size: 0; white-space: nowrap; overflow: hidden;}
.top_list ul li {display:inline-block; width:auto;}
.top_list ul li a {display: block; padding:2px 10px; border-radius:13px; font-size:14px; font-family:'noto-M'; color:#6C6C6C; border:1px solid transparent; transition:all 0.2s;}
.top_list ul li:hover a, .top_list ul li.on a {border:1px solid #1C8FED; color:#1C8FED;}
.cont_table {margin-top:20px; align-items: flex-start; gap:20px;}
.cont_table .lt_menu {width:230px; background:#fff; border-radius: 10px;}
.cont_table .lt_menu .depth1>li {padding:16px 20px; border-bottom:1px solid #E8E8E8;}
.cont_table .lt_menu .depth1>li:last-child {border-bottom:0;}
.cont_table .lt_menu .depth1>li a {display: block; width:100%; padding-right:20px; font-size:14px; margin-bottom:0; font-family:'noto-B'; color:#1a1a1a; position:relative; transition:all 0.2s;}
.cont_table .lt_menu .depth1>li a::before {content:''; width:12px; height:2px; background:#1a1a1a; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.cont_table .lt_menu .depth1>li a::after {content:''; width:2px; height:12px; background:#1a1a1a; position:absolute; top:50%; right:5px; transform:translateY(-50%); transition:all 0.2s;}
.cont_table .lt_menu .depth1>li a.on {color:#135EBA; margin-bottom:12px;}
.cont_table .lt_menu .depth1>li a.on::after {transform:translateY(-50%) rotate(90deg);}
.cont_table .lt_menu .depth2 {max-height:175px; overflow-y:auto;}
.cont_table .lt_menu .depth2::-webkit-scrollbar {width:4px;}
.cont_table .lt_menu .depth2::-webkit-scrollbar-thumb {background:#D8D8D8; border-radius: 10px;}
.cont_table .lt_menu .depth2::-webkit-scrollbar-track {background:none;}
.cont_table .lt_menu .depth2 ul {margin:0 0 4px; display: none; }
.cont_table .lt_menu .depth2 ul>li + li {margin-top:10px;}
/* 상품테이블 */
.cont_table .rt_table {width:calc(100% - 250px); padding-bottom:60px; background:#fff; border-radius: 10px;}
.cont_table .rt_table .top_table {min-width:930px; padding:20px; border-bottom:1px solid #E8E8E8;}
.cont_table .rt_table .top_table div {gap:10px;}
.cont_table .rt_table .top_table div>div {margin-left:10px;}
.cont_table .rt_table .mid_table {padding:20px;}
.cont_table .rt_table .mid_table>div {gap:10px;}
.cont_table .rt_table .mid_table>div:nth-child(1) {width: 100%;}
.cont_table .rt_table .mid_table>div ul {flex-wrap: wrap; gap:10px; width:calc(100% - 80px);}
.cont_table .rt_table .mid_table>div ul li {display: flex; align-items: center; gap:4px; padding:2px 8px; background:#F2F2F2; border-radius:13px; font-size:14px; font-family:'noto-R'; color:#6C6C6C;}
.cont_table .rt_table .mid_table>div ul li .close_X {display:block; width:14px; height:14px; background:url('//image5.compuzone.co.kr/img/images/recomend21/x_Btnimg.png') center center no-repeat;}
.cont_table .rt_table .mid_table>div .toggle_btn {width:48px; height:24px; background:#d9d9d9; border-radius: 12px; position:relative; transition:all 0.2s;}
.cont_table .rt_table .mid_table>div .toggle_btn i {display: block; width:18px; height:18px; background:#fff; border-radius:50%; position:absolute; top:3px; left:2px; box-shadow: 3px 1px 4px rgba(0, 0, 0, 0.2); cursor: pointer; transition:all 0.2s;}
.cont_table .rt_table .mid_table>div .toggle_btn.on {background:#1c8fed;}
.cont_table .rt_table .mid_table>div .toggle_btn.on i {left:26px;}
.pro_table {width:100%; padding:0 20px;}
.pro_table table {width:100%; padding:0; border:0; border-spacing: 0; border-collapse: collapse;}
.pro_table table tr {border-top:1px solid #E8E8E8;}
.pro_table table tr.bgbl {background:#F3FAFF;}
.pro_table table tr:last-child {border-bottom:1px solid #e8e8e8;}
.pro_table table tr th {padding:16px 0; font-size:16px; font-family:'noto-M'; color:#1a1a1a; text-align: center; background:#F9F9F9; }
.pro_table table tr th:last-child {width:120px;}
.pro_table table tr td {padding:15px 0; text-align: center;}
.pro_table table tr td .noting {padding:60px 0 70px;}
.pro_table table tr td .noting span {display: block; margin-bottom:10px;}
.pro_table table tr td .imgbox {width:70px; height:70px; margin:0 auto; border-radius:5px; position:relative;}
.pro_table table tr td .imgbox::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.02); position:absolute; top:0; left:0;}
.pro_table table tr td .product_name {max-width:400px; text-align: left;} 
.pro_table2 table tr td .product_name {max-width:650px;}
.pro_table table tr td .product_name>p {margin-bottom:10px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden;}
.pro_table table tr td .product_name>p span {margin-right:5px;}
.pro_table table tr td .product_name .star {width:67px; height:13px; margin-right:5px; background:url('//image5.compuzone.co.kr/img/images/product_detail/detail_fullstar.png') center left/cover no-repeat; position:relative;}
.pro_table table tr td .product_name .star>span {display: block; width:px; height:13px; background:url('//image5.compuzone.co.kr/img/images/product_detail/fullstar.png') center left/cover no-repeat; position:absolute; top:0; left:0;}
.pro_table table tr td .btn {display: flex; align-items: center; justify-content: center; flex-direction: column; gap:5px;}
.pro_table table tr td .btn button {width:90px; height:32px; line-height:30px; padding:0; border-radius: 2px; font-size:14px; font-family:'noto-R'; color:#1a1a1a;}
.pro_table table tr td .btn button.wt_btn {background:#f9f9f9; border:1px solid #D8D8D8;}
.pro_table table tr td .btn button.bl_btn {background:#0D6DE3; color:#fff;}
/* 제품 리스트 하단 페이징 */
.page_area {display:flex; align-items: center; justify-content: center; gap:5px; margin:40px auto 0; }
.page_area > a { display:block;width:30px; height:30px; line-height: 28px; background:#fff; border:1px solid #d8d8d8; text-align:center; color:#1a1a1a; font-size:12px; font-family: "맑은고딕"; text-decoration:none;}
.page_area > a.active, .page_area > a:hover {background-color:#1a1a1a; border-color:#1a1a1a; color:#fff; font-weight:bold;}
.page_area > a.prev {margin-right:5px; background: #fff url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -97px -132px no-repeat;}
.page_area > a.next {margin:0 5px; background: #fff url(//image5.compuzone.co.kr/img/images/product_detail/product_list_obj.png) -117px -132px no-repeat;}
@media screen and (max-width: 1700px) {
	.compatibility_list2 .header_menu .right {margin-right:100px;}
	.top_list {width:calc(100% - 110px);}
	.cont_table .lt_menu {width:200px;}
	.cont_table {width:calc(100% - 80px);}
}
@media screen and (max-width: 1500px) {
	.cont_table .rt_table .top_table {flex-wrap: wrap;}
	.cont_table .rt_table .top_table div>div {margin-left:0;}
}

/* 호환성검토누르면 나오는 팝업 */
.popular_pop {}
.popular_inner {position:absolute; }
.popular_popup {padding:30px; background:#000; border-radius: 10px; position:relative;}
.popular_pop2 .popular_popup {animation:quick_shadow 3s infinite ease-in-out 1s;}
.popular_popup::before {content:''; width:100%; height:100%; border-radius: 10px; background:linear-gradient(-45deg,transparent, transparent, #1C8FED); position:absolute; top:0; left:0; opacity:1;}
.popular_popup .popup_tit {position:relative;}
.popular_popup .popup_tit .close_X {display: block; width: 18px; height: 18px; background: url('//image5.compuzone.co.kr/img/images/compatibility/icon-x-18px.png') center center / contain;}
.popular_popup .popular_cont {position:relative;}
.popular_popup a.bl_btn {display: block; width:175px; margin:15px auto 0; padding:13px 30px; border-radius:25px; text-align: center; background:#1C8FED;}
.popular_pop .not_today {text-align: right; margin-top:5px;}
.popular_popup .estimate_swiper {margin-top:20px;}
.popular_popup .estimate_swiper .swiper-container {width:100%; padding:0; margin:0;}
.popular_popup .estimate_swiper .swiper-slide {background:none; box-shadow: none;}
.popular_popup .line1 {padding:0;}
.popular_popup .line2 {width:100%; max-height:340px; padding:10px 5px 0 0;}
.popular_popup .line2::-webkit-scrollbar {width:4px;}
.popular_popup .line2::-webkit-scrollbar-thumb {background:#3A3A3A; border-radius: 10px;}
.popular_popup .line2::-webkit-scrollbar-track {background:none;}
.popular_popup .line2 dl {align-items: start;}
.popular_popup .line2 dl dt {color:#fff; opacity:0.5;}
.popular_popup .line2 dl dd {width:361px;}
.popular_popup .line2 dl dd p {color:#fff; -webkit-box-orient: inherit;}
.popular_popup .line2 dl dd .select select {background:#fff url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_down_12.svg") 98% center no-repeat; background-size: 14px;}
.popular_popup .line2 dl dd .select select:hover {background:#fff url("//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg") 98% center no-repeat; background-size: 14px; border:1px solid #d8d8d8;}
.popular_popup .slide_prev {left:-45px;}
.popular_popup .slide_next {right:-45px}
.popular_pop .fix_bottom {width:100%; background:#fff; border-radius: 0 0 10px 10px; overflow: hidden; position:relative; bottom:30px;}
.popular_pop .fix_bottom .line1 {padding:25px 30px 21px; border-bottom:none;}
.popular_pop .fix_bottom .price {flex-direction: column; align-items: stretch; gap:7px;}
.popular_pop .fix_bottom .price dd {display: flex; align-items: flex-end; gap:5px;}
.popular_pop .fix_bottom .price dt {width:62px;}
.popular_pop .fix_bottom .btnarea {padding:0 30px 30px; gap:10px;}
.popular_pop .fix_bottom .btnarea button {display: block; width:50%; height:60px; padding:18px 0; border-radius:8px; }

/* 2초 팝업 */
.bnr2second {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:100; animation:bnr2s 2s forwards;}
.bnr2second>div {display: flex; flex-direction: column; align-items: center; gap:20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.bnr2second>div p {font-size:26px;}
.bnr_arw {position:relative; width:553px; height:21px;}
.bnr_arw .bar {position:absolute; top:0; left:0;}
.bnr_arw .round {position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%); animation:bnrround 2s forwards ease-in-out;}
@keyframes bnr2s {
	0%,80% {opacity:1; visibility: visible;}
	100% {opacity:0; visibility: hidden;}
}
@keyframes bnrround {
	0%,100% {margin-left:0;}
	33% {margin-left:-150px;}
	66% {margin-left:150px;}
}

/* 116288 플로팅 수동배너 슬라이드 */
.floating_banner {position: absolute; left:calc(50% + 700px); bottom:calc(50% - 300px); width: 100px; padding:12px; background:#fff; border-radius: 10px; z-index: 10;}
.floating_banner .swiper-slide>a {display: flex; flex-direction: column; gap:8px;}
.floating_banner .imgline {width:76px; height:76px; border-radius: 5px; box-sizing: border-box; overflow: hidden; position:relative;}
.floating_banner .imgline::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.02);}
.floating_banner .imgline img {width:100%;}
.floating_banner .imgline .bat {padding:px; position:absolute; top:0; right:0; background:#F14738; border-radius:5px; padding:0 5px 1px;}
.floating_banner .txtline {text-align: center;}
.floating_banner .txtline p {letter-spacing: -1px;}
.floating_banner .txtline .price span {text-decoration: line-through;}
.floating_banner .swiper-option {position:relative; width:100%; display: flex; gap:4px; justify-content: center;}
.floating_banner .left, .floating_banner .right {width:18px; height:18px; margin-top:8px; border:1px solid #d8d8d8; border-radius: 2px; position:unset;}
.floating_banner .left {background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_prev_12.svg') center center/12px no-repeat; }
.floating_banner .right {background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_12.svg') center center/12px no-repeat; }

/* 118233 조립비 안내 레이어 추가 */
.scroll_product {margin-top:20px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:301px; overflow-y: auto;}
.scroll_product::-webkit-scrollbar {width:3px;}
.scroll_product::-webkit-scrollbar-thumb {background:#D8D8D8; border-radius: 10px;}
.scroll_product::-webkit-scrollbar-track {background:none;}
.scroll_product ul {display: flex; flex-direction: column;}
.scroll_product ul li {display: flex; justify-content: space-between; gap:15px; padding:15px; box-sizing: border-box; border-bottom:1px solid #e8e8e8;}
.scroll_product ul li .pro_img {width:70px; height:70px;}
.scroll_product ul li .pro_img img {width:100%;}
.scroll_product ul li .pro_name {width:460px;}
.scroll_product ul li .pro_name .price_per {margin-top:12px;} 
.scroll_product ul li .pro_btn {display: flex; align-items: center; justify-content: center; width:54px;}
.scroll_product ul li .pro_btn button {padding:3px 11px 5px; font-size:12px; font-family:'맑은고딕'; font-weight: normal; border-radius: 2px; color:#fff; }
.scroll_product ul li .pro_btn .gr_btn {background:#6C6C6C;}
.scroll_product ul li .pro_btn .bl_btn {background:#1C8FED;}

/* 혜택가 토글버튼 추가 */
.cont_table .rt_table .mid_table .toggle_box {display: flex; gap: 20px;}
.toggle_box > div {gap: 10px;}
.toggle_box p {white-space: nowrap;}

.est_keyword_color {color:#1C8FED;}