header.scroll3  { top: -95px;}

.hotsale_top {width:100%; background-image: linear-gradient(142deg, #f8f8f8, #eff6ff 54%, #eef5ff); padding: 25px 0 30px; }
.hotsale_tit { max-width: 414px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; position: relative; }
.hotsale_tit .subtit{font-size: 15px; color: #949494; letter-spacing: -0.5px;}
.hotsale_tit .maintit_wrap{position: relative; height: 33px; width: 100%;}
.hotsale_tit .maintit_box {position: absolute; left: 0; bottom: 0; font-size: 0;}
.hotsale_tit .maintit_box .maintit{color: #3a3a3a; font-size: 22px; font-family: 'Noto-B'; letter-spacing: -0.5px; line-height: 1em; float: left;}
.hotsale_tit .maintit_box .icon { width: 29px; display: inline-block; height: 25px; vertical-align: bottom; font-size: 0; margin-left: 5px; float: left; margin-top: -2px;}
.hotsale_tit .maintit_box .icon img{width: 100%;}
.hotsale_tit .time_wrap { position: absolute; right: 0; bottom: 0; line-height: 1em;}
.hotsale_tit .time_wrap .day{color: #3A3A3A; font-family: 'spoqa M'; font-weight: bold; font-size: 14px; letter-spacing: -0.2px; }
.hotsale_tit .time_wrap .dayt{color: #3A3A3A; font-family: 'spoqa M'; font-size: 14px;}
.hotsale_tit .time_wrap .timer {color: #3A3A3A; font-family: 'spoqa M'; font-weight: bold; font-size: 14px; letter-spacing: -0.2px; }
.hotsale_tit .time_wrap .txt { color: #B4B4B4; font-family: 'spoqa M'; font-size: 14px; }
/* 위클리 특가 메인 슬라이드 */
.weekly_slide { margin: 15px auto 0; max-width: 414px; padding: 0 15px; box-sizing: border-box; position: relative; }
.weekly_slide .mySwiper2{width: calc(100% - 60px); height: 355px; }
.weekly_slide .mySwiper2 .swiper-slide{width: 100%; height: 100%; opacity: 0 !important;}
.weekly_slide .mySwiper2 .swiper-slide.swiper-slide-active{opacity: 1 !important;}
.weekly_slide .mySwiper2 .swiper-slide .img_box{height: 216px; width: 100%; position: relative; border-radius: 50px 10px 0 0; overflow: hidden;}
.weekly_slide .mySwiper2 .swiper-slide .img_box img{position: relative; height: 100%; left: 50%; transform: translateX(-50%);}
.weekly_slide .mySwiper2 .swiper-slide .txt_box{height: 139px; box-sizing: border-box; padding: 20px; background: #fff; border-radius: 0 0 10px 10px;}
.weekly_slide .mySwiper2 .tag_box{font-size: 0;}
.weekly_slide .mySwiper2 .tag_box .tag{ font-size: 13px; color: #949494; margin-right: 5px; font-family: 'Noto-M';}
.weekly_slide .mySwiper2 .tag_box .tag:last-of-type{margin-right: 0;}
.weekly_slide .mySwiper2 .prod_name{font-size: 15px; height: 42px; line-height:21px; font-family: 'Noto-R'; color: #3A3A3A; margin-top: 5px; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.weekly_slide .mySwiper2 .prod_price{margin-top: 10px; font-size: 0;}
.weekly_slide .mySwiper2 .prod_price .sale_per{font-size: 18px; font-family: 'spoqa M'; font-weight: bold; margin-right: 7px; color: #F14738; letter-spacing: -0.5px;}
.weekly_slide .mySwiper2 .prod_price .sale_per .unit{font-size: 13px; font-family: 'spoqa M'; font-weight: bold; color: #F14738; letter-spacing: -0.5px; margin-left: 1px;}
.weekly_slide .mySwiper2 .price{font-size: 18px; font-family: 'spoqa M'; font-weight: bold; color: #3A3A3A; letter-spacing: -0.5px;}
.weekly_slide .mySwiper2 .price .txt{font-size: 13px; font-family: 'spoqa M'; font-weight: bold; color: #3A3A3A; letter-spacing: -0.5px; margin-left: 1px;}
.weekly_slide .mySwiper2 .swiper-slide.soldout .img_box::before {content:'SOLD OUT'; display: flex; align-items: center; justify-content:center; width:100%; height:100%; background:rgba(0,0,0,0.6); font-size:22px; font-family:'spoqa M'; font-weight:normal; color:#fff; letter-spacing: 0px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;}

/* 미니 썸네일 슬라이드 */
.weekly_slide .mySwiper{width: 50px; height: 355px; position: absolute; right: 15px; top: 0; overflow: hidden;}
.weekly_slide .mySwiper .swiper-slide{width: 50px; height: 50px !important; background: #fff; border-radius: 10px !important; margin-bottom: 11px; overflow: hidden; isolation: isolate; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;}
.weekly_slide .mySwiper .swiper-slide:last-of-type{margin-bottom: 0 !important;}
.weekly_slide .mySwiper .swiper-slide img{width: 100%; opacity: 0.2; transition: 0.2s;}
.weekly_slide .mySwiper .swiper-slide.soldout::before {content:'SOLD OUT'; display: flex; align-items: center; width:100%; height:100%; line-height:14px; font-size:12px; font-family:'spoqa M'; font-weight:normal; color:#6c6c6c; text-align: center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.weekly_slide .mySwiper .swiper-slide.soldout img {opacity: 0.1;}
.weekly_slide .mySwiper .swiper-slide.swiper-slide-thumb-active img {opacity: 1;}
.weekly_slide .mySwiper .swiper-slide.swiper-slide-thumb-active.soldout img {opacity: 0.1;}
/* 정렬 및 검색 바 */
.pro_list_fixed_wrap{width: 100%; height: 55px; position: relative; background: #fff;}
.pro_list_fixed { width: 100%; height: 55px; padding: 17px 15px 13px; box-sizing: border-box; position: relative;  border-bottom:1px solid #f2f2f2; display:flex; justify-content:space-between; align-items: center;}
.pro_list_fixed.scroll {width:100%; position:fixed; top:0; background:#fff; z-index:11;}
.pro_list_left{flex:1; margin-right:10px;}
.pro_list_left .select_wrap{position: relative; display:flex; align-items: center;}
.select_wrap .select_option { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-family: 'Noto-B'; letter-spacing: -1px; font-size: 16px; color: #3a3a3a;}
.select_wrap .quantity {font-family: 'Noto-B'; letter-spacing: -1px; font-size: 16px; color: #3a3a3a; }
.select_wrap .icon {display:inline-block; width: 12px; margin-left: 5px; height: 12px; font-size: 0; }
.select_wrap .icon img{width:12px; height:12px;}
.pro_list_left .select { padding-right: 15px; font-size: 16px; font-family: 'Noto-B'; font-weight: normal; color: #3a3a3a; letter-spacing: -0px; position: relative; top: 2px; max-width: 227px; }
.pro_list_right .array { display: block; font-size: 14px; font-family: 'Noto-M'; font-weight: normal; color: #3a3a3a; letter-spacing: -1px; position: relative;}
.pro_list_right .array span { display: inline-block; width: 18px; height: 18px; margin-left: 2px; vertical-align: top; font-size: 0;}
.pro_list_right .array span img{display: block; width: 100%;}

/* 상품이미지형 */
.pro_list_area {width:100%;}
.pro_list_area .pro_list_imgst {width:100%; padding-left:15px; padding-top: 20px; background:none!important; box-sizing: border-box;}
.pro_list_area .pro_list_imgst.on {padding-bottom:60px;}
.pro_list_area .pro_list_imgst > ul {width:100%; font-size:0; letter-spacing:-3px;}
.pro_list_area .pro_list_imgst > ul > li {display:inline-block; width:calc(50% - 15px); height:100%; margin-right:15px; margin-bottom:35px; letter-spacing: 0; vertical-align: top; position:relative;}
.pro_list_area .pro_list_imgst > ul > li a {display:block; overflow:hidden; position:relative;}
.pro_list_area .pro_list_imgst > ul > li a span.area_thumnail {display:block; width:100%; padding-bottom:100%; margin-bottom:8px; border-radius:10px; position:relative; overflow:hidden;}
.pro_list_area .pro_list_imgst > 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;}
.pro_list_area .pro_list_imgst > ul > li a span.area_thumnail img {display:block; width:100%; height:100%!important; position:absolute;}
.pro_name { font-size: 15px; height: 42px; line-height:21px; font-family: 'Noto-R'; font-weight: normal; color: #3A3A3A; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -1px;}
.area_price{margin-top: 5px; word-break: break-all;}
.area_price .area_price_sale { font-size: 13px; color: #B4B4B4; font-family: 'spoqa M'; letter-spacing: -0.5px; text-align: right; text-decoration: line-through; }
.area_price .area_price_sale .unit{font-family: 'spoqa M'; color: #B4B4B4; }
.area_price .area_price_per { font-size: 22px; color: #f14738; font-family: 'spoqa m'; font-weight: bold; float: left; line-height: 1em;}
.area_price .area_price_won{ font-size: 16px; color: #3a3a3a; font-family: 'spoqa m'; font-weight: bold; float: right;}
.area_price .area_price_won .unit { font-size: 16px; font-family: 'spoqa m'; font-weight: bold; color: #3a3a3a; }

/* 상세 검색 레이어 팝업 wrap */
.prdsrch_lyr_new {position: fixed; display: inline-block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 4000;}
/* ? , ! 아이콘  */
.prdsrch_lyr_new .Qmark,
.prdsrch_lyr_new .Nmark {position: relative; display: inline-block; height: 24px; width: 24px; margin-left: 5px;}
.prdsrch_lyr_new .Qmark {background: url("//image5.compuzone.co.kr/img/images/mypage21/mo_question.png") center no-repeat; background-size: contain; cursor: pointer;}
.prdsrch_lyr_new .Nmark {background: url("//image5.compuzone.co.kr/img/images/mypage21/mo_exclamation.png") center no-repeat; background-size: contain;}
/* 상단 X 버튼  */
.prdsrch_lyr_new .layerPop_X { position: absolute; display: inline-block; top: 15px; right: 15px; width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/mypage21/mo_popup_X.png) center no-repeat; background-size: contain; cursor: pointer; z-index: 1;}
/* 상세 검색 레이어 팝업 */
.prdsrch_lyr_new .prdsrchLyr_inner {position: absolute; display: inline-block; bottom: 0; right: 0; width: 332px; height: calc(100% - 20px); background-color: #fff; border: solid #707070; border-width: 1px 0 0 1px; border-radius: 20px 0 0 0; padding: 60px 0 20px 15px;  transform: translateX(100%); transition: transform 0.4s ease-in-out;}
.prdsrch_lyr_new .prdsrchLyr_inner.prdsrchLyr_show { transform: translateX(0); transition: transform 0.4s ease-in-out;}
/* 상세 검색 레이어 팝업:: 고정 상단 & 고정 하단 */
.prdsrch_lyr_new .prdsrchLyr_top,
.prdsrch_lyr_new .prdsrchLyr_bot {position: absolute; display: inline-block; width: calc(100% - 30px); left: 15px;}
.prdsrch_lyr_new .prdsrchLyr_top {top: 20px; background-color: #fff;}
.prdsrch_lyr_new .prdsrchLyr_bot {bottom: 20px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 29%); padding-top: 40px;}
.prdsrch_lyr_new .prdsrchLyr_top .ntBB17 {line-height: 25px;}
.prdsrch_lyr_new .prdsrchLyr_top .prdsrch_lyr_sh_box {margin-top: 15px; border: solid #e8e8e8; border-width: 1px 0; padding: 15px 0;}
.prdsrch_lyr_new .prdsrch_lyr_sh_box .ntMB16 {margin-bottom: 10px;}
/* 상세 검색 레이어 팝업:: 중간 스크롤 영역 */
.prdsrch_lyr_new .prdsrchLyr_cont {width: 100%; height: 100%; overflow-y: auto; padding: 0 15px 25px 0;}
/* 상세 검색 레이어 팝업:: 중간 스크롤 영역:: 옵션 박스 */
.prdsrch_lyr_new .prdsrchLyr_cont .prdsrchLyr_box {width: 100%; background-color: #fff; border-top: 1px solid #e8e8e8; overflow: hidden; padding: 15px 0;}
.prdsrch_lyr_new .prdsrchLyr_box + .prdsrchLyr_box {border-top: 1px solid #e8e8e8;}
/* 상세 검색 레이어 팝업::정렬 팝업 */
.prdsrch_lyr_new .prdsrchLyr_inner .prdsrchLyr_cont .prdsrchLyr_box .shLyrBox_cont {padding-top: 0; display: block;}
/* 옵션 박스:: 체크박스 리스트 */
.prdsrch_lyr_new .prdsrchLyr_box .shLyrBox_cont li {list-style: none; width: 100%; font-size:0;}
.prdsrch_lyr_new .prdsrchLyr_box .shLyrBox_cont li > i {vertical-align: top;}
.prdsrch_lyr_new .prdsrchLyr_box .shLyrBox_cont li + li {margin-top:10px;}
/* 라디오 */
.prdsrch_lyr_new .shLyr_radio {display:inline-block; position:relative;}
.prdsrch_lyr_new input.shLyr_rdo[type="radio"] {vertical-align: top; display: none;}
.prdsrch_lyr_new input.shLyr_rdo[type="radio"] + label.shLyr_rdo { font-size: 0;}
.prdsrch_lyr_new input.shLyr_rdo[type="radio"] + label.shLyr_rdo * {vertical-align: top; display: inline-block; height: 24px; line-height: 24px;}
.prdsrch_lyr_new input.shLyr_rdo[type="radio"] + label.shLyr_rdo > i {width:24px; height:24px; background: transparent url("//image5.compuzone.co.kr/img/images/m_compuzone/mo_circle_check.png") center no-repeat; background-size: contain; margin-right: 5px;}
.prdsrch_lyr_new input.shLyr_rdo[type="radio"] + label.shLyr_rdo > p {font-size: 14px; color:#3a3a3a; font-family:'noto-R';}
.prdsrch_lyr_new input.shLyr_rdo[type="radio"]:checked + label.shLyr_rdo > i {background: transparent url("//image5.compuzone.co.kr/img/images/m_compuzone/mo_circle_check2.png") center no-repeat; background-size: contain;}

/* 230802 99409 맞춤형 콘텐츠 */
.pro_list_area {width:100%; padding:30px 15px 0; box-sizing: border-box;}
.pro_list_fixed_wrap .bloo {width:max-content; padding: 13px 20px 12px; background: #fff; position: absolute; top: 50px; right:15px; border-radius: 15px; box-shadow: 3px 3px 10px rgba(0,0,0,0.16); box-sizing: border-box; z-index: 10;} 
.pro_list_fixed_wrap .bloo::before {content: ''; width: 15px; height: 15px; background: #fff; position: absolute; top: -7px; right:20px; transform: rotate(45deg); box-shadow: -10px -5px 10px rgba(0,0,0,0.06);}
.pro_list_fixed_wrap .bloo a {display: flex; align-items: center; line-height:initial; font-size: 14px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a; text-align: center; word-break: keep-all;}
.pro_list_fixed_wrap .bloo a img {display:inline-block; width:12px; height:12px; margin:-1px 0 0 5px;}
.pro_list_area .np_hot ul {display:flex; flex-wrap: wrap; gap:35px 15px; width:100%; margin-bottom:30px;}
.pro_list_area .np_hot ul>li {display:inline-block; width:calc(50% - 7.5px); height:100%; border-top-left-radius:10px; border-top-right-radius:10px; letter-spacing: 0; vertical-align: top; position:relative; overflow:hidden;}
.pro_list_area .np_hot ul>li a {display:block; overflow:hidden; position:relative;}
.pro_list_area .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;}
.pro_list_area .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;}
.pro_list_area .np_hot ul>li a span.area_thumnail img {display:block; width:100%; height:100%!important; position:absolute;}
.pro_list_area .np_hot ul>li a.bat {padding:4px 10px 3px; position:absolute; top:0; background:linear-gradient(to right,#1C8FED,#8433FF); border-bottom-right-radius: 10px; font-size:14px; font-family:'noto-R'; font-weight: normal; color:#fff; box-sizing: border-box; z-index:2;}
.pro_list_area .np_hot ul>li a h6 {margin-bottom:5px; font-size:12px; font-family:'noto-M'; font-weight:normal; color:#3a3a3a; }
.pro_list_area .np_hot ul>li a h6 span {display:inline-block; width:18px; height:18px; margin-right:3px; vertical-align: bottom;}
.pro_list_area .np_hot ul>li a h6 span img {display:block; width:100%;}
.pro_list_area .np_hot ul>li a h3 {height:40px; margin-bottom:5px; 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;}
.pro_list_area .np_hot .area_price {display: flex; align-items: baseline; font-size:11px; font-family:'맑은고딕'; font-weight: normal; color:#3a3a3a;}
.pro_list_area .np_hot .area_price .area_price_per {display:inline-block; height:25px; margin-right:5px; padding:0 10px; font-size:16px; font-family: 'spoqa m'; font-weight:bold; color:#fff; background:#F14738; border-radius:13px; box-sizing: border-box; line-height: 22px;}
.pro_list_area .np_hot .area_price .area_price_won {padding-right:1px; line-height:22px; font-size:16px; font-family: 'spoqa m'; font-weight:bold;}

@media screen and (min-width: 749px) {
	.pro_list_area .np_hot ul>li {width: calc(25% - 11.3333px);}
}
@media screen and (max-width: 350px) {
	.pro_list_area .np_hot .area_price .area_price_per {padding:0 7px; font-size:14px;}
}

.pro_list_fixed .pro_list_right {position:relative;}
.pro_list_fixed .pro_list_right .Order_kind {width:105px; padding:20px 0 20px 20px; position:absolute; top:27px; right:0px; background:#fff; border-radius:20px; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.16); box-sizing: border-box; transform:scale(0.95); transition:all 0.2s;  opacity:0; visibility: hidden; z-index:3; clear: both;}
.pro_list_fixed .pro_list_right .Order_kind.on {transform:scale(1); opacity:1; visibility: visible;}
.pro_list_fixed .pro_list_right .Order_kind li {margin-bottom:20px;}
.pro_list_fixed .pro_list_right .Order_kind li:last-child {margin-bottom:0px;}
.pro_list_fixed .pro_list_right .Order_kind li input {display: none;}
.pro_list_fixed .pro_list_right .Order_kind li p {display:block; font-size:14px; font-family: 'Noto-R'; font-weight: normal; color:#3a3a3a; letter-spacing:-1px; position: relative;}
.pro_list_fixed .pro_list_right .Order_kind li.on p {font-family:'noto-B';}