body {padding-top:constant(safe-area-inset-top) !important; padding-top:env(safe-area-inset-top) !important;}
/* À̺¥Æ®Æ˾÷ */
.np_popzone {width:100%; height:100%; position:fixed; bottom:0; left:0; background:rgba(0,0,0,0.7); z-index:100; transition:all 0.2s; display:none;}
.np_popzone.on { display:block;}
.np_popup {width:100%; height:auto; position:absolute; bottom:0; left:0; background:#fff; border-top-left-radius:25px; border-top-right-radius:25px;}
.np_slide_pop {width: 100%; height:100%; max-height:calc(80vh - 80px); min-height:50vh; overflow-y:scroll; padding:0 20px 0; box-sizing:border-box;}
.np_popup_tit {padding:27px 0 25px;}
.np_popup_tit h2 {color:#3a3a3a; font-size:20px; text-align:center; letter-spacing:-0px;}
.np_popup_tit h2 b {font-size: 20px;}
.np_popup_tit a {display:block; position:Absolute; top:30px; right:20px; width:19px; height:19px;}
.np_popup_tit a::before {content:''; width:19px; height:1px; background:#1a1a1a; position:absolute; top:50%; left:0; transform:translateY(-50%) rotate(45deg);}
.np_popup_tit a::after {content:''; width:1px; height:19px; background:#1a1a1a; position:absolute; top:0; left:50%; transform:translateX(-50%) rotate(45deg);}
.np_popup_con ul {overflow:hidden;}
.np_popup_con ul li {width:100%; margin-bottom:15px;}
.np_popup_con ul li a {display:flex; align-items: center;}
.np_popup_con .main_pop_img {width:125px; height:125px; overflow:hidden; border-radius:5px; position:relative;}
.np_popup_con .main_pop_img::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.02);}
.np_popup_con .main_pop_img img {width:100%;}
.np_popup_con .main_pop_text {width:calc(100% - 145px); margin-left:20px;}
.np_popup_con .main_pop_text h3 {margin-bottom:5px; font-size:16px; color:#3a3a3a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.np_popup_con .main_pop_text p {margin-bottom:2px; font-size:14px; color:#6c6c6c; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.np_popup_con .main_pop_text h6 {font-size:14px; font-weight: normal; color:#949494;}

/* ³»¿ë½ÃÀÛ */
.npcontents {width:100%; height:100%; padding:0 0 20px; background:#f9f9f9;}
.np_tit {padding:25px 20px 0; box-sizing:border-box; text-align: center;}
.np_tit h4 {margin-bottom:2px; font-size:22px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a; letter-spacing: -1.1px;}
.np_tit h5 {font-size:15px; font-family:'noto-R'; font-weight: normal; color:#6c6c6c; letter-spacing: -0.75px;}
.np_pro {padding:0 15px; box-sizing: border-box;}
.np_pro:nth-child(2) {padding-top:23px;}
.np_pro:nth-child(2) li:nth-child(1) {margin-top:0;}
.np_pro ul li {width:100%; max-width:750px; margin:30px auto 0; border-radius: 15px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); background:#fff;}
.np_pro ul li .np_imgbox {border-bottom:1px solid #f2f2f2; position:relative;}
.np_pro ul li .bat1::before {content:'±Þ»ó½Â'; width:80px; height:75px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/np_bat1.png') center center/contain no-repeat; position:absolute; top:0px; left:0; z-index: 1; font-size:17px; font-family:'noto-B'; font-weight: normal; color:#fff; text-align: center; line-height:65px; opacity:0.95;}
.np_pro ul li .bat2::before {content:'MD ̵̧'; width:80px; height:75px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/np_bat2.png') center center/contain no-repeat; position:absolute; top:0px; left:0; z-index: 1; font-size:17px; font-family:'noto-B'; font-weight: normal; color:#fff; text-align: center; line-height:65px; opacity:0.95;}
.np_pro ul li .bat3::before {content:'BEST'; width:80px; height:75px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/np_bat3.png') center center/contain no-repeat; position:absolute; top:0px; left:0; z-index: 1; font-size:17px; font-family:'noto-B'; font-weight: normal; color:#fff; text-align: center; line-height:65px; opacity:0.95;}
.np_pro ul li .np_imgbox>div {position:relative; border-top-left-radius: 15px; border-top-right-radius: 15px; overflow:hidden;}
.np_pro ul li .np_imgbox>div img {display:block; width:100%;}
.np_pro ul li .np_imgbox .np_event {width:100%; height:50px; background:rgba(250,250,250,0.85); position:absolute; bottom:0; left:0; z-index:2;}
.np_pro ul li .np_imgbox .np_event a {display:block; width:100%; height:100%; padding:0 20px; line-height:52px; box-sizing: border-box; }
.np_pro ul li .np_imgbox .np_event a span {font-size:15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a;}
.np_pro ul li .np_imgbox .np_event .num {float:right; padding-right:18px; position:relative; top:1px;}
.np_pro ul li .np_imgbox .np_event .num::before {content:''; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_reperbtn.png') center center/contain no-repeat; position:absolute; top:15px; right:0; transform:rotate(-90deg);}
.np_pro ul li .np_txtbox {padding:15px 20px; border-bottom:1px solid #f2f2f2; box-sizing: border-box;}
.np_pro ul li .np_txtbox h3 {margin-bottom: 3px; font-size: 16px; font-family: 'noto-M'; font-weight: normal; color: #3a3a3a; line-height:21px; letter-spacing: -1.6px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.np_pro ul li .np_txtbox p.price {font-size:13px; color:#3a3a3a; font-family: 'Noto-M'; letter-spacing:-0px;}
.np_pro ul li .np_txtbox p .price_per {padding-right:5px; font-size:19px; font-family: 'spoqa m'; font-weight:bold; color:#f14738;}
.np_pro ul li .np_txtbox p .price_won {padding-right:1px; font-size:19px; font-family: 'spoqa m'; font-weight:bold;}
.np_pro ul li .np_txtbox p .price_sale {display:block; padding-bottom:2px; font-size:14px; font-family: 'spoqa T'; font-weight:bold; color:#b4b4b4; text-decoration:line-through; }
.np_pro ul li .np_plus {width:100%; height:55px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow:hidden;}
.np_pro ul li .np_plus a {display:block; width:100%; height:100%; padding:17px 20px 15px; font-size:15px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a; text-align: center; box-sizing: border-box; }
.np_pro ul li .np_plus a span {font-size:15px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a;}
.np_hot {width:100%; margin:30px 0 0; padding:0 15px; background:#fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08); overflow: hidden; box-sizing: border-box;}
.np_hot .np_hot_tit {width:100%; padding:25px 0 20px; text-align: center; box-sizing: border-box; position:relative;}
.np_hot .np_hot_tit h4 {font-size:22px; font-family:'noto-B'; font-weight: normal; color:#3a3a3a; }
.np_hot .np_hot_tit h4 span {font-size:22px; font-family:'noto-B'; font-weight: normal; color:#f14738;}
.np_hot .np_hot_tit a {width: 30px; height: 30px; position:absolute; top:23px; right:0;}
.np_hot .np_hot_tit a img {width:100%;}
.np_hot ul {width:100%; max-width:750px; margin:0 auto; font-size:0;}
.np_hot ul>li {display:inline-block; width:calc(50% - 7.5px); height:100%; margin:0 7.5px 30px 0; border-top-left-radius:10px; border-top-right-radius:10px; letter-spacing: 0; vertical-align: top; position:relative; overflow:hidden;}
.np_hot ul>li:nth-child(2n) { margin:0 0 30px 7.5px;} 
.np_hot ul>li a {display:block; overflow:hidden; position:relative;}
.np_hot ul>li a span.area_thumnail {display:block; width:100%; padding-bottom:100%; margin-bottom:8px; border-radius:10px; position:relative; overflow:hidden;}
.np_hot ul>li a span.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;}
.np_hot ul>li a span.area_thumnail img {display:block; width:100%; height:100%!important; position:absolute;}
.np_hot ul>li a.companyname {padding:4px 10px 3px; position:absolute; top:0; background:rgba(0, 0, 0, 0.85); border-bottom-right-radius: 10px; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#fff; box-sizing: border-box; z-index:2;}
.np_hot ul>li a h6 {margin-bottom:5px; font-size:12px; font-family:'noto-M'; font-weight:normal; color:#3a3a3a; }
.np_hot ul>li a h6 span {display:inline-block; width:18px; height:18px; margin-right:3px; vertical-align: bottom;}
.np_hot ul>li a h6 span img {display:block; width:100%;}
.np_hot ul>li a h3 {height:40px; margin-bottom:3px; font-size:15px; font-family:'noto-R'; font-weight:normal; color:#3a3a3a; line-height:20px; letter-spacing: -1px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.np_hot p.area_price {font-size:11px; color:#3a3a3a; font-family: 'Noto-M'; letter-spacing:-0px;}
.np_hot p .area_price_sale {display:block; font-size:13px; font-family: 'spoqa T'; font-weight: bold; color:#b4b4b4; text-decoration:line-through;}
.np_hot p .area_price_per { padding-right:5px; font-size:16px; font-family: 'spoqa m'; font-weight:bold; color:#f14738;}
.np_hot p .area_price_won {padding-right:1px; font-size:16px; font-family: 'spoqa m'; font-weight:bold;}