@charset "euc-kr";
/* CSS Document */
.sel_bx { position:relative; display:inline-block; border: #dbdbdb 1px solid;}
.sel_bx:after { position:absolute; top:50%; right:7px; margin-top:-6px; width:17px; height:12px; content: ''; background:url(//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png) -52px -73px ; background-size:526px auto; }

/* °øÅë */
#wrap {width:100%; overflow:hidden;}
.contents2022 {padding-top:95px;}

/* °ü½É»óÇ° Á¦¸ñ ~ ±×·ì°ü¸®¹öÆ°  */
.wish_list_top {width:100%; overflow:hidden; box-sizing:border-box; background:#fff;}
.wish_list_top .wish_title {height: 50px; background: #fff; font-size: 18px; font-family: 'Noto-B'; text-align: center; line-height: 50px; color: #3A3A3A; border-bottom: 1px solid #D8D8D8; position: relative;}
.wish_view_all {width:100%; overflow:hidden; box-sizing:border-box; padding: 15px; border-bottom: 8px solid #F2F2F2;}
.wish_view_all .wish_select {position:relative; width:calc(100% - 97px); }
.wish_view_all .wish_select::before {content:''; width:20px; height:20px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_rightbtn.png') center center/contain no-repeat; position:absolute; top:10px; right:15px; transform: rotate(90deg);}
.wish_view_all select { float:left; width:100%; margin-right:5px; padding-left:15px; height:40px; border-radius:5px; border:1px solid #d8d8d8; font-size:15px; color:#949494; background:#fff; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none;}
.wish_view_all button { float:left; width:92px; height:40px; border-radius:5px; font-size:15px; line-height:23px; background-color:#6c6c6c; color:#fff; box-sizing:border-box;}

/* °ü½É»óÇ° ¾øÀ»¶§ */
.wish_list_none {display: flex; flex-direction: column; gap: 15px; align-items: center; justify-content: center; height: 292px; width: 100%;}
.wish_list_none img {width: 38px; height: 38px;}
.wish_list_none p {font-size: 14px; color: #6C6C6C;}

/* ¼±ÅÃ¹öÆ°4°³ */
.wish_choice {width:100%; overflow:hidden; padding:20px 15px; border-bottom:1px solid #fafafa; box-sizing:border-box;}
.wish_check_box {float:left; padding-top:5px; display: inline-block;}
.wish_check_box input[type="checkbox"] {display:none;}
.wish_check_box label.wish_check {display:inline-block; height:24px;}
.wish_check_box input[type="checkbox"] + label.wish_check > span { display: inline-block; width: 24px; height: 24px; border: solid 1px #d8d8d8; border-radius:4px; box-sizing:border-box;}
.wish_check_box input[type="checkbox"]:checked + label.wish_check > span {border:none; background: url('//image5.compuzone.co.kr/img/images/main/main2022/main_checkbox.png') center center/contain no-repeat;}
.wish_choice .wish_check_right {float:left; width:calc(100% - 116px); padding-left:10px; box-sizing:border-box;}
.wish_choice .wish_check_right button {display:block; float:left; width:calc(33.333% - 4px); font-size:13px; letter-spacing:-0px; margin-right:4px; border:1px solid #d8d8d8; border-radius: 5px; background:#fafafa; padding:8px 0 6px; box-sizing:border-box; color:#6c6c6c;}
.wish_choice .wish_check_right2 {float:right; width:92px; box-sizing:border-box;}
.wish_choice .wish_check_right2 button {display:block; float:left; width:100%; font-size:13px; letter-spacing:-0px; margin-right:4px; border:1px solid #d8d8d8; border-radius: 5px; background:#fafafa; padding:8px 0 6px; box-sizing:border-box; color:#6c6c6c;}

/* »óÇ°¸®½ºÆ® */
.wish_list {width:100%; padding:0 15px 165px; box-sizing:border-box; overflow:hidden;}
.wish_list ul {width:100%; overflow:hidden;}
.wish_list ul:nth-child(2) {display:none;}
.wish_list ul li {overflow:hidden; padding:20px 0; border-bottom:1px solid #fafafa; box-sizing:border-box;}
.wish_list ul li>div {float:left;}
.wish_list .wish_check_box {padding-top:0;}
.wish_list .wish_check_img {margin:0 10px; width:100px; height:100px; overflow:hidden; position:relative; border-radius:5px; overflow: hidden;}
.wish_list .wish_check_img a {display:block; width:100%; height:100%;}
.wish_list .wish_check_img p {display:none;}
.wish_list .wish_check_text {width:calc(100% - 145px);}
.wish_list .wish_check_text h3 a {height:40px; margin:0 0 3px; font-size:15px; line-height: 20px; letter-spacing: -1px; font-weight:normal; color:#3a3a3a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.wish_list .wish_check_text .area_price {font-size:11px; color:#3a3a3a; margin:-4px 0 7px; font-family: 'Noto-M'; letter-spacing:-0.5px;}
.wish_list .wish_check_text .area_price_per {font-size:16px; color:#f14738; font-weight:bold; padding-right:5px; font-family: 'Noto-M';}
.wish_list .wish_check_text .area_price_won {padding-right:1px; font-size:16px; font-weight:bold; font-family: 'spoqa m';}
.wish_list .wish_check_text .area_price_sale {font-size:12px; color:#b4b4b4; text-decoration:line-through; padding-left:5px;}
.wish_check_text .num_box {float:left; display:flex; align-items: center; overflow:hidden;}
.wish_check_text .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;}
.wish_check_text .num_box a:first-child:before {content:""; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); width:9px; height:1px; background:#6c6c6c;}
.wish_check_text .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;}
.wish_check_text .num_box a:last-child {border-radius: 0 5px 5px 0;}
.wish_check_text .num_box a:last-child:before {content:""; position:absolute; top:49%; left:50%; transform:translateX(-50%); width:9px; height:1px; background:#6c6c6c;}
.wish_check_text .num_box a:last-child:after {content:""; position:absolute; top:50%; left:49%; transform:translateY(-50%); width:1px; height:9px; background:#6c6c6c;}
.wish_check_text .wish_btns {float:left; overflow:hidden; width:calc(100% - 87px);}
.wish_check_text .wish_btn {display:block; float:left; width:calc(50% - 5px); height:30px; border-radius:5px; border:1px solid #d8d8d8; text-align:Center; font-size:12px; color:#949494; background:#fff; margin-left:5px; padding-top:2px;}
.wish_check_text .wish_btn:nth-child(1) {border:1px solid #0d6de3; color:#0d6de3;}

/* ¼Öµå¾Æ¿ô, ÀÔ°í¿¹Á¤ */
.wish_list ul li.soldout .wish_check_img p {display:block; width:100%; height:100%; position:Absolute; top:0; left:0; background:rgba(0,0,0,.5); word-break:keep-all; box-sizing: border-box;}
.wish_list ul li.soldout .wish_check_img p span {width:100%; text-align:center; color:#fff; font-size:16px; font-family:'noto-R'; position:Absolute; top:50%; left:0; transform:translateY(-50%);}

/* Àå¹Ù±¸´Ï¿µ¿ªfix */
.wish_fix {width:100%; position:fixed; bottom:0;}
.wish_fix .wish_box {width:100%; padding:30px 20px 20px; background:#fff; border-top-right-radius:25px; border-top-left-radius:25px; box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.08); box-sizing:border-box;}
.wish_fix .wish_box h4 {margin:0 0 15px; font-size:17px; letter-spacing:-0.5px; color:#3a3a3a; font-family:'noto-B'; font-weight:normal; overflow:hidden;}
.wish_fix .wish_box h4 span {float:right; font-family: 'spoqa B'; margin-top: -3px; letter-spacing: -0.5px;}
.wish_fix .wish_gobtn button {width:100%; background:#000; color:#fff; text-align:center; padding:12px 0 12px; border-radius:8px; font-size:18px; font-family:'noto-M';}

@media screen and (min-width:699px) {
	.wish_check_text .num_box a:last-child:after {left:50%;}
}
@media screen and (min-width: 600px) {
	.wish_check_text .wish_btn {width:50px;}
	.wish_choice .wish_check_right {float:right; width:auto;}
	.wish_choice .wish_check_right button {padding:7px 9px;}
	.wish_choice .wish_check_right2 {float:right;}
}
@media screen and (max-width: 350px) {
	.wish_list .wish_check_text .area_price_per {font-size:15px;}
	.wish_list .wish_check_text .area_price_won {font-size:15px;}
	.wish_list .wish_check_text .area_price_sale {font-size:11px;}
	.wish_choice .wish_check_right button {font-size:12px;}
	.wish_choice .wish_check_right2 button {font-size:12px;}
	.wish_check_text .num_box a {width:24px;}
	.wish_check_text .num_box input.wish_text_btn {width:26px;}
	.wish_check_text .wish_btns {width: calc(100% - 74px);}
}

/* ±×·ì°ü¸®ÆË¾÷ */
.wish_pop {text-align:center; width:calc(100% - 40px); max-width:450px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; border-radius: 10px; overflow:hidden;}
.wish_pop .w_tit {position:relative; padding:20px 35px; border-bottom: 1px solid #d8d8d8; background:#fff!important; color: #3a3a3a; font-size:20px; font-family: 'noto-B'; font-weight: normal; text-align: center; word-break: keep-all; height:auto; line-height:inherit;}
.wish_pop .w_tit span { font-family:noto-B; font-size:20px; color:#3a3a3a; letter-spacing:-1px;}
.wish_pop .w_tit>a { display: inline-block; width: 30px; height: 30px; background: url(//image5.compuzone.co.kr/img/images/product_list22/pro_comparison_x2.png) center center/contain no-repeat; position: absolute; top: 15px; right: 15px;}
.wish_pop .wishlistul li { position:relative;}
.wish_pop .wishpop_box { width:100%; box-sizing:border-box; position:relative;}
.wish_pop .wish_cont { box-sizing:border-box; padding:20px 20px 25px; position:relative; text-align:left; }
.wish_pop .wish_cont .infotxt { text-align: center; margin-bottom:10px; font-size:15px; font-family:'noto-R'; color:#3a3a3a;}
.wish_pop .wish_cont .infotxt span { font-size:15px; font-family:'noto-R'; color:#3a3a3a; letter-spacing:-1px;}
.wish_pop .wish_cont .infotxt .group_add {padding:5px 12px; float:right; margin:-7px 0 0 0; font-size:0.8rem; display:inline-block; border:#666 1px solid; border-radius:25px;  }
.wish_pop .wish_cont #none_group { text-align: center; font-size:14px; font-family:'noto-M'; color:#3a3a3a; background: #f9f9f9; border-radius: 10px; box-sizing: border-box; padding: 11px 15px;}
.wish_pop .wish_cont .group_list { background:#fff; overflow-y:auto; max-height:174px;}
.wish_pop .wish_cont .group_list ul li {width: 100%; height: 44px; margin-bottom: 6px; padding: 11px 0 11px 15px; background: #f9f9f9; border-radius: 10px; box-sizing: border-box;}
.wish_pop .wish_cont .group_list ul li:last-child {margin-bottom:0;}
.wish_pop .wish_cont .group_list ul li a {display: block; padding-left: 8px; font-size: 14px; font-family: 'noto-M'; font-weight: normal; color: #3a3a3a; position: relative;}
.wish_pop .wish_cont .group_list ul li a::before {content: ''; width: 3px; height: 3px; background: #3a3a3a; position: absolute; top: 7px; left: 0;}
.wish_pop .wish_cont .group_list ul li a.dlt_btn {padding:0; position:absolute; top:50%; right:10px; transform:translateY(-50%); border:none !important; width:20px !important; height:20px;}
.wish_pop .wish_cont .group_list ul li a.dlt_btn:before {content: ''; position:absolute; top:10px; left:0; width:17px; height:1px; background:#666; transform: rotate(315deg);}
.wish_pop .wish_cont .group_list ul li a.dlt_btn:after {content: ''; position:absolute; top:2px; left:8px; width:1px; height:17px; background:#666; transform: rotate(315deg);}
.wish_pop .add_cpt { display:inline-block; width:100%; padding:15px; background:#f9f9f9; border-radius: 10px; text-align:left; box-sizing:border-box; overflow:hidden;}
.wish_pop .add_cpt>div { float:left; box-sizing:border-box;}
.wish_pop .add_cpt .prdimg { width:75px;}
.wish_pop .add_cpt .prdimg >a {display: block; width:100%; height:100%; border-radius: 5px; overflow:hidden;}
.wish_pop .add_cpt .prdimg >a img {width:100%; height:100%;}
.wish_pop .add_cpt .prdname { width:calc(100% - 75px);}
.wish_pop .add_cpt .prdname >a {padding:0 0 0 15px!important; max-height:35px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;word-break: break-all; font-size:13px; font-family:'noto-R'; color:#595959;}
.wish_pop .wbtn{display:block; background:#000; padding:15px 0; color:#fff !important; font-size:1rem; width:50%; float:left; box-sizing:border-box;}
.wish_pop input {border:none; width:100%; height:40px; padding:0 16px; border:1px solid #d8d8d8; font-size:13px; font-family:'noto-R'; font-weight: normal; color:#949494; letter-spacing: -0.5px; box-sizing: border-box;}
.wish_pop .pop_btn {width:100%; height:52px; margin-top:20px; border-radius:10px; overflow:hidden;}
.wish_pop .pop_btn a.group_add {display:block; width:100%; height:100%; line-height:52px; background:#0d6de3; text-align: center; font-size:18px; font-family: 'noto-M'; font-weight:normal; color:#fff;}
