/* 초기화 */
h1, h2, h3, h4, h5, h6, th, td {font-weight: normal;}
i {font-style: normal;}
* {box-sizing: border-box; margin:0; padding:0;}
table { padding:0; border:0; border-spacing: 0; border-collapse: collapse;}
button {background:none;}
/* 공통 */
.flex {display: flex; align-items: center;}
.flex.btwn {justify-content: space-between;}
.flex.column {flex-direction: column;}
.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;}
.imgbox>span {display: block;}
.imgbox img {width:100%;}
.bot_fix_btn {width:100%; height:60px; position:fixed; bottom:0; left:0;}
.bot_fix_btn button {display: block; width:100%; height:100%; background:#E8E8E8; color:#949494;}
.bot_fix_btn.on button {background:#0d6de3; color:#fff;}
/* 공통-배지 */
.bat {display:inline-flex; align-items: center; justify-content: center; padding:4px 8px; border-radius: 13px; background:#949494; font-size:12px; font-family:'맑은고딕'; color:#fff; text-align: center; letter-spacing: -0.5px;}
.bat.li_gr {border:1px solid #D8D8D8; background:#fff; color:#949494;}
.bat.bg_bl {background:#1C8FED;}
.bat.QHD {background:#00c500;}
.bat.FHD {background:#1C8FED;}
.bat.UHD {background:#8433ff;}
/* 공통-리뷰별 */
.review {gap:8px;}
.starbg {width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_star.svg') center left/contain repeat-x;}
.review .bar {width:1px; height:10px; background:#f0f0f0;}
/* 공통-셀렉트 */
.select {display: block; width:100%; position:Relative;}
.select::before {content:''; width:12px; height:12px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_down_12.svg) center/contain no-repeat; position:absolute; top:12px; right:15px;}
.select select {width:100%; display: block; padding:10px 35px 10px 15px; background:#fff; border-radius:5px; border:1px solid #D8D8D8; appearance: none; font-size:14px; letter-spacing: -1px;}
/* 공통-수량박스 */
.num_box {float:left; display:flex; align-items: center; overflow:hidden;}
.num_box a {position:relative; display: inline-block; width:27px; height:30px; border: 1px solid #d8d8d8; border-radius:5px 0 0 5px; box-sizing: border-box;}
.num_box a:first-child:before {content:""; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); width:9px; height:1px; background:#6c6c6c;}
.num_box input.wish_text_btn {display: inline-block; width:33px; height:30px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: center; box-sizing: border-box; color:#3a3a3a; -webkit-appearance: none; -webkit-border-radius: 0;}
.num_box a:last-child {border-radius: 0 5px 5px 0;}
.num_box a:last-child:before {content:""; position:absolute; top:49%; left:50%; transform:translateX(-50%); width:9px; height:1px; background:#6c6c6c;}
.num_box a:last-child:after {content:""; position:absolute; top:50%; left:49%; transform:translateY(-50%); width:1px; height:9px; background:#6c6c6c;}
/* 공통-버튼 */
.btn_S {padding:6px 15px; border-radius:5px; font-size:12px; font-family:'맑은고딕'; letter-spacing: -1px;}
.btn_L {padding:12px 20px; border-radius:5px; font-size:18px; font-family:'noto-B'; text-align: center;}
button.wtbg_btn {background:#fff; border:1px solid #d8d8d8; color:#3a3a3a;}
button.blbg_btn {background:#0D6DE3; border:1px solid transparent; color:#fff;}
button.grbg_btn {background:#949494; border:1px solid transparent; color:#fff;}
button.blli_btn {background:transparent; border:1px solid #0D6DE3; color:#0D6DE3;}

/* 메인 */
.compatibility_list {width:100%; background:#000; overflow-x: hidden;}
.compati_main {width:100%; max-width:750px; margin:0 auto; padding:40px 0;}
.compati_main .main_tit {display: flex; flex-direction: column; align-items: center; gap:4px;}
.compati_main .main_search {display: flex; flex-direction: column; margin-top:40px; padding:0 15px;}
.compati_main .main_search .search_inner {width:100%; padding:16px; border:1px solid #6C6C6C; border-radius: 10px; background:#1a1a1a;}
.compati_main .main_search .search_inner .search {width:100%; height:40px; padding:0 16px; background:#3A3A3A; border-radius:10px;}
.compati_main .main_search .search_inner .input {width:calc(100% - 28px);}
.compati_main .main_search .search_inner .input input {background:none; width:100%; height:100%; border:none; outline: none; color:#fff; letter-spacing: -1px;}
.compati_main .main_search .search_inner .input input::placeholder {color:#949494;}
.compati_main .main_search .search_inner .search_btn {display:block; width:24px; height:28px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_search_24.svg') center center/contain no-repeat;} 
.compati_main .main_search .keyword {width:100%; margin-top:16px; overflow:hidden; transition:all 0.2s;}
.compati_main .main_search .keyword .slideline {display: flex; align-items: center; width:100%;}
.compati_main .main_search .keyword .slideline>.flex {align-items: center; gap:12px; width:100%; }
.compati_main .main_search .keyword_slide {width:calc(100% - 90px); height:20px; margin:0; overflow: hidden;}
.compati_main .main_search .keyword_slide .swiper-slide {line-height:20px;}
.compati_main .main_search .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;}
.compati_main .main_search .down12.on {transform:rotate(180deg);}
.compati_main .keyword ul {display: flex; flex-direction: column; gap:8px; width:calc(100% - 92px); margin:-20px 0 0 72px; background: #1a1a1a; position:relative; z-index: 1; display: none;} 
.compati_main .keyword ul li { line-height:20px;}
.compati_main .main_content {display: flex; flex-direction: column; align-items: center; gap:15px; margin:30px 0 0; padding:0 15px;}
.compati_main .main_content .main_box {width:100%; padding:30px 30px 20px; background:#051E33; border-radius: 10px; overflow:hidden; position:relative;}
@media screen and (max-width: 350px) {
	.compati_main .main_content .main_box {padding:25px 25px 20px;}
}
.compati_main .main_content .main_box::before {content:''; width:500px; height:500px; background:radial-gradient(#1C8FED 1%, #051E33, #051E33); border-radius: 50%; position:absolute; top:-115px; right:-175px; z-index:0;}
.compati_main .main_content .main_box2 {background:#1A1A1A;}
.compati_main .main_content .main_box2::before {background:radial-gradient(#6C6C6C 1%, #1A1A1A, #1A1A1A);}
.compati_main .main_content .main_box>div {position:relative; align-items: start;}
.compati_main .main_content .main_box p {margin-top:10px; opacity:0.5;}
.compati_main .main_content .main_box .imgbox {width:125px; margin:-15px -20px 5px 0;}
.compati_main .main_content .main_box .imgbox span {display: block;}
.compati_main .main_content .main_btn {width:100%; height:50px; line-height:48px; border-radius: 25px; background:rgba(28,143,237,0.5); text-align: center;clip-path: inset(0 round 25px);}
.compati_main .main_content .main_btn::before {	content: ''; position: absolute; top:0; bottom:0; right:0; left:0; border-radius: 25px; box-shadow: inset 0 3px 12px rgba(28, 143, 237, 0.9), inset 0 -3px 4px rgba(28, 143, 237, 0.8);}
.compati_main .main_content .main_btn a {width:100%; position:relative; z-index: 2;}
.compati_main .main_content .main_btn a:active {background:none;}
.compati_main .main_content .main_btn .circlebox {width:100%; height:100%; overflow:hidden; position:absolute; border-radius: 25px; z-index: 0; transform: translateZ(0); filter: blur(20px);-webkit-filter: blur(20px);will-change: transform; -webkit-mask-image: -webkit-radial-gradient(white, black);}
.compati_main .main_content .main_btn .circle { border-radius: 50%; position: absolute; top: 0; left:0; overflow: hidden; z-index: 0; -webkit-mask-image: -webkit-radial-gradient(white, black); will-change: transform;}
.compati_main .main_content .main_btn .circle-1 {width: 100px; height: 100px; top:-50px; left:-20%; background: var(--co1C); opacity: 0.4; animation:circle-1 10s linear infinite;}
.compati_main .main_content .main_btn .circle-2 {width: 150px; height: 150px; top:50px; left:80%; background: rgba(28, 143, 237, 0.7); animation:circle-2 10s linear infinite;}
.compati_main .main_content .main_box2 .main_btn {background:rgba(0,0,0,0.7);}
.compati_main .main_content .main_btn2::before {box-shadow: inset 0 3px 12px #6c6c6c, inset 0 -3px 4px #1a1a1a;}
.compati_main .main_content .main_btn2 .circle-1 {background: rgba(255,255,255,0.2); animation:circle-1 12s linear infinite 1s;}
.compati_main .main_content .main_btn2 .circle-2 {background: rgba(255,255,255,0.3); animation:circle-2 12s linear infinite 1s;}
.compati_main .main_content .main_btn2 .circle-3 {width: 150px; height: 150px; top:-30px; left:50%; background:rgba(255,255,255,0.2); animation:circle-3 10s linear infinite;}
@keyframes circle-1 {
	0%,100% {top:-50px; left:-20%;}
	60% {top:50px; left:100%;}
}
@keyframes circle-2 {
	0%,100% {top:50px; left:80%;}
	50% {top:-100px; left:-20%;}
}
@keyframes circle-3 {
	0%,100% {top:-30px; left:50%;}
	50% {top:60px; left:90%;}
}
.compati_main .main_comparison {width:100%;}
.compati_main .main_comparison i {display:block; width:24px; height:24px;}
/* 모션 */
.compati_main .main_content .main_box1 {opacity:0; animation:main_box 0.7s ease-in-out forwards 0.5s;}
.compati_main .main_content .main_box2 {opacity:0; animation:main_box 0.7s ease-in-out forwards 0.8s;}
.compati_main .main_comparison {opacity:0; animation:main_box 0.7s ease-in-out forwards 1.1s;}
@keyframes main_box {
	0% {transform:TranslateY(30px); opacity:0;}
	100% {transform:TranslateY(0); opacity:1;}
}

/* 메인 초특가 아이웍스 X */
.main_product {margin-top:30px; padding:30px 15px 0; border-top:8px solid #1A1A1A;}
.main_product ul {margin-top:15px; display: flex; flex-direction: column; gap:12px;}
.main_product ul li a {display: flex; gap:10px;}
.main_product ul li .imgbox {width:100px; height:100px; border-radius:5px; overflow:hidden;}
.main_product ul li .txtbox {display: flex; flex-direction: column; gap:12px; width:calc(100% - 110px);}
.main_product ul li .txtbox p {color:#fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.main_product ul li .txtbox .price_line {gap:5px;}

/* 메인 하단 배너 */
.compati_main .main_bnr {margin-top:30px;}
.compati_main .main_bnr>div {overflow-x: auto;}
.compati_main .main_bnr ul {display: inline-flex; gap:12px; width:max-content; margin:0 15px;}
.compati_main .main_bnr ul li {min-width:308px; padding:20px; background:#1a1a1a; border-radius: 10px; box-sizing: border-box;}
.compati_main .main_bnr ul li p {margin-top:10px;}
.compati_main .main_bnr ul li .imgbox {width:70px;}

/********* 추천견적 *********/
.header_menu {width:100%; max-width:750px; padding:15px 15px 5px; margin:0 auto; position:relative; z-index:1;}
.header_menu .close_X {display: block; width: 30px; height: 30px; background: url('//image5.compuzone.co.kr/img/images/mypage22/icon_X_60.png') center center / contain no-repeat;}
/* page1_선호하는 가격대 선택 */
.like_price {padding:0 15px; max-width:750px; margin:0 auto;}
.like_price .like_li {margin-top:20px;}
.like_li ul {display: flex; flex-direction: column; gap:10px;}
.like_li ul li {width:100%; background:rgba(28,143,237,0.2); border-radius:10px; position:relative; overflow:hidden;}
.like_li ul li::before {content:''; width:400px; height:400px; background:radial-gradient(#1C8FED 1%, #061d2f, #061d2f); border-radius: 50%; position:absolute; top:-80px; left:-140px; z-index:0;}
.like_li ul li>a {position:relative; padding:20px; color:#fff;}
.like_li ul li>a:active {background:none;}
@media screen and (max-width: 350px) {
	.like_li ul li>a.flex.btwn {justify-content: center; flex-direction: column; padding:15px 20px;}
	.like_li ul li.last_li>a.flex.btwn {justify-content: space-between; flex-direction: inherit; padding:0;}
}
.like_li ul li h4 {font-size:13px; font-family:'noto-R';}
.like_li ul li h4 span {font-size:23px; font-family:'spoqa B'; margin-right:5px;}
.like_li ul li h5 {font-size:13px; font-family:'맑은고딕'; color:#1C8FED; letter-spacing:-0px;}
.like_li ul li.last_li {margin-top:6px; padding:20px 15px 20px 20px; background:#1A1A1A; opacity:1;}
.like_li ul li.last_li i {display: block; width:24px; height:24px;}
.like_li ul li.DIY_bnr {margin-top:6px; background: none; opacity: 1;} 
.like_li ul li.DIY_bnr img {width: 100%; object-fit: fill;}
.like_li ul li.DIY_bnr a {display: flex;}
.like_li ul li.last_li::before, .like_li ul li.DIY_bnr::before {display: none;}
.like_li ul li.last_li a, .like_li ul li.DIY_bnr a {padding:0; width: 100%;}
/* 모션 */
.like_li ul li {opacity:0;}
.like_li ul li:nth-child(1) {animation:main_box 0.6s ease-in-out forwards 0.3s;}
.like_li ul li:nth-child(2) {animation:main_box 0.6s ease-in-out forwards 0.4s;}
.like_li ul li:nth-child(3) {animation:main_box 0.6s ease-in-out forwards 0.5s;}
.like_li ul li:nth-child(4) {animation:main_box 0.6s ease-in-out forwards 0.6s;}
.like_li ul li:nth-child(5) {animation:main_box 0.6s ease-in-out forwards 0.7s;}
.like_li ul li:nth-child(6) {animation:main_box 0.6s ease-in-out forwards 0.8s;}
.border {width:100%; margin-top:30px; padding-top:30px; border-top:8px solid #1A1A1A;}
.popular_pc {padding:0 15px 30px; max-width:750px; margin:0 auto;}
.popular_pc .swiper-container {margin-top:20px; padding-bottom:24px;}
.popular_pc .swiper-slide a {display: flex; gap:15px; padding:15px; background:#1a1a1a; border-radius: 10px;}
.popular_pc .swiper-slide a:active {background:none;}
.popular_pc .swiper-slide .imgbox {width:75px; height:75px; border-radius:6px; overflow:hidden;}
.popular_pc .swiper-slide .txtbox {display: flex; flex-direction: column; gap:5px; width:calc(100% - 90px);}
.popular_pc .swiper-slide .txtbox p {color:#fff;}
.popular_pc .swiper-slide .txtbox p>em {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-word; min-width: 0;}
.popular_pc .swiper-slide .txtbox .bat {height:26px; margin-right:4px; min-width:fit-content;}
.popular_pc .swiper-slide .txtbox p.protit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.popular_pc .swiper-slide .txtbox .price_line {gap:5px;}
.popular_pc .swiper-pagination-progressbar {background:#1A1A1A; top:inherit; bottom:0;}
.popular_pc .swiper-pagination-progressbar-fill {background:#1C8FED;}
/* 가격대별 상세용도 팝업 */
.like_li_pop {display: flex; gap:15px; padding-bottom:35px;}
.like_li_pop li {width:100%; padding:20px; border:1px solid #D8D8D8; border-radius:15px;}
.like_li_pop li>div+div {margin-top:10px;}
.like_li_pop li>div {align-items: start;}
.like_li_pop li h4 {margin-bottom:5px;}
.like_li_pop li .imgbox {display: block; width:70px; height:70px; margin-right:10px; border-radius: 10px; position:relative; overflow:hidden;}
.like_li_pop li .imgbox::before {content:''; background:rgba(0, 0, 0, 0.02); position:absolute; top:0; bottom:0; left:0; right:0;}
.like_li_pop li .txtbox {width:calc(100% - 80px);}

/* page2_로딩애니메이션 */
.ld_page {width:100%; height:calc(100vh - 50px); background:#000; position:relative; overflow:hidden;}
.ld_page::before {content:''; width:450px; height:450px; background:radial-gradient(#1C8FED 1%, #000 60%); border-radius: 50%; position:absolute; top:-20px; right:-220px;}
.ld_page::after {content:''; width:300px; height:300px; background:radial-gradient(#003D88 1%, #000 60%); border-radius: 50%; position:absolute; top:calc(50% - 100px); left:-150px; z-index:0;}
.ld_inner {width:100%; position:absolute; top:calc(50% - 25px); left:50%; transform:translate(-50%, -50%); text-align: center; z-index:1;}
.ld_inner .lo_ani {width:160px; height:100px; position:relative; left:50%; transform:translateX(-50%);}
.ld_inner .lo_ani span {width:160px; height:100px; 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 {width:190px; top:-10px; left:-15px; animation:bar 1.65s infinite ease-in-out;}
.ld_inner .lo_txt {display: flex; flex-direction:column; gap:15px; margin-top:40px;}
@keyframes loading {
	0%,100% {height:0;}
	40% {height:50px;}
	65%, 74% {height:100px;}
}
@keyframes bar {
	0%,100% {transform:translateY(0px);}
	40% {transform:translateY(50px);}
	65%, 74% {transform:translateY(105px);}
}

/* page3_금액별 추천견적 */
.page3 {width:100%; height:100%; position:relative;}
.page3::before {content:''; width:450px; height:450px; background:radial-gradient(#1C8FED 1%, #000 70%); border-radius: 50%; position:absolute; top:-270px; right:-220px;}
.recomlist {max-width:750px; margin:0 auto; position:relative;}
.recomlist .tit {position:relative; padding:0 15px 10px; border-bottom:1px solid rgba(255,255,255,0.2); }
.recomlist .tit .arrow {display: block; width:12px; height:12px; margin-left:6px; background:url('//image5.compuzone.co.kr/img/images/compatibility/icon-arrow_down-18px.png') center center/contain; cursor: pointer;}
.recomlist .tit .select_box {display:none; width:max-content; background:#fff; border-radius: 20px; position:absolute; top:35px; left:160px; z-index: 2; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.16); overflow:hidden;}
.recomlist .tit .select_box ul {display:flex; flex-direction: column; gap:20px; padding:20px;}
.recomlist .tit .select_box li a {font-size:14px; font-family:'noto-R'; color:#3a3a3a;}
.recomlist .tit .select_box li.on a {font-family:'noto-B';}

.recomlist .search_tit {width:100%; height:; margin:0 auto; padding:0 16px; border-bottom:1px solid rgba(255,255,255,0.2);}
.recomlist .search_tit .search {display: flex; align-items: center; width:100%; height:40px; padding:0 12px; margin-bottom:10px; border-radius: 10px; backdrop-filter: blur(10px); box-sizing: border-box; overflow:hidden;}
.recomlist .search_tit .search::before {content:''; width:100%; height:100%; background: rgba(255,255,255,0.3); position:absolute; top:0; left:0; z-index:-1;}
.recomlist .search_tit .search>div {width:100%;}
.recomlist .search_tit .search .input {width:calc(100% - 36px);}
.recomlist .search_tit .search .input input {background:none; width:100%; height:100%; border:none; outline: none;}
.recomlist .search_tit .search .input input::placeholder {color:#D8D8D8;}
.recomlist .search_tit .search .search_btn {display:block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_search_24.svg') center center/contain no-repeat;} 

.page_filter {position:relative; padding:15px 15px 20px;}
.page_filter .right a {position:relative; font-size:14px; color:#fff; padding-left:20px;}
.page_filter .right a::before {content:''; width:1px; height:10px; background:#F0F0F0; position:absolute; top:5px; left:10px; opacity:0.2;}
.page_filter .right a:nth-child(1):before {display: none;}
.page_filter .right .icon {display: block; width:18px; height:18px; margin-left:2px;}
.estimate_pro {position:relative; padding:0 15px 185px; min-height:calc(100dvh - 144px);}
.estimate_pro ul {gap:15px;}
.estimate_pro ul li { width:100%; padding:20px 15px 50px; background:#fff; border-radius:15px; overflow:hidden; position:relative;}
.estimate_pro ul li.no_option {padding:20px 0; box-sizing: border-box; background:rgba(255,255,255,0.15); text-align: center;}
.estimate_pro ul li .bat {margin-right:5px;}
.estimate_pro ul li .pro {margin:10px 0 0; align-items: start;}
.estimate_pro ul li .pro .imgbox {display: block; width:100px; height:100px; border-radius:10px; position:relative; overflow: hidden;}
.estimate_pro ul li .pro .imgbox::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.02);}
.estimate_pro ul li .pro .txtbox {width:calc(100% - 110px);}
.estimate_pro ul li .pro .txtbox p + p {margin-top:2px;}
.estimate_pro ul li .pro .txtbox .review {margin-top:5px;}
.estimate_pro ul li .price_line {margin-top:12px;}
.estimate_pro ul li .price_line dl dt {width:55px;}
.estimate_pro ul li .price_line>dl {gap:5px;}
@media screen and (max-width: 350px) {
	.estimate_pro ul li .price_line dl {flex-direction: column; align-items: start;}
}

.estimate_pro ul li .game_bat {width:100%; margin:5px 0; overflow-x:auto;}
.estimate_pro ul li .game_bat ul {overflow:hidden; display:inline-flex; gap:5px;}
.estimate_pro ul li .game_bat ul li {display:inline-flex; align-items: center; justify-content: center; width:max-content; padding:4px 8px; border-radius: 5px; background:#EEF8FF; font-size:12px; font-family:'맑은고딕'; color:#3a3a3a; text-align: center;}
.estimate_pro ul li .pro_table {max-height:200px; margin:15px 0; position:relative; overflow:hidden;}
.estimate_pro ul li .pro_table .btn {display: block; width:100%; height:100px; background: linear-gradient(rgba(255, 255, 255, 0) 20%, #fff, #fff); position: absolute; bottom:-20px; text-align: center;}
.estimate_pro ul li .pro_table a span {padding-top:56px; display:flex; align-items:center; justify-content: center;}
.estimate_pro ul li .pro_table a span i {display:block; width:24px; height:24px; margin-left:2px; background:url('//image5.compuzone.co.kr/img/images/mypage22/down_arrow_45.png') center center/contain;}
.estimate_pro ul li .pro_table a span.minus {display: none;}
.estimate_pro ul li .pro_table.on a {height:34px; bottom:-10px;}
.estimate_pro ul li .pro_table.on a span {padding:0;}
.estimate_pro ul li .pro_table.on a span.plus {display: none;}
.estimate_pro ul li .pro_table.on a span.minus {display: flex;}
.estimate_pro ul li .pro_table.on a span i {transform:rotate(180deg);}
.estimate_pro ul li .pro_table tr {border-top:1px solid #E8E8E8;}
.estimate_pro ul li .pro_table tr:last-child {border-bottom:1px solid #E8E8E8;}
.estimate_pro ul li .pro_table th {padding:10px; background:#F9F9F9; text-align: center; font-size:14px; font-family:'noto-R'; word-break: auto-phrase;}
.estimate_pro ul li .pro_table td {padding:10px;}
.estimate_pro ul li .pro_table td p {display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; font-size:14px; font-family:'noto-R'; color:#6c6c6c;}
.estimate_pro ul li .game_line {width:100%; height:42px; border-radius:10px; border:1px solid #1C8FED; margin-bottom:20px;}
.estimate_pro ul li .game_line a {display:flex; align-items: center; justify-content: center; width:100%; height:100%;}
.estimate_pro ul li .btn_line {width:100%; height:50px; position:absolute; bottom:0; left:0;}
.estimate_pro ul li .btn_line button {display: block; width:100%; height:100%; background:#1C8FED; color:#fff;}
/* 게임어디까지가능해 팝업 */
.game_con {display: flex; flex-wrap: wrap; gap:20px 15px; margin-top:20px; padding-bottom:35px;}
.game_con li {width:calc(50% - 7.5px); text-align: center;}
.game_con li .imgbox {border-radius: 15px; position:relative; overflow:hidden;}
.game_con li .imgbox .img {display:block; width:100%; height:320px; }
.game_con li .imgbox .img img {width:auto; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.game_con li .imgbox .bat {position:absolute; top:10px; left:10px;}
.game_con li p {margin-top:7px;}
@media screen and (max-width: 750px) {
	.game_con li .imgbox .img {height:42.6667vw; }
}
/* 내가선택한 견적 팝업 */
.choice_est {padding-bottom:110px;}
.choice_est .pro_line {margin:10px 0 15px; align-items: flex-start;}
.choice_est .imgbox {display: block; width:75px; height:75px; border-radius: 10px; position:relative; overflow: hidden;}
.choice_est .imgbox::before {content:''; background:rgba(0, 0, 0, 0.02); position:absolute; top:0; bottom:0; left:0; right:0;}
.choice_est .txtbox {width:calc(100% - 90px); align-items:start; gap:5px;}
.choice_est .price_line {margin-top:20px;}
.btn_area {display: flex; gap:5px;}
/* 검색어 팝업 */
.search21_cover {z-index: 1100;}
.layer_pop_con {margin-top:24px; padding:0 16px; box-sizing: border-box;}
.search_layer_con {height:calc(100vh - 240px); border:1px solid #d8d8d8; border-radius: 20px;}
.search_layer_con .search_tit {padding:12px 16px; border-bottom:1px solid #d8d8d8;}
.search_layer_con .search_rank {padding:16px;}
.search_layer_con .search_rank ul {display: flex; flex-direction: column; gap:12px;}


/********* 직접견적 *********/
.direct {padding:0 15px 235px; position:relative; max-width:750px; margin:0 auto;}
.direct::before {content:''; width:450px; height:450px; background:radial-gradient(#1C8FED 1%, #000 70%); border-radius: 50%; position:absolute; top:-270px; right:-220px;}
.direct .tit {position:relative; align-items: flex-end; padding:0;}
.direct_li {width:100%; margin-top:20px; position:relative;}
.direct_li ul {display: flex; flex-direction: column; width:100%; border-radius: 15px; overflow:hidden;}
.direct_li ul li + li {border-top:1px solid #d8d8d8;}
.direct_li ul li .default {display: block; padding:10px 15px; background:#f9f9f9;}
.direct_li ul li:nth-child(1) .default {padding:15px 15px 10px;}
.direct_li ul li:last-child .default {padding:10px 15px 15px;}
.direct_li ul li .default .flex {gap:15px;}
.direct_li ul li .default .imgbox {display: block; width:40px; height:40px;}
.direct_li ul li .proline {display: block; padding:20px 15px; background:#fff;}
.direct_li ul li .proline .pro_box {margin-top:20px; position:relative;}
.direct_li ul li .proline .pro_box + .pro_box {padding-top:20px;}
.direct_li ul li .proline .pro_box + .pro_box::before {content:''; width:calc(100% + 30px); height:1px; background:#d8c8d8; position:absolute; top:0; left:-15px;}
.direct_li ul li .proline .pro_box .product_top {align-items: start; margin:0 0 10px;}
.direct_li ul li .proline .pro_box .imgbox {display: block; width:75px; height:75px; border-radius: 10px; position:relative; overflow: hidden;}
.direct_li ul li .proline .pro_box .imgbox::before {content:''; background:rgba(0, 0, 0, 0.02); position:absolute; top:0; bottom:0; left:0; right:0;}
.direct_li ul li .proline .pro_box .txtbox {width:calc(100% - 120px); display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden;}
.direct_li ul li .proline .pro_box .close {display: block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/mypage21/mo_circle_x.png') center center/contain; text-indent: -9999px;}
.direct_li ul li .product_bot {align-items:flex-end;} 
.direct_li ul li .product_bot dt {width:55px;}
.direct_btn {width:100%; padding:15px 15px 40px; background:#fff; display: flex; flex-direction: column; align-items: center; gap:15px; position:fixed; bottom:0; left:0;}
.direct_btn .flex:nth-child(1) {gap:7px; width:100%; max-width:720px;}
.direct_btn .flex:nth-child(2) {width:100%; max-width:720px;}
.direct_btn .flex:nth-child(1) button {width:-webkit-fill-available; padding:8px 0; font-size:13px;}
/* 직접견적_제품추가 팝업*/
.full_popup {width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; z-index: 100; overflow:hidden;}
.full_pop_tit {display: flex; align-items: center; justify-content: center; width:100%; height:50px; padding:10px 15px; border-bottom:1px solid #d8d8d8; box-sizing: border-box; overflow:hidden; position:relative;}
.full_pop_tit .backbtn {display: block; width:30px; height:30px; text-indent: -2500px; background: url('//image5.compuzone.co.kr/img/images/product_detail22/detail_back.png') center center/contain no-repeat; position:absolute; left:10px;}
.full_pop_filter {width:100%; height:50px; padding:15px; border-bottom:1px solid #d8d8d8;}
.full_pop_filter .pro_li>ul {display: flex; align-items: center; gap:16px;}
.full_pop_filter .pro_li>ul>li {position:relative;}
.full_pop_filter .pro_li>ul>li::before {content: ''; width:1px; height:14px; background:#f0f0f0; position:absolute; top:50%; right:-8px; transform:TranslateY(-50%);}
.full_pop_filter .pro_li>ul>li:last-child:before {display: none;}
.full_pop_filter .pro_li>ul>li a {display:flex; align-items: center; gap:2px; font-size:14px; font-family: 'Noto-M'; font-weight: normal; color:#3a3a3a; letter-spacing:-1px; position: relative;}
.full_pop_filter .pro_li>ul>li a i {display: inline-block; width:18px; height:18px;}
.full_pop_filter .pro_li ul ul {width:105px; padding:20px 0 20px 20px; position:absolute; top:27px; left:-20px; background:#fff; border-radius:20px; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; z-index:3; display:none; flex-direction: column; gap:20px;}
.full_pop_filter .pro_li ul ul.on {display: flex;}
.full_pop_filter .pro_li ul ul li a {font-family:'noto-R';}
.full_pop_filter .pro_li ul ul li a.on {font-family:'noto-B';}
.full_cont {height:calc(100% - 100px); padding:0 0 30px 0; overflow-y:auto;}
.full_cont .basic_pro {padding:15px 0;}
.full_cont .basic_pro>div {padding:0 15px;}
.full_cont .pro_ul {padding:0!important;}
.full_cont .pro_ul ul {display: flex; flex-direction: column;}
.full_cont .pro_ul ul li {padding:20px 15px; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.full_cont .pro_ul ul li.noting {border:none; text-align: center; padding:10vh 0;}
.full_cont .pro_ul ul li.noting span {display: inline-block; width:42px; height:42px; margin-bottom:12px;}
.full_cont .pro_ul ul li.noting span img {width:100%;}
.full_cont .pro_ul ul li .pro_line {align-items:start;}
.full_cont .pro_ul ul li .imgbox {display: block; width:90px; height:90px; border-radius: 10px; position:relative; overflow: hidden;}
.full_cont .pro_ul ul li .imgbox::before {content:''; background:rgba(0, 0, 0, 0.02); position:absolute; top:0; bottom:0; left:0; right:0;}
.full_cont .pro_ul ul li .txtbox {width:calc(100% - 105px); }
.full_cont .pro_ul ul li .txtbox p {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; margin-bottom:4px;}
.full_cont .pro_ul ul li .txtbox .price_line dt {width:55px;}
.full_cont .pro_ul ul li .txtbox .price_line dd span {margin-right:5px;}
@media screen and (max-width: 360px) {
	.full_cont .pro_ul ul li .txtbox .price_line dl {flex-direction: column; align-items: start;}
}
.full_cont .pro_ul ul li .txtbox>div {align-items: flex-end;}
.full_cont .pro_ul ul li .toggle_line {width:100%; margin-top:10px; padding:11px 15px; border-radius: 5px; background:#F9F9F9;}
.full_cont .pro_ul ul li .toggle_line p {font-size:13px; font-family:'맑은고딕'; font-weight: normal; width:100%; height:19px; line-height:21px; color:#3a3a3a; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.full_cont .pro_ul ul li .toggle_line p.on {height:auto; -webkit-line-clamp:inherit;}
.full_cont .best_pro .pro_ul ul li .toggle_line {background:#1C8FED;}
.full_cont .best_pro .pro_ul ul li .toggle_line p {color:#fff;}
.full_cont .best_pro .pro_ul ul li .toggle_line p span {color:#fff;}
.full_cont .best_pro .pro_ul ul li .toggle_line p i {background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_plus_white.png') center center/contain no-repeat;}
.full_cont .best_pro {padding:15px 0 0; background:#EEF8FF;}
.full_cont .best_pro>div {padding:0 15px;}
.full_cont .toggle_btn {width:48px; height:24px; background:#d9d9d9; border-radius: 12px; position:relative; transition:all 0.2s;}
.full_cont .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;}
.full_cont .toggle_btn.on {background:#1c8fed;}
.full_cont .toggle_btn.on i {left:26px;}
/* 유사인기견적팝업 */
.popular_pop {width:100%; height:100%; background:#000; position:fixed; top:0; left:0; z-index: 100; overflow:hidden;}
.popular_pop::before {content:''; width:450px; height:450px; background:radial-gradient(#1C8FED 1%, #000 70%); border-radius: 50%; position:absolute; top:-270px; right:-220px;}
.popular_pop .full_pop_tit {border-bottom:0;}
.popular_pop .full_pop_tit .backbtn {background: url('//image5.compuzone.co.kr/img/images/product_detail22/detail_back_w.png') center center/contain no-repeat; position:absolute; left:10px;}
.popular_pop .estimate_pro {height:calc(100% - 50px); overflow-y:auto; padding-top:20px;}
.popular_pop .estimate_pro ul li {padding:20px 15px;}
.popular_pop .estimate_pro ul li .pro_table {max-height:250px;}
.popular_pop .estimate_pro ul li .price_line>dl {overflow: hidden;}
.popular_pop .estimate_pro ul li .price_line dl dt {float:left; width:max-content;}
.popular_pop .estimate_pro ul li .price_line dl dd {float:right; margin-left:5px;}
.estimate_pro ul li .bot_btn {width:100%; height:50px; gap:10px; margin-top:15px;}
.estimate_pro ul li .bot_btn button {width:100%; padding:12px 0;}
@media screen and (max-width: 350px) {
	.popular_pop .estimate_pro ul li .price_line dl {flex-direction: inherit; align-items: start;}
}

/* 초특가 아이웍스팝업 */
.popup_con .product_slide a {display: flex; flex-direction: column; gap:12px; width:100%; height:100%;}
.popup_con .product_slide a .imgline {position:relative; border-radius:10px; overflow: hidden;}
.popup_con .product_slide a .imgline::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.02);}
.popup_con .product_slide a .imgline img {display: block; width:100%; height:100%;}
.popup_con .product_slide a .txtline {gap:4px;}
.popup_con .swiper-pagination {width:auto; right:0; left:inherit; bottom:3px; color:#949494; font-size:13px;} 
.popup_con .swiper-pagination span {color:#949494; font-size:13px; font-family:'spoqa R'; font-weight: bold;}

/* 118233 조립비 안내 레이어 추가 */
.scroll_product {margin-top:20px;}
.scroll_product ul {display: flex; flex-direction: column; gap:12px;}
.scroll_product ul li {display: flex; justify-content: space-between; gap:12px; padding:16px; background:#F9F9F9; border:2px solid #F9F9F9; border-radius:15px; transition:all 0.2s;}
.scroll_product ul li.on {border:2px solid #0D6DE3; background:#fff;}
.scroll_product ul li .pro_img {width:80px; height:80px; border-radius: 10px; overflow: hidden;}
.scroll_product ul li .pro_img img {width:100%;}
.scroll_product ul li .pro_name {width:calc(100% - 95px);}
.scroll_product ul li .pro_name p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.scroll_product ul li .pro_name .price_per {margin-top:8px;} 

/* 119714 안정화 테스트 신규 서비스 */
.stabilization_service_pop .detail_area3_inner {height:calc(100% - 70px); padding-bottom:50px;}
.stabilization_service_pop .detail_area3_inner>div {max-width:750px; margin:0 auto; position:relative;}
.stabilization_service_pop .detail_area3_inner>div img {width:100%;}
.stabilization_service_pop .detail_area3_inner .gif {position:absolute; top:320px; left:0;} 
@media screen and (max-width:750px) {
    .stabilization_service_pop .detail_area3_inner .gif {top:42.6667vw;} 
}