/* 히스토리 mobile s*/
.blind{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;line-height:0;white-space:normal;word-wrap:break-word;word-break:break-all;clip:rect(0,0,0,0)}
.blind:before{display:block;width:0;height:0;font-size:0;content:'\00a0'}
.history_lyr { width: 100% !important; height: 100%; border-top:none !important; background:#fff!important; display: none;}
.history_tit_area {width:100%; position:relative;}
.history_tit_area h2 {padding:0 15px; text-align:center; font-size:18px; line-height: 44px; color:#3a3a3a; font-family: 'noto-B'; font-weight: normal; border-bottom: 1px solid #E8E8E8;}
.history_tit_area .close{ position:absolute; display:inline-block; top: 50%; transform: translateY(-50%); right: 15px; width:21px; height:21px; background:url('//image5.compuzone.co.kr/img/images/m_compuzone/cmn_aside.png') -255px -36px; background-size:300px auto; border:0;}
.history_tab {width: calc(100% - 30px); display: flex; height: 48px; margin: 48px 16px 0;}
.history_tab  li {display:inline-block; width:33.3%;  line-height: 48px; text-align: center;}
.history_tab  li > a {width:100%; font-size:15px; display:inline-block; font-family:'noto-R'; color:#949494;}
.history_tab  li.on {position: relative;}
.history_tab  li.on a { font-family:'noto-B'; color: #3A3A3A;}
.history_tab  li.on::after {content: ''; width: 100%; height: 2px; background: #333; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%);}
.history_tab .edit_tab {border-bottom:none; }
.history_tab .edit_tab li { width:50%;  float:left;  }
.history_tab .edit_tab li:first-child:after { content:'';height:2rem;display:inline-block; left:50%; top:70%; position:absolute; vertical-align:baseline; border-left:#e1e3e3 1px solid;  }

.no_history {text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.no_history> p {font-family: 'noto-R'; font-size:14px; color:#6C6C6C; letter-spacing: -0.8px; display:block; padding-top: 44px; position: relative; white-space: nowrap;}
.no_history> p:before{content:' '; position:absolute; top: 0; left: 50%; transform: translateX(-50%); width:38px; height:38px; background:url('//image5.compuzone.co.kr/img/images/main2019/caution_icon.png') no-repeat center/ contain;}
.no_his_web a {padding: 8px; max-width: 77px;display: block; background: #1a1a1a; border-radius: 5px; box-sizing: border-box; font-family: 'noto-M'; font-size: 13px; color: #fff; letter-spacing: -0.65px; margin: 15px auto 0; }

/* 240325 106363 히스토리 개선 */
.topfixarea {width: 100%; border-bottom: 1px solid #E8E8E8; position:fixed; z-index: 100; background: #fff;}
.history_box_top {width: 100%; height: 48px; display: flex; justify-content: space-between; align-items: center; font-family: 'noto-R'; font-size: 14px; letter-spacing: -0.35px; padding: 12px 16px; box-sizing: border-box;  }
.history_box_top  div:nth-child(1) {color: #6C6C6C;}
.history_box_top .edit_wrap {display: flex; gap: 20px;}
.history_box_top .edit_wrap a{color: #3a3a3a; font-family: 'noto-M';}
.history_box_top .edit_wrap a.save{position: relative;}
.history_box_top .edit_wrap a.save::before {content: ''; position: absolute; width: 1px; height: 14px; top: 50%; transform: translateY(-50%); left: -10px; background: #F0F0F0;}
.recent_prod {display: flex; flex-wrap: wrap;}

.history_tabcont {width: 100%; height: calc(100vh - 170px); padding:48px 0 100px; box-sizing: border-box; overflow-y: scroll; display: none;}
.history_tabcont.on {display: block;}
.history_tabcont .cont_wrap{width: 100%; height: calc(100% - 55px); display: block;}
.history_tabcont:has(.cont_wrap.bg-g){background: #f9f9f9;}
.history_tabcont .evt_wrap {display: flex; flex-direction: column; gap: 15px;}
.history_tabcont .evt_box {display: flex; gap: 15px; justify-content: space-between; padding: 0 15px; box-sizing: border-box;}
.history_tabcont .evt_box .prod_info{width: calc(100% - 115px);}
.history_tabcont .evt_img.close a { pointer-events: none;}
.history_tabcont .evt_img.close ~ .prod_info > a { pointer-events: none;}

.graysticker{display: inline-block; padding: 4px 8px; background: #fafafa; border-radius: 5px; font-size: 12px; font-family: 'noto-R'; font-weight: normal; color: #6c6c6c; margin: 0 5px 5px 0;}
.history_tabcont .evt_img {position: relative;} 
.history_tabcont .evt_box .evt_img {width: 100px; height: 100px; border-radius: 5px; overflow: hidden; background: #FAFAFA;}
.history_tabcont .evt_box .evt_img img {width: 100px; height: 100px; object-fit: contain;}
.history_tabcont .evt_box .evt_img .trash::after {content: ''; width: 35px; height: 35px; border-radius: 50%; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/history_icon3.png) 50% 50%/contain no-repeat rgb(255, 255, 255, 0.9); background-size: 24px; position: absolute; bottom: 10px; right: 10px; z-index: 1; visibility: hidden;}
.history_tabcont .evt_box .evt_img.edit .trash::after {visibility: visible;}
.evt_box .evt_img.close {position: relative;}
.evt_box .evt_img.close::after { content: "\c774\bca4\d2b8\000a\c885\b8cc"; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; box-sizing: border-box; color: #fff; white-space: pre; font-family: 'NOTO-B'; font-size: 18px; text-align: center;  background: rgba(0, 0, 0, 0.6);}
.prod_name {font-size: 15px; font-weight: normal; font-family: 'noto-R'; color: #3A3A3A; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.prod_date {font-size: 13px; font-family: 'noto-R'; color: #949494; letter-spacing: -0.6px;}
.history_tabcont .prod_img a {width: 100%; height: 100%; display: block; position: relative;}
.history_tabcont .prod_img a::after {content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgb(0, 0, 0, 0.02);}


/* 푸시알림 on 토글 */
.push_alarm {width: 100%; height: 48px; padding: 12px 16px; box-sizing: border-box; background: #f9f9f9; font-family: 'noto-M'; font-size: 15px; color: #3a3a3a; letter-spacing: -0.3px; border-bottom: 1px solid #E8E8E8;}
.show_option{position: relative; display: inline-block; width: auto; height: 24px; float: right; margin-top: -3px;}
.show_option a {display: inline-block; width: 48px; height:100%; border-radius:50px; background-color:#d8d8d8; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.16); position: relative; vertical-align: middle;}
.show_option i {position: absolute; display: inline-block; width: 18px; height: 18px; background: #fff; border-radius: 50%; top: 3px; left: 3px; box-shadow: 0px 0px 0px rgba(0,0,0,0.16); }
.show_option.on a {background-color:#0D6DE3;}
.show_option.on i {left: calc(100% - 21px);}
.bnr_bottom_are.todayDeal {max-width: 445px; padding: 15px 30px; box-sizing: border-box; z-index: 101; background:rgba(0,0,0,0.9);display: none; bottom: 200px;}
.bnr_bottom_are.todayDeal p{ font-size: 17px; font-family: "spoqa M"; line-height: 17px; letter-spacing: -0.5px; color: #fff; text-align: center;}


.prodwrap {width:100%; padding: 0 15px; box-sizing: border-box;}
.prodwrap .prodwrap_list {display: flex; flex-wrap: wrap; gap: 15px; justify-content: flex-start;}
.prodwrap .prodwrap_list > li {display:inline-block; width:calc(50% - 7.5px); height:100%; position:relative;}
.prodwrap .prodwrap_list > li > a {display:block; overflow:hidden;}
.prodwrap .prodwrap_list div.area_thumnail {display:block; width:100%; padding-bottom:100%; margin-bottom:8px; border-radius:10px; position:relative; overflow:hidden;}
.edit_btnlist {position: absolute; bottom: 108px; right: 10px; width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; background: rgba(255, 255, 255, 0.9); box-sizing: border-box; overflow: hidden; z-index: 4;  transition: all 0.4s;}
.edit_btnlist li:nth-child(1) button {width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/history_icon2.png) 50% 50%/contain no-repeat; display: block; }
.edit_btnlist li:nth-child(2) button {width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/history_icon6.png) 50% 50%/contain no-repeat; display: block; }
.edit_btnlist li:nth-child(3) button {width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/history_icon4.png) 50% 50%/contain no-repeat; display: block;}
.edit_btnlist li:nth-child(4) button{width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/m_compuzone/history_icon3.png) 50% 50%/contain no-repeat; display: block; margin-left: 5px;}

.prodwrap_list li {position: relative;}
/* 최근본상품 아이콘 */
.edit_btnlist.plus {width: 123px; border-radius: 500px; padding: 0 10px; gap: 15px; box-sizing: border-box; }
.edit_btnlist li:nth-child(1) ,.edit_btnlist li:nth-child(2) {display: none;}
.edit_btnlist li:nth-child(3){display: block; transform: translateX(5px) rotate(0);  transition: all 0.6s;}
.edit_btnlist.plus  li:nth-child(1) ,.edit_btnlist.plus  li:nth-child(2) {display: block;}
.edit_btnlist.plus li:nth-child(3){transform: translateX(0px) rotate(-45deg);}
.edit_btnlist li:nth-child(4) {display: none;}
.edit_btnlist.edit li {display: none;}
.edit_btnlist.edit li:nth-child(4){display: block;}
.edit_btnlist.plus  li:nth-child(1).heart button {background: url(//image5.compuzone.co.kr/img/images/m_compuzone/history_icon1.png) 50% 50%/contain no-repeat;}
.prodwrap  .prodwrap_list div.area_thumnail::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.02); z-index:2;}
.prodwrap  .prodwrap_list div.area_thumnail img {display:block; width:100%; height:100%; position:absolute;}
.prodwrap ul li .area_price {font-size: 16px; color: #3A3A3A; font-weight: bold;  font-family: 'spoqa m'}
.prodwrap ul li .area_price_per {font-size: 16px; color: #f14738; font-weight: bold; padding-right: 7px; font-family: 'spoqa m'}
.prodwrap ul li .area_price_won {font-size: 11px; color: #3A3A3A;  font-family: 'noto-M';}
.prodwrap ul li a > .prod_date {margin-top: 5px;}
.prodwrap ul li a > .prod_name {margin-bottom: 4px; height: 42px; line-height: 21px;}

@media screen and (max-width: 260px) {
	.no_history> p {white-space: wrap;}
}
@media screen and (max-width: 430px) {
	.history_tabcont {height: calc(100vh - 80px);}
}
@media screen and (min-width: 699px) {
	.history_tabcont .prodwrap .prodwrap_list > li {width:calc(25% - 11.5px);}
}

@media screen and (max-width: 750px) {
	.bnr_bottom_are.todayDeal{bottom: 26.6667vw;}
}
@media screen and (min-width: 1240px) {
	.edit_btnlist {bottom: 111px}
}


/* 히스토리배너 */
.history_bnr {width:100%; height: auto; position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 5; background: #fff;}
.history_bnr .swiper-container {position: relative;width:100%; max-width: 750px;}
.history_bnr .swiper-slide {width:100%; }
.history_bnr .swiper-slide span {display:block;}
.history_bnr .swiper-slide span img {width:100%; display:block;}
.history_bnr .swiper-pagination {width:100%; max-width: 750px; height:6px; position:absolute; top: 10px; left: -10px !important; display: flex; justify-content: flex-end;}
.history_bnr .swiper-pagination-bullet {width:6px; height:6px; background:#fff; opacity:0.5; transition:all 0.2s;}
.history_bnr .swiper-pagination-bullet:first-child {margin-left:0;}
.history_bnr .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2.5px;}
.history_bnr .swiper-pagination-bullet-active {width:20px; height:6px; border-radius:10px; background: #fff; opacity:1;}