/* 공통 icon, color는 top_footer.css에 기재 */

/* gradient-txt */
.gra-text { background: linear-gradient(270deg, var(--co1C) 0%, var(--co84) 100%); -webkit-background-clip: text; color: transparent;} 

/* 공용 */
.flicking-camera {display: flex;}
.panel * {box-sizing: border-box;}
.panel {flex-shrink: 0;}
.panel img { width: 100%; height: auto; display: block; } 
.main-area { margin: 48px auto 0; max-width: 750px;} 
.main-inner { padding: 0 16px; box-sizing: border-box;} 
.main-tit { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
.gray_txt {color: var(--co94)!important;}
.red_txt {color:var(--coF1)!important;}

/* 맞춤 추천아이콘 */
.c-icon30 {display: block; width: 30px; height: 30px; background: url(//image5.compuzone.co.kr/img/images/my_recom/icon1.png) center / contain no-repeat; flex-shrink: 0;}

/* 100% area */
.main-bnr, .main-weekly {max-width: unset;}

/* 메인 슬라이드 */
.main-swiper { max-width: 608px; margin: 8px auto 0; position: relative; } 
.main-swiper .swiper-container { overflow: visible; } 
.main-swiper .swiper-slide { max-width: 608px; } 
.main-swiper .swiper-slide a { position: relative; display: block; border-radius: 20px; overflow: hidden; width: 100%; height: auto; display: block; transform: scale(0.85); transition: all 0.5s ease-in-out; will-change: transform; } 
.main-swiper .swiper-slide a img {width: 100%; height: auto; display: block;}
.main-swiper .swiper-slide.swiper-slide-active a { transform: scale(1); } 
.main-swiper .slide-txt { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; text-align: center; line-height: 1.5; padding: 24px 0 50px; } 
.main-swiper .slide-txt h2 { font-family: 'noto-B'; font-size: clamp(20px, 5.2vw, 40px);; letter-spacing: -0.5px; font-weight: normal; } 
.main-swiper .slide-txt p { font-family: 'noto-R'; font-size: clamp(14px, 3.5vw, 28px); letter-spacing: -0.5px; } 
.main-swiper .slide-txt.wh { color: var(--coFF); } 
.main-swiper .slide-txt.bk { color: var(--co3A); } 
.main-swiper .slide-txt::before { content: ''; width: 100%; height: 130px; position: absolute; top: 0; left: 0; z-index: -1; } 
.main-swiper .slide-txt.bk::before { background: transparent linear-gradient(180deg, rgb(216, 216, 216,0.6) 0%, transparent 100%) 0% 0% no-repeat padding-box; } 
.main-swiper .slide-txt.wh::before { background: transparent linear-gradient(180deg, rgb(0, 0, 0, 0.7) 0%, transparent 100%) 0% 0% no-repeat padding-box; } 
.main-swiper .image-box::after { content: ''; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; transition: all 0.5s ease-in-out; } 
.main-swiper .swiper-slide-active .image-box::after { opacity: 0; } 

.all-evt {display: flex; align-items: center; padding: 0 8px; width: 67px; height: 26px; background: rgb(0,0,0,0.3); border-radius: 17px; position: absolute; bottom: 12px; right: 12px; z-index: 4; }
.all-evt .num {font-family: 'spoqa R'; font-size: 12px; color: var(--coD8); position: static;}
.all-evt .swiper-pagination-current {color: var(--coFF);}
.all-evt i{ width: 12px; height: 12px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_plus.svg') center/12px no-repeat; border-radius: 50%; z-index: 1; } 
@media screen and (max-width:720px){
    .main-swiper .swiper-slide { width: calc(100% - 56px); } 
    .all-evt { right: 40px; } 
}

/* 상단 그라데이션 박스 */
.gra-box { width: calc(100% - 32px); max-width: 720px;  border: 1px solid transparent; border-radius: 10px; background-image: linear-gradient(var(--coFF), var(--coFF)), linear-gradient(90deg, var(--co1C) 0%, #8433FF 100%);; background-origin: border-box; background-clip: content-box, border-box; margin: 16px auto 0; } 
.gra-box a { padding: 12px 16px;  display: flex; align-items: center; justify-content: space-between; } 
.gra-box span { color: var(--co1C); } 

/* 메뉴리스트 */
.menu-area { width: 100%; max-width: 750px; overflow-x: auto; margin: 16px auto 0; padding-left: 16px;  } 
.menu-area::-webkit-scrollbar { display: none } 
.menu-area ul + ul { margin-top: 12px; } 
.menu-area .menu-list { display: flex; gap: 10px; } 
.menu-area .menu-list li a { display: flex; flex-direction: column; gap: 4px; align-items: center; } 
.menu-area .menu-list li:last-child { padding-right: 16px;  } 
.menu-area .menu-list li span { width: 56px; height: 56px; background: var(--coF9); border-radius: 10px; display: block; position: relative; } 
.menu-area .menu-list li p { font-family: 'noto-R'; font-size: 12px; } 
.menu-area .menu-list li i { width: 28px; height: 28px; left: 50%; top: 50%; position: absolute; transform: translate(-50%,-50%); } 
.menu-area .menu-list li img {width: 100%; height: auto; display: block;}
/* 카테고리 애니메이션 */
.menu-area .menu-list .motion_evt i { width: 40px; height: 40px; backface-visibility:hidden; position: absolute; } 
.menu-area .menu-list .motion_evt .front { animation:card_ani1 4s forwards infinite; opacity: 1; } 
.menu-area .menu-list .motion_evt .back { animation:card_ani2 4s forwards infinite; } 
@keyframes card_ani1 { 
    0% { transform: translate(-50%,-50%) rotateY(0);} 
    50% { transform:translate(-50%,-50%) rotateY(180deg);} 
    100% { transform:translate(-50%,-50%) rotateY(0);} 
}
@keyframes card_ani2 { 
    0% { transform:translate(-50%,-50%) rotateY(180deg);} 
    50% { transform:translate(-50%,-50%) rotateY(360deg);} 
    100% { transform: translate(-50%,-50%) rotateY(180deg);} 
}
.menu-area .menu-list .motion_pc i:nth-child(1) { animation:cate_ani1 5s ease-in-out infinite; } 
.menu-area .menu-list .motion_pc i:nth-child(2) { width: 36px; height: 36px; opacity: 0; animation:cate_ani2 5s ease-in-out infinite both; } 
@keyframes cate_ani1 {
    0%,30% { opacity: 1; } 
    50%,80% { opacity: 0; } 
}
@keyframes cate_ani2 {
    0%,30% { opacity: 0; } 
    50%,80% { opacity: 1; } 
}

/* 제품 공통 */
.prod-img { border-radius: 10px; display: block; position: relative; overflow: hidden; aspect-ratio: 1 / 1;} 
.prod-img::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgb(0,0,0,0.03); z-index: 1;} 
.prod-img img {width: 100%; height: 100%; object-fit: fill;}
.prod-name { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px; word-break: break-all;} 
.prod-price { display: flex; gap: 4px; margin-top: 8px;}

/* snbSwiper */
.snbSwiper.swiper-container { padding:0 16px; box-sizing: border-box; margin-bottom: 16px; } 
.snbSwiper ul { display: flex; width: max-content; position: relative; } 
.snbSwiper ul li { display: block; width: auto; } 
.snbSwiper ul li a { display: block; width: fit-content; height: 32px; text-align: center; padding: 0 15px; font-size: 12px; line-height: 32px; color: var(--co3A); border-radius: 28px; border: 1px solid var(--coD8); background: var(--coFF);  white-space: nowrap; margin-right: 4px; } 
.snbSwiper ul li:last-child a { margin: 0; } 
.snbSwiper ul li.on a { background: var(--co1A); color:var(--coFF); } 
.snbSwiper ul li .deal { color: var(--co7A); } 

/* 맞춤추천 */
.main-recom {background: transparent linear-gradient(90deg, #F3E9FF 0%, #E6F5FF 100%); position: relative; margin: 0 auto; padding: 40px 0; max-width: unset;}
.main-recom::before {content: ''; width: 100%; height: 100px; background: transparent linear-gradient(0deg, #FFFFFF00 0%, var(--coFF) 100%); position: absolute; top: 0; left: 0;}
.main-recom::after {content: ''; width: 100%; height: 72px; background: transparent linear-gradient(180deg, #FFFFFF00 0%, var(--coFF) 100%); position: absolute; bottom: 0; left: 0;}
.main-recom .main-inner {display: flex; flex-direction: column; gap: 12px; padding: 0; max-width: 750px; margin: 0 auto;}
.main-recom .main-tit { padding-left: 16px;  position: relative; z-index: 1; max-width: 750px;  margin: 0 auto 20px;} 
.panel .recom-list {background: var(--coFF); border-radius: 20px; padding: 20px 0px; overflow: hidden;}
.main-recom .swiper-container {margin-top: 16px; padding: 0 16px; }
.main-recom .recom-list h3 {padding-left: 16px; }
.main-recom .swiper-slide { flex-shrink: 0;} 
.main-recom .prod-list { display: flex; gap: 8px;} 
.main-recom .prod-list li {width: calc(100% / 3); max-width: 234px;} 
.main-recom .prod-list li a {width: 100%; display: block;}
.recom-list .prod-price { justify-content: space-between; margin-top: 4px; height: 26px;} 
.recom-list .prod-price p:nth-child(2) { font-size: 11px; } 
.recom-list .prod-price p:nth-child(2) span { letter-spacing: -0.65px; } 
.main-recom .prod-name {height: 38px; line-height: 19px;}
.evt-list { display: flex; flex-direction: column; gap: 8px; margin-top: 20px;} 
.evt-list .prod-img { width: 58px; height: 58px; border-radius: 0; } 
.evt-list li a { width: 100%; height: 60px; display: flex; align-items: center; gap: 12px; background: var(--coFF); border-radius: 10px; border: 1px solid var(--coD8); overflow: hidden;  } 
.evt-list-txt { width: calc(100% - 70px); display: flex; flex-direction: column; gap: 4px; padding-right: 12px;  } 
.evt-list-txt h4, .evt-list-txt p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
@media screen and (max-width: 320px) {
    .recom-list .prod-price{gap: 0; flex-wrap: wrap;}
}

/* 나만의 PICK */
.main-pick {margin: 0 auto; }
.main-pick .pick-tit { width: 100%; display: flex; flex-direction: column; padding: 0 16px; }
.main-pick .pick-tit div{ width: 100%; display: flex; justify-content: space-between; align-items: center; } 
.main-pick .pick-tit h2 { margin-bottom: 0; } 
.main-pick .pick-tit a {width: max-content; height: 32px; padding: 0 12px;  border-radius: 50px; border: 1px solid var(--coD8); display: flex; align-items: center; justify-content: center;}
.main-pick .swiper-container {margin-top: 16px; padding: 0 16px; }
.main-pick ul { display: flex; flex-wrap: wrap; gap: 8px;} 
.main-pick ul li {width: calc(100% / 3 - 6px);} 
.main-pick ul li a {width: 100%; display: block;}
.main-pick .prod-price { justify-content: space-between; margin-top: 4px; height: 26px;} 
.main-pick .prod-price p:nth-child(2) { font-size: 11px; } 
.main-pick .prod-price p:nth-child(2) span { letter-spacing: -0.65px; } 

/* 최근 본 상품과 비슷한 상품 */
.main-similar h2 { padding: 0 16px;  } 
.main-similar .similar-tab { width: 100%; overflow-x: scroll; } 
.main-similar .similar-tab ul { display: flex; gap: 12px; width: max-content; padding: 0 16px;  } 
.main-similar .similar-tab li { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border: 2px solid transparent;  } 
.main-similar .similar-tab li.on { border: 2px solid var(--co1C); } 
.main-similar .prod-name  {height: 38px; line-height: 19px;}
.badge_blue { width: max-content; height: 24px; padding: 0 6px;  background: var(--co1C); color: var(--coFF); font-size: 12px; font-family: 'noto-R'; position: absolute; top: 8px; left: 8px; border-radius: 5px; display: flex; align-items: center; justify-content: center; } 
.similar-tabcont { width: 100%; margin-top: 16px; } 
.similar-tabcont .swiper-container { padding:0 16px; box-sizing: border-box } 
.similar-tabcont li { max-width: 256px;} 
.similar-tabcont li a {width: 100%;}

/* progress */
.panel .swiper-pagination-progressbar {max-width: 718px; height: 1px !important; background:var(--coD8); opacity: 1; position: static; margin: 20px auto 0; } 
.panel .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--co1A); } 
.progressWrap { width:calc(100% - 32px); height:1px; background:var(--coD8); margin: 20px auto 0; } 
.progressWrap .progressBar { background:var(--co1A); height:1px; } 

/* $제품 찾으셨나요? */
.main-find-top { width: 100%; height: 66px; border-radius: 10px; background:var(--coF3); display: flex; align-items: center; gap: 12px; padding: 0 12px;  } 
.main-find-top div:nth-child(1) { display: flex; flex-direction: column; gap: 4px; width: calc(100% - 62px); } 
.main-find-top p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--co6C); } 
.main-find-top .prod-img { width: 50px; height: 50px; } 
.main-find-top .prod-img::before { background: var(--coFF); mix-blend-mode: darken; } 
.find-swiper { margin: 16px 0; } 
.find-swiper .swiper-container { padding: 0 16px;  } 
.find-swiper .swiper-slide { max-width: 656px; width: calc(100% - 16px); } 
.find-swiper .swiper-slide ul { display: flex; flex-direction: column; gap: 8px; } 
.find-swiper .swiper-slide a { display: flex; gap: 12px; } 
.find-swiper .swiper-slide a > div { width: calc(100% - 102px); } 
.find-swiper .prod-img { width: 90px; height: 90px; } 

/* main_area_banner 메인 펼침 배너 */
.main_area_banner { position:relative; background:var(--coFF); height:100%; transition:all 0.5s ease; top:0px; overflow: hidden; } 
.main_area_banner_box { display:block; } 
.main_area_banner_box a { display:block; overflow:hidden; } 
.main_area_banner_box a img { display:block; width:100%; max-width:640px; height:100%; margin:0 auto; } 

/* 행운의 래플쇼핑 */
.main-raffle .raffle-tit h2 { margin-bottom: 0; } 
.main-raffle .raffle-tit a { display: flex; align-items: center; color: var(--co6C); } 
.raffle-swiper .swiper-slide { width: 328px; } 
.raffle-swiper .raf-img {width: 100%; height: auto; position: relative; border-radius: 10px; overflow: hidden; display: block; } 
.raffle-swiper .raf-img::before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent linear-gradient(180deg, #FFFFFF00 80%, rgba(26, 26, 26, 0.6) 100%); mix-blend-mode: multiply; } 
.raf-icon { display: flex; align-items: center; gap: 4px; position: absolute; bottom: 12px; left: 12px; color: var(--coFF); } 

/* 최저가상품 */
.main-row .main_tit { margin-bottom: 20px; padding: 0 16px;  } 
.main-row .main_tit h2 { margin-bottom: 4px; } 
.row-prod-swiper ul { display: flex; flex-direction: column; gap: 8px; } 
.row-prod-swiper li a { display: flex; gap: 12px; padding: 0 16px;   } 
.row-prod-swiper li a > div { width: calc(100% - 112px); } 
.row-prod-swiper .prod-img { width: 100px; height: 100px; } 

/* 위클리특가 */
.main-weekly .weekly-tit { width: 100%; height: 240px; background:var(--co94); position: relative; overflow: hidden; } 
.main-weekly .weekly-tit .bg { width: 100%; height: inherit; position: absolute; mix-blend-mode: multiply; filter: blur(30px); } 
.main-weekly img {height: 100%; object-fit: cover; } 
.main-weekly .main-tit { width: calc(100% - 32px); max-width: 750px; display: flex; justify-content: space-between; align-items: center;  position: absolute; top: 48px; left: 50%; transform: translateX(-50%); } 
.main-weekly .main-tit h2 { color:var(--coFF); } 
.main-weekly .main_time { display: flex; gap: 12px; } 
.main-weekly .main_time div { width:36px; height:36px; border-radius:5px; background:rgba(255, 255, 255, 0.2); text-align: center; color:var(--coFF); line-height:36px; font-size:14px; letter-spacing:-0.35px; position:relative; font-family: 'spoqa m'; font-weight: bold; } 
.main-weekly .main_time div::before { content:':'; width:3px; height:100%; position:Absolute; top:0; left:112%; } 
.main-weekly .main_time div:last-child::before { display: none; } 
.main-weekly .main_area_weekly { width:100%;  padding:0 16px; margin-top: -140px; position: relative; } 
.main-weekly .main_area_weekly::before { content: ''; width: 100%; height: 110px; background:linear-gradient(180deg, transparent 0%, var(--coFF) 100%); position: absolute; top: 30px; left: 0; } 
.main-weekly .main_area_weekly .weekly_large { width:100%; max-width:328px; margin:0 auto 16px; border-radius: 10px; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.08); position:relative; overflow:hidden; } 

.main-weekly .main_area_weekly .weekly_large .week_top > span { width: 100%; height: 230px; display: block; position: relative; } 
.main-weekly .main_area_weekly .weekly_large .week_top.soldout>span::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:var(--coFF); text-align: center; letter-spacing: 0px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1; } 
.week-txt { padding: 16px;  } 
.week-txt .prod-name { margin-top: 0; } 
.main-weekly .main_area_weekly .weekly_small { width:100%; height:60px; margin:0 auto;  overflow:hidden; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;} 
.main-weekly .weekly_small { width:calc(100% - 20px);  overflow-x: auto;  max-width: 332px; margin: 0 auto;} 
.main-weekly .weekly_small::-webkit-scrollbar {display: none}
.main-weekly .weekly_small .weekly_thumbs { display:inline-flex; gap: 8px; } 
.main-weekly .weekly_small .weekly_thumbs .week_thum span { display:block; width:60px; height:60px; border-radius:10px; overflow:hidden; box-sizing:border-box; position:relative; } 
.main-weekly .weekly_small .weekly_thumbs .week_thum span::before { content:''; width:60px; height:60px; border:2px solid var(--co1C); position:Absolute; top:0; left:0; border-radius:10px; box-sizing:border-box; display:none; } 
.main-weekly .weekly_small .weekly_thumbs .week_thum span::after { content:''; width:60px; height:60px; position:Absolute; top:0; left:0; border-radius:10px; background:rgba(0,0,0,0.02); box-sizing:border-box; } 
.main-weekly .weekly_small .weekly_thumbs .week_thum span.on::before { display:block; } 
.main-weekly .weekly_small .weekly_thumbs .week_thum.soldout span::after { content:'SOLD OUT'; display: flex; align-items: center; justify-content:center; width:100%; height:100%; line-height:16px; background:rgba(0,0,0,0.6); font-size:13px; font-family:'spoqa M'; font-weight:normal; color:var(--coFF); text-align: center; letter-spacing: 0px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1;} 

/* 하단 배너 */
.bottom-bnr-swiper { max-width: 720px; margin: 0 auto; position: relative; } 
.bottom-bnr-swiper a { width: 100%; display: block; } 
.bottom-bnr-swiper .swiper-pagination { width: 50px; height: 20px; line-height: 20px; border-radius: 28px; background: rgb(0,0,0,0.2); font-size: 11px; bottom: 8px; left: unset; right: 16px; color: var(--coD8); } 
.bottom-bnr-swiper .swiper-pagination-current { color: var(--coFF); } 

/* event_target_popup */
.target_popup { width:calc(100% - 32px); max-width: 450px; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: 11; } 
.target_popup .target_inner { padding:16px; } 
.target_popup .target_img { width:100%; max-height: 340px; margin: 0 auto; overflow: hidden; } 
.target_popup .target_img img {width: 100%; height: auto; display: block;}
.target_popup .target_cont { margin-top:12px; text-align: center; } 
.target_popup .target_cont p { margin-top:8px; } 
.target_popup .target_cont p span { display: block; margin-top:4px; } 
.target_popup .target_cont .btnbk { display: flex; align-items: center; justify-content: center; width:100%; height:50px; border-radius: 5px; background:#1a1a1a; color:var(--coFF); margin: 16px 0 18px; } 
.target_popup .target_op { width: 100%; position:absolute; bottom:22px; left:50%; transform:TranslateX(-50%); z-index: 1; } 
.target_popup .swiper-container { border-radius: 10px; overflow:hidden;  } 
.target_popup .swiper-slide {height: auto;}
.target_op .swiper-pagination { width: 100%; display: flex; gap: 4px; justify-content: center; } 
.target_op .swiper-pagination-bullet { width: 6px; height: 6px; background: var(--co1A); border-radius: 50%; transition: all 0.3s; opacity: 0.3; } 
.target_op .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; border-radius: 11px; opacity: 1; } 
.target_popup .not_today { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; } 
.target_popup .not_today a { color: var(--coFF); } 
/* 주문완료 페이지 타겟팝업 */
.target_popup.center .target_bg {background: var(--coFF); border-radius: 10px; overflow: hidden;}
.target_popup.center .not_today {height: auto; line-height: 1.5; padding: 0; background: transparent; position: static;}

/* 배너 모아보기 영역 */
.pop-zone { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: var(--coFF); z-index: 999; display: none; } 
.pop-tit { position: relative; display: flex; justify-content: center; align-items: center; height: 48px; border-bottom: 1px solid var(--coD8);  } 
.pop-tit h2 { text-align: center; } 
.pop-tit button { position: absolute; right: 16px; top: 50%; z-index: 1; transform: translateY(-50%); } 
.pop-cont { height: calc(100% - 80px); overflow-y: auto; overflow-x: hidden; padding: 20px 16px;  } 
.banner-list { display: flex; flex-direction: column; gap: 12px; } 
.banner-list .item { display: flex; align-items: center; gap: 12px; } 
.banner-list .txt-box { display: flex; flex-direction: column; flex-grow: 1; gap: 4px; letter-spacing: -0.45px;} 
.banner-list .txt-box p { width: max-content; } 
.banner-list .txt-box .subtit { color: var(--co6C); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; word-break: break-all;} 
.banner-list .prod-img { width: 100px; height: 84px; flex-shrink: 0;} 
.banner-list .prod-img img {height: auto; object-fit: cover;}
.pop-zone2 .banner-list .prod-img img {position: absolute; top: -20px; left: 0;}

/***** 기존 팝업들 *****/
/* 이벤트 당첨 공지 팝업 */
.custEvtWinner_pop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 1000; color:#3A3A3A;}
.custEvtWinner_pop_inner { width: 100%; max-width:450px; height: auto; max-height: 85vh; position: absolute; bottom: 0; left: 50%; transform:TranslateX(-50%); background: var(--coFF); border-top-left-radius: 25px; border-top-right-radius: 25px; }
.custEvtWinner_pop .winning_list {display: flex; flex-direction: column; gap:10px; text-align: left; margin-top:20px; padding-bottom:120px;}
.custEvtWinner_pop .winning_list li {border: 1px solid #E8E8E8; border-radius: 10px; overflow:hidden;}
.custEvtWinner_pop .winning_list li a {display:block;}
.custEvtWinner_pop .winning_list .winning_link {display: flex; align-items: center; justify-content: space-between; gap:12px; padding: 10px 20px; background: #F9F9F9;  position: relative;}
.custEvtWinner_pop .winning_list .winning_link span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; }
.custEvtWinner_pop .winning_list .comment_period {display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; border-top: 1px solid #E8E8E8;}
.custEvtWinner_pop .noti_table {overflow-y:auto; max-height:calc(100% - 98px);}
.custEvtWinner_pop table {width: 100%; border-left:none; border-right:none;}
.custEvtWinner_pop table tr {border-bottom:1px solid #d8d8d8;}
.custEvtWinner_pop table tr:nth-child(1) {border-top:1px solid #d8d8d8;}
.custEvtWinner_pop table tr th {padding: 12px 0; font-size: 14px; font-family: 'noto-M'; font-weight: normal; color: #3a3a3a; background: #fafafa; text-align: center; border:none;}
.custEvtWinner_pop table tr td {padding: 12px 12px; font-size: 14px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a; text-align: center; border:none; word-break:keep-all;}
.custEvtWinner_pop table tr th:first-child, .custEvtWinner_pop table tr td:first-child {border-right:1px solid #d8d8d8;}
.custEvtWinner_pop table tr td a {color:#0d6de3;}
.custEvtWinner_pop .popup_fixbtn { font-size: 0; width: 100%; max-width: 400px; text-align: center; margin: 30px auto 40px; padding: 0 20px; box-sizing: border-box;}
.custEvtWinner_pop .popup_fixbtn button  { display: inline-block; width: 100%; max-width: 335px; height: 52px; font-size: 18px; font-family: noto-M; outline: none; cursor: pointer; border-radius: 8px; width: calc((100% - 10px)/2); background: var(--coFF); border: 1px solid #D8D8D8; color: #3A3A3A; margin-right: 10px;}
.custEvtWinner_pop .popup_fixbtn button:last-child { margin-right: 0; background-color: #0D6DE3; color: var(--coFF); border: 1px solid #0D6DE3; }
.custEvtWinner_pop .popup_tit h2 .red_txt{font-size: 20px;}
.custEvtWinner_pop .popup_fixbtn button.w100 {width:100%;}
.custEvtWinner_pop .popup_bottom {padding:16px 20px; margin:0;  display: flex; justify-content: flex-end; align-items: center; box-sizing: border-box;}

@media screen and (max-width:330px) {
    .custEvtWinner_pop .popup_cont .cont_p {font-size:14px;}
}
@media screen and (max-width:310px) {
    .custEvtWinner_pop .popup_cont .cont_p {font-size:13px;}
    .custEvtWinner_pop .popup_fixbtn button{font-size: 16px;}
}

/* 마이알림 팝업 */
.noti_popup {width:100%; height:100%; background:var(--coFF); position:fixed; top:0; left:-100%; z-index:1000; transition:all 0.3s; overflow:hidden;}
.noti_popup.on {left:0;}
.noti_popup .noti_fixed_top {width:100%; height:48px; padding:6px 16px 6px 12px; background:var(--coFF); border-bottom:1px solid #e8e8e8; box-sizing: border-box; overflow:hidden; position:fixed;}
.noti_popup .noti_fixed_top .backbtn {float:left; width:36px; height:36px;background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_before_24.svg) center center / 24px no-repeat; text-indent:-5000px;}
.noti_popup .noti_fixed_top p {float:left; width:calc(100% - 60px); height:30px; line-height:36px; font-size:16px; font-family:'noto-M'; font-weight: normal; color:#3a3a3a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.noti_popup .noti_fixed_top p { width:auto;}
.noti_popup .noti_fixed_top .search {float:right; width:30px; height:30px; background:url('//image5.compuzone.co.kr/img/images/main/main2022/main_search.png') center center/contain no-repeat; text-indent:-5000px;}
.noti_popup .noti_fixed_top .read_all {float:right; padding:7px 0 11px 18px; font-size: 13px; font-family: 'noto-R'; font-weight: normal; color: #949494; position:relative;}
.noti_popup .noti_fixed_top .read_all::before {content:''; width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_secretck.png') center center/contain no-repeat; position:absolute; top:48%; transform:TranslateY(-50%); left:0;}
.noti_popup .noti_fixed_top .read_all.on {font-family: 'noto-M'; color: #3a3a3a;}
.noti_popup .noti_fixed_top .read_all.on::before {background:url('//image5.compuzone.co.kr/img/images/product_detail22/detail_secretck2.png') center center/contain no-repeat;}
.noti_popup .noti_fixed_top .dele_all {float:right; margin-left: 10px; padding: 7px 11px; background: #3a3a3a; border-radius: 5px; font-size: 12px; font-family: 'noto-R'; font-weight: normal; color: var(--coFF);}
.noti_popup .noti_area {height:calc(100% - 50px); border:none; position:relative; padding:0; overflow-y:scroll;}
.noti_popup .bell_cont {padding-bottom:170px;}
.noti_popup .bell_cont li {min-height:105px; padding:16px 15px; border-bottom:1px solid #e8e8e8;  position:relative; box-sizing: border-box;}
.noti_popup .bell_cont li>a {display: block;}
.noti_popup .bell_cont li h4 {width:calc(100% - 28px); min-height:45px; margin-bottom:9px; font-size:15px; font-family:'noto-R'; font-weight: normal; color:#3a3a3a; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.noti_popup .bell_cont li h4 span {margin-right:5px; font-size:15px; color:#0d6de3;}
.noti_popup .bell_cont li a.closeX {width:18px; height:18px; background:url('//image5.compuzone.co.kr/img/images/product_list22/pro_list_x.png') center center/contain no-repeat; position:absolute; top:15px; right:15px; z-index:1;}
.noti_popup .bell_cont li h5 {width:calc(100% - 70px); font-size:15px; font-family:'noto-R'; font-weight:normal; color:#949494; overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.noti_popup .bell_cont li h5 span {margin-right:20px; font-family:'noto-R'; color:#949494; position:relative;}
.noti_popup .bell_cont li h5 span::before {content:''; width:1px; height:13px; background:#e8e8e8; position:absolute; top:5px; right:-10px;}
.noti_popup .bell_cont li h6.bell_time {font-size:15px; font-family:'noto-R'; font-weight:normal; color:#949494; position:absolute; bottom:17px; right:15px;}
.noti_popup .bell_cont li.old {background:#fafafa;}
.noti_popup .bell_cont li.old a.closeX {opacity:0.2;}
.noti_popup .bell_cont li.old h4, .noti_popup .bell_cont li.old h4 span, .noti_popup .bell_cont li.old h5, .noti_popup .bell_cont li.old h6.bell_time {color:#d8d8d8;}

/* 새로운 알림 없을시 */
.noti_popup .noti_noarea {margin:150px auto 0; text-align: center;}
.noti_popup .noti_noarea p {font-size:15px; font-family:'noto-M'; font-weight: normal; color:#949494;}

/* 마이알림 이벤트 노출기능추가 */
.noti_popup .evt_noti {width:100%; max-width:750px; padding:20px; line-height:normal; background:#0D6DE3 url('//image5.compuzone.co.kr/img/images/main/main2022/evt_mo_noti_bg2.png') right -10px/contain no-repeat; border-radius: 5px 5px 0 0;  position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1; box-sizing: border-box;}
.noti_popup .evt_noti::before {content:''; width:211px; height:130px; background:url('//image5.compuzone.co.kr/img/images/main/main2022/evt_mo_noti_bg1.png') center/contain no-repeat; position:absolute; top:0; left:0; z-index:1;}
.noti_popup .evt_noti a {display: flex; gap:15px; align-items:center; height:auto; line-height:normal; color:var(--coFF);}
.noti_popup .evt_noti .noti_img {width:80px; height:80px; border-radius:5px; overflow: hidden;}
.noti_popup .evt_noti .noti_img img {width:100%; height:100%;}
.noti_popup .evt_noti .noti_txt h4 {line-height:22px; font-size:16px; font-family:'noto-B'; font-weight: normal;}
.noti_popup .evt_noti .noti_txt h5 {margin-top:6px; line-height:20px; font-size:14px; font-family:'noto-R'; font-weight: normal;}
.evt_noti .swiper-container {width:100%;}
.evt_noti .swiper-slide {width:100%;}
.evt_noti .evt_noti_op {display: flex; align-items: center; gap:6px; position:absolute; top:10px; right:10px;}
.evt_noti .evt_counter {font-size:10px; padding:5px 16px 6px; background:rgba(0,0,0,0.2); color:var(--coFF); border-radius:28px;position: static;}
.evt_noti .evt_counter span {font-size:13px; font-family:'맑은고딕'; font-weight: normal;}

/* 109636 MY알림 내 담당자 알림 기능 추가 요청 */
.noti_popup .noti_tab_box{height: 50px; margin-top: 50px; border-bottom: 1px solid #E8E8E8;}
.noti_popup .noti_tab_box ul{display: grid; grid-template-columns: repeat(2,1fr);}
.noti_popup .noti_tab_box ul li{width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; color: #949494; font-size: 15px; font-family: 'noto-R'; position: relative;}
.noti_popup .noti_tab_box ul li .red_circle{position: absolute; width: 6px; height: 6px; border-radius: 6px; background: #F14738; top: 12px; right: 0; left: 73px; margin: auto;}
.noti_popup .noti_tab_box ul li.on{font-family: 'noto-B'; color: #3A3A3A;}
.noti_popup .noti_tab_box ul li.on::after{content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #3A3A3A;}
.noti_popup .bell_manager li.open{min-height: 100%;}
.noti_popup .bell_manager li h4{min-height: unset; margin-bottom: 5px; font-family: 'noto-M'; -webkit-line-clamp: 1;}
.noti_popup .bell_manager li .txt{color: #3A3A3A; -webkit-line-clamp: 3; width: 100%; margin-bottom: 10px;}
.noti_popup .bell_manager li.open .txt{display: block; overflow: unset;}
.noti_popup .bell_manager li .more{width: max-content;}
.noti_popup .bell_manager li .more.hidden{visibility: hidden;}
.noti_popup .bell_cont{display: none;}
.noti_popup .bell_cont.on{display: block;}

/* 메인 이벤트 슬라이드 배너 팝업 */
.mo_main_ban {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:1000;}
.mo_main_ban * {box-sizing:  border-box;}
.mo_ban_inner {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; max-width: 750px; height: auto; border-radius: 15px 15px 0 0; overflow: hidden;}
.mo_ban_inner .swiper-slide span {display:block; height: 100%; max-height: 460px;}
.mo_ban_inner .swiper-slide img {display:block; width:100%; height:100%;}
.mo_ban_inner .swiper-pagination {display: flex; justify-content: center; align-items: center; gap: 2px; min-width: 49px; width: auto; height: 20px; padding: 4px 8px; background: rgba(0,0,0,0.5); border-radius: 28px; bottom: auto; left: auto; right: 16px; top: 16px; font-family: 'spoqa R'; font-size: 11px; color: var(--coD8); line-height: 15px; letter-spacing: 0px;}
.mo_ban_inner .swiper-pagination-current {color: var(--coFF);}
.mo_ban_bot {display: flex; justify-content: space-between; width: 100%; padding: 14px 16px 30px 16px; background: var(--coFF);}
.mo_ban_bot .todayno {font-size:14px; font-family:'noto-R'; font-weight: normal; color: var(--co94);}
.mo_ban_bot .closex {font-size:14px; font-family:'noto-M'; font-weight: normal; color:var(--co3A);}

@media screen and (min-width: 782px){
    .mo_ban_inner {width: calc(100% - 32px);}
}

@media screen and (max-height: 550px) {
    .mo_ban_inner {max-width: 450px;}
    .mo_ban_inner .swiper-container {max-width: 450px;}
    .mo_ban_inner .swiper-slide span {max-width: 450px; margin:0 auto;}
    .mo_ban_bot {max-width: 450px; margin: 0 auto;}
}

/* 청소년 보호정책 팝업 */
.youth_popup {width:100%; height:100%; position:fixed; bottom:-100%; left:0; background:rgba(0,0,0,0.7); z-index:1000; transition:all 0.2s;}
.youth_popup.on {bottom:0;}
.youth_popup .youth_inner {width:100%; height:100%; max-height:85vh; position:absolute; bottom:0; left:0; background:var(--coFF); border-top-left-radius:25px; border-top-right-radius:25px;}
.youth_popup .info_popup_tit {padding:27px 0 23px; margin:0 20px; border-bottom:1px solid #d8d8d8;}
.youth_popup .info_popup_tit>h2 {color:#3a3a3a; font-size:20px; text-align:center;}
.youth_popup .info_popup_tit a {display: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:26px; right:15px;}
.youth_popup .youth_slide_cont {width:100%; height:calc(100% - 79px); padding:25px 20px 30px; position: relative; top:0; left: 0; overflow-y:scroll; box-sizing:border-box;}
.youth_popup .youth_slide_cont .tit {font-size:16px; font-family:'noto-R'; font-weight:normal; color:#3a3a3a;}
.youth_popup .youth_slide_cont .info_terms {overflow: hidden; margin-top:20px;}
.youth_popup .youth_slide_cont .info_terms li {width:100%; padding-bottom:14px; box-sizing: border-box;}
.youth_popup .youth_slide_cont .info_terms li h4 {margin-bottom:6px; font-size:17px; font-family:'noto-B'; font-weight:normal; color:#3a3a3a;}
.youth_popup .youth_slide_cont .info_terms li p {font-size:15px; font-family:'noto-R'; font-weight:normal; color:#3a3a3a; letter-spacing: -1px;}
.youth_popup table {width: 100%; border-left:none; border-right:none;}
.youth_popup table tr {border-bottom:1px solid #f2f2f2;}
.youth_popup table tr:nth-child(1) {border-top:1px solid #f2f2f2;}
.youth_popup table tr th {padding: 15px 0; font-size: 14px; font-family: 'noto-M'; font-weight: normal; color: #3a3a3a; background: #fafafa; text-align: center; border:none;}
.youth_popup table tr td {padding: 15px 0; font-size: 14px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a; text-align: center; border:none; border-right:1px solid #f2f2f2;}
.youth_popup table tr td:last-child {border-right:none;}
.youth_popup table tr td a {color:#0d6de3;}

/* 레이어팝업 */
#pop_box {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background-color: rgba(0,0,0,.7);}
#pop_box .layer_popup {width:calc(100% - 50px); max-width:450px; background:var(--coFF); position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%); border-radius: 10px;}
#pop_box .layer_popup .layer_tit {padding:20px 35px; border-bottom:1px solid #d8d8d8; position:relative;}
#pop_box .layer_popup .layer_tit h2 {color:#3a3a3a; font-size:20px; font-family:'noto-B'; font-weight: normal; text-align: center;}
#pop_box .layer_popup .layer_tit .closeBtn {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;}
#pop_box .layer_cont {padding: 20px 20px 25px;}
#pop_box .layer_cont p {font-size: 15px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a; margin-bottom:6px;}
#pop_box .layer_cont p span {font-size: 15px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a;}
#pop_box .layer_cont p span.bluetxt {color:#0d6de3;}
#pop_box .layer_cont p:last-child {margin-bottom:0;}
#pop_box .layer_cont .pop_btn {width:100%; margin-top:20px; border-radius:10px; overflow: hidden;}
#pop_box .layer_cont .pop_btn .bluebtn {display: block; width: 100%; height:52px; line-height: 52px; background: #0d6de3; text-align: center; font-size: 18px; font-family: 'noto-M'; font-weight: normal; color: var(--coFF);}
#pop_box .layer_cont .gray_box {width:100%; border-radius:10px; background:#f9f9f9; padding:14px 15px; box-sizing: border-box;}
#pop_box .layer_cont .access {display: flex; align-items: center; margin-bottom:5px;}
#pop_box .layer_cont .access .accessimg {width:28px; height:28px;}
#pop_box .layer_cont .access .accessimg img {width:100%; height:100%;}
#pop_box .layer_cont .access .accesstxt {margin-left:10px;}
#pop_box .layer_cont .access .accesstxt h5 {font-family:'noto-M'; font-weight: normal; font-size:14px;}
#pop_box .layer_cont .access .accesstxt p {margin-top:2px; font-size:13px; color:#6c6c6c;}
#pop_box .layer_cont p.detail {font-size:13px; color:#949494;}
#pop_box .not_today {position:absolute; bottom:-30px; right:0;}
#pop_box .not_today a {color:var(--coFF);}

/* 레이어팝업 */
#pop_box2 {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background-color: rgba(0,0,0,.7);}
#pop_box2 .layer_popup {width:calc(100% - 50px); max-width:450px; background:var(--coFF); position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%); border-radius: 10px;}
#pop_box2 .layer_popup .layer_tit {padding:20px 35px; border-bottom:1px solid #d8d8d8; position:relative;}
#pop_box2 .layer_popup .layer_tit h2 {color:#3a3a3a; font-size:20px; font-family:'noto-B'; font-weight: normal; text-align: center;}
#pop_box2 .layer_popup .layer_tit .closeBtn {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;}
#pop_box2 .layer_cont {padding: 20px 20px 25px;}
#pop_box2 .layer_cont p {font-size: 15px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a; margin-bottom:6px;}
#pop_box2 .layer_cont p span {font-size: 15px; font-family: 'noto-R'; font-weight: normal; color: #3a3a3a;}
#pop_box2 .layer_cont p span.bluetxt {color:#0d6de3;}
#pop_box2 .layer_cont p:last-child {margin-bottom:0;}
#pop_box2 .layer_cont .pop_btn {width:100%; margin-top:20px; border-radius:10px; overflow: hidden;}
#pop_box2 .layer_cont .pop_btn .bluebtn {display: block; width: 100%; height:52px; line-height: 52px; background: #0d6de3; text-align: center; font-size: 18px; font-family: 'noto-M'; font-weight: normal; color: var(--coFF);}
#pop_box2 .layer_cont .gray_box {width:100%; border-radius:10px; background:#f9f9f9; padding:14px 15px; box-sizing: border-box;}
#pop_box2 .layer_cont .access {display: flex; align-items: center; margin-bottom:5px;}
#pop_box2 .layer_cont .access .accessimg {width:28px; height:28px;}
#pop_box2 .layer_cont .access .accessimg img {width:100%; height:100%;}
#pop_box2 .layer_cont .access .accesstxt {margin-left:10px;}
#pop_box2 .layer_cont .access .accesstxt h5 {font-family:'noto-M'; font-weight: normal; font-size:14px;}
#pop_box2 .layer_cont .access .accesstxt p {margin-top:2px; font-size:13px; color:#6c6c6c;}
#pop_box2 .layer_cont p.detail {font-size:13px; color:#949494;}
#pop_box2 .not_today {position:absolute; bottom:-30px; right:0;}
#pop_box2 .not_today a {color:var(--coFF);}

/* 관심상품 팝업 */
.wish_pop {text-align:center; width:calc(100% - 40px); max-width:450px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:var(--coFF); border-radius: 10px; overflow:hidden;}
.wish_pop .w_tit {position:relative; padding:20px 35px; border-bottom: 1px solid #d8d8d8; background:var(--coFF)!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 .group_list { background:var(--coFF); 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:var(--coFF) !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:var(--coFF);}

/* 메인 플로팅배너 */
.m_bottomWrap .floatBnr {position: relative; background: rgba(0, 0, 0, 0.8); margin-bottom: 10px; width: 170px; right: 0; border-radius: 13px 0 0 13px;  float: right; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.m_bottomWrap .floatingX {position: absolute; cursor: pointer; top: 8px; right: 5px; width: 22px; height: 22px; text-align: center; background: #000; border-radius: 50%;}
.m_bottomWrap .floatBnr a svg {margin-top:3px;}

/* 메인 이벤트 타겟 팝업 */
.main_evt_pop {width: 100%; height:100%; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; z-index:1000;}
.main_evt_pop .popup_inner {width:calc(100% - 50px); max-width:450px; min-width:270px; background:var(--coFF); border-radius:10px; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}
.main_evt_pop .popup_tit {padding:20px 35px; border-bottom:1px solid #d8d8d8; text-align: center; position:relative;}
.main_evt_pop .popup_tit h2 {font-size:20px; font-family:'noto-B'; font-weight:normal; color:#3a3a3a; word-break: keep-all;}
.main_evt_pop .popup_tit .close_X {display: block; width: 28px; height: 28px; background: url(//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg) center center / contain no-repeat; position: Absolute; top: 15px; right: 15px;}
.main_evt_pop .popup_cont {display: flex; flex-direction: column; align-items: center; gap:20px; padding:30px 16px 40px; text-align: center;}
.main_evt_pop .popup_cont .img_box {max-width:350px; margin:0 auto;}
.main_evt_pop .popup_cont .img_box img {display: block; width:100%;}
.main_evt_pop .not_today {display: flex; justify-content: flex-end; width:100%; position:absolute; bottom:-33px;}
.main_evt_pop .not_today a {color:var(--coFF);}

/* 설, 추석 연휴 공지 팝업 */
.popup_Modal.holiday_notice_pop {z-index: 1001;}
.holiday_notice_pop .noti_box {display: flex; flex-direction: column; align-items: center; gap: 6px; margin-bottom: 16px;}
.holiday_notice_pop .noti_box>p {text-align: center;}
.holiday_notice_pop .pro_table tr:first-child {border-top: none;}
.holiday_notice_pop .pro_table tbody th {border-right: 1px solid var(--coD8);}
.holiday_notice_pop .btn_box {margin-top: 20px;}
.holiday_notice_pop .btn_box a {height: 50px; display: flex; justify-content: center; align-items: center; color: var(--coFF); background: var(--co0D); border-radius: 10px;}
.popup_btm {padding: 16px 0; box-sizing: border-box; display: flex; justify-content: flex-end; align-items: center;}

/* 컴퓨존 라이브 */
.IframeApp-module__default___tqsAN {border-radius: 10px !important; border: 1px solid #d8d8d8 !important; background: transparent;}
.IframeApp-module__default___tqsAN::before {content: 'LIVE'; position: absolute; left: 8px; bottom: 8px; width: 37px; height: 25px; padding: 4px 6px; font-size: 12px; font-family: 'noto-M'; color: #fff; background: #1C8FED; border-radius: 5px; letter-spacing: 0; box-sizing: border-box;}

/** 카테고리 그룹 영역 **/
.panel {width: 100%; overflow: hidden;}
.panel2 {background: var(--coF9); padding-bottom: 24px;}

/* 메인페이지(카테고리 그룹 영역)에서만 노출되는 헤더 */
header.panel2-active {position: absolute;}

/* 페이지네이션 */
.home-pagination {width: 100%; display: flex; gap: 4px; align-items: center; justify-content: center; }
.home-pagination .dot {width: 6px; height: 6px; border-radius: 50%; display: block; background: var(--coD8);}
header nav ul li.on .home-pagination .dot { background: var(--co6C);}
header nav ul li.on .home-pagination .dot.on { background: var(--coFF);}

/* 메인페이지 두번째 탭인 경우에만 생기는 스크롤 헤더 */
.fix-gnb-wrap { position: relative; display: none;}
.fix-gnb-wrap.show { position: relative; display: block; top: -70px;}
.fix-gnb-wrap .cate-gnb { width: 100%; margin-top: 16px; position: absolute;}
.fix-gnb-wrap .cate-gnb .chipbtn  {width:100%; overflow: auto hidden; margin-left: -16px;padding: 0 16px;}
.fix-gnb-wrap .cate-gnb .chipbtn  li:last-child { margin-right: 20px;}
.fix-gnb-wrap .cate-gnb .chipbtn::-webkit-scrollbar {display: none;}
.fix-gnb-wrap .cate-gnb .down12_3A { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: var(--coF9) url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_12.svg') center/12px no-repeat;  border-radius: 50%; position: absolute; top: 12px; right: 16px; transition: all 0.2s;}

.fix-gnb-wrap .cate-gnb .snbmenu {width: 100%;  background: var(--coFF); border-top: 1px solid var(--coD8); position: absolute; top: 48px;  left: 0; box-sizing: border-box; z-index: 100; display: none;}
.fix-gnb-wrap .cate-gnb .snbmenu ul {background:var(--coFF); padding: 16px; display: flex; flex-wrap: wrap; gap: 4px 0; max-height: 60dvh; overflow-y: auto;}
.fix-gnb-wrap .cate-gnb .snbmenu ul li { width: 50%; height: 40px; display: flex; align-items: center;}
.fix-gnb-wrap .cate-gnb .snbmenu ul li a { font-size: 14px; font-family: 'noto-R';}
.fix-gnb-wrap .cate-gnb .snbmenu ul li.on a {font-family: 'noto-B';}

/* 네비고정 */
.fix-gnb-wrap .cate-gnb.on { display: flex;align-items: center; height: 48px; margin: 0;  position: fixed; top: 0; left: 0; background: var(--coFF); z-index: 100;}
.fix-gnb-wrap .cate-gnb.on .chipbtn { padding: 8px 16px;  margin: 0; background: var(--coFF);}
.fix-gnb-wrap .cate-gnb.on .chipbtn li:last-child a { margin-right: 60px;}
.fix-gnb-wrap .cate-gnb.on .chipbtn::after { content: '';  width: 80px; height: 48px; background: linear-gradient(to right, transparent, var(--coFF), var(--coFF));  position: absolute; top: 0; right: 0;}
.fix-gnb-wrap .cate-gnb.on2::before { content: ''; width: 100%; height: 100vh; background: rgba(0,0,0,0.7);  position: absolute;  top: 0; left: 0;  z-index: -1;}
.fix-gnb-wrap .cate-gnb.on2 .snbmenu { display: block;}
.fix-gnb-wrap .cate-gnb.on2 .down12_3A {transform: rotate(180deg);}

/* 메인 비주얼 슬라이드 */
.main-swiper2 {max-width: 750px; margin: 0 auto 20px;}
.main-swiper2 li a {width: 100%; height: 768px; display: block; position: relative; overflow: hidden;}
.main-swiper2 li a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-swiper2 .txtbox {display: flex; flex-direction: column; gap: 8px; position: absolute; bottom: 30px; left: 16px;}
.main-swiper2 .all-evt { bottom: 30px; right: 16px;}

@media screen and (max-width:750px) {
    .main-swiper2 li a {height: 106.6667vw; }
}

/* 배너 */
.main-cate .recom-list .bnr {width: 100%; height: 112px; border-radius: 10px; overflow: hidden; position: relative; padding: 0 16px; margin-bottom: 16px;}
.main-cate .recom-list .bnr a {width: 100%; height: 100%; display: flex; align-items: center;}
.main-cate .evt-bnr .img {width: 125px; height: 125px; position: absolute; top: 50%; transform: translateY(-50%); right: 0;  mask-image: linear-gradient(90deg, transparent 0, #000 20%, #000 100%);}
.main-cate .assembleCate .recom-list .bnr  {height: 100px;}
.main-cate .assembleCate .bnr .img {width: 92px; position: absolute; top: 8px; right: 16px;}
.main-cate .evt-bnr .txt-box {width: calc(100% - 125px); display: flex; flex-direction: column; gap: 4px;}
.main-cate .evt-bnr.wh .txt-box p{color: #fff;}

/* 조립PC 영역 제품정보 및 테이블 */
.main-cate .prod-info .prod-price {margin-top: 8px; justify-content: flex-start;}
.main-cate .prod-info a {display: flex; gap: 12px; }  
.main-cate .prod-info .prod-img {width: 100px; height: 100px; flex-shrink: 0;}
.main-cate .assembleCate .prod-price .ntRB12{margin-left: unset;}
.main-cate .txt_table { border-top:1px solid var(--coD8); border-bottom:1px solid var(--coD8); margin-top: 12px;}
.main-cate .txt_table table {width: 100%;}
.main-cate .txt_table tr {height: 44px;  border-bottom:1px solid var(--coD8); } 
.main-cate .txt_table tr:last-child { border-bottom:0; } 
.main-cate .txt_table th { width:53px; padding: 12px 0; font-size:14px; font-family:'noto-M';  color:var(--co3A); background: var(--coF9);} 
.main-cate .txt_table td { padding:12px;} 
.main-cate .txt_table td p{font-size:14px; font-family:'noto-R'; color:var(--co3A); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; word-break: break-all;} 

/* 카테고리 영역 박스 */
.panel2 .chipbtn_L {max-width: 750px; padding-left: 16px; overflow-x: auto;}
.panel2 .chipbtn_L::-webkit-scrollbar {display: none;}
.panel2 .chipbtn_L li:last-child a{margin-right: 16px}
.main-cate .main-inner {padding: 0 16px; max-width: 750px; margin: 0 auto;}
.main-cate .cate-product {max-width: 750px; margin: 0 auto; padding-top: 24px;}
.main-cate .main-tit { width: 100%;  display: flex; justify-content: space-between; align-items: center; margin: 0px 0 16px; padding: 0 16px;} 
.panel2 .recom-list-wrap {display: flex; flex-direction: column; gap: 12px; }
.panel2 .recom-list {box-shadow: 0px 3px 10px #0000000D;} 
.panel .recom-list:has(.recom-box) {padding: 20px 0 0;}
.recom-box {background: var(--coF3); margin-top: 20px; padding: 16px 0 20px; position: relative;}
.recom-box .tit {display: flex; gap: 8px; align-items: center; padding: 0 16px; margin-bottom: 16px;}
.recom-box .tit .prod-img {width: 40px; height: 40px; border-radius: 5px;}
.recom-box .prod-img::before, .recom-prod-swiper .prod-img::before {display: none;}
.recom-box .tit a {position: absolute; top: 16px; right: 16px;}
.recom-box .chipbtn {margin-bottom: 16px; padding-left: 16px; mask-image: linear-gradient(90deg,  #000 0%, #000 90%, transparent);}
.recom-box .chipbtn li:last-child{margin-right: 80px;}
.recom-prod-swiper > div {padding-left: 16px; padding-right: 16px;}
.recom-prod-swiper li {width: calc(100% / 3 - 4px);}
.recom-prod-swiper li a  {width: 100%; display: block;}
.main-cate .best-prod {margin-bottom: 20px;}
.main-cate .best-prod .prod-price {margin-top: 4px; justify-content: space-between;}
.main-cate .best-prod .ntRB12 {font-size: 11px;}
.grid-3-prod {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.grid-3-prod li a {width: 100%; display: block;}

/* 스플래쉬 광고이미지 */
.splash_layer {width:100%; height:100vh; background:#000; position:fixed; top:0; left:0; z-index: 10000; overflow: hidden;}
.splash_layer .sp_img {height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.splash_layer .sp_img img {display: block; height:100%; animation:splash 3s linear forwards;}
@keyframes splash {
    0% {transform:translateX(0);}
    100% {transform:translateX(-20px);}
}

/* 잠깐! 래플 참여 하셨나요? */
.Featured_layer {width:100%; height:100vh; position:fixed; top:0; left:0; z-index: 10000; background:linear-gradient(to top, var(--co1C), rgba(0,0,0,0.8), rgba(0,0,0,0.8));}
.Featured_layer .close28_FF {position:absolute; top:20px; right:16px;}
.Featured_layer .Featured {width:100%; max-width:350px; padding:0 32px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align: center; box-sizing: border-box;}
.Featured_layer .Featured .swiper-container {margin-top:16px; padding-bottom:26px;}
.Featured_layer .Featured .time {display: flex; justify-content: center; gap:12px;}
.Featured_layer .Featured .time>div {display: flex; align-items: center; justify-content: center; width:36px; height:36px; border-radius: 5px; background:var(--coFF); position:relative;}
.Featured_layer .Featured .time>div::before {content:''; width:3px; height:3px; border-radius: 50%; background:var(--coFF); position:absolute; top:12px; right:-7px;}
.Featured_layer .Featured .time>div::after {content:''; width:3px; height:3px; border-radius: 50%; background:var(--coFF); position:absolute; bottom:12px; right:-7px;}
.Featured_layer .Featured .time>div:last-child::before, .Featured_layer .Featured .time>div:last-child:after {display: none;}
.Featured_layer .Featured .proimg {width:200px; height:200px; margin:16px auto 12px; border-radius:10px; overflow:hidden; position:relative;}
.Featured_layer .Featured .proimg img {height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.Featured_layer .Featured .protxt {margin-bottom:16px;}
.Featured_layer .Featured .protxt>p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.Featured_layer .Featured .protxt .flex {display: flex; justify-content: space-between; align-items: flex-end; margin-top:8px;}
.Featured_layer .Featured .protxt .flex.center {justify-content: center; gap:8px}
.Featured_layer .Featured .probtn button {width:100%; height:50px; border-radius:10px; background:var(--coFF);} 
.Featured_layer .Featured .swiper-pagination { bottom:0; font-size:0;}
.Featured_layer .Featured .swiper-pagination-bullet {width:6px; height:6px; margin:0 2px!important; background:var(--coFF); opacity:0.3; border-radius: 3px; transition:all 0.3s;}
.Featured_layer .Featured .swiper-pagination-bullet-active {width:20px; background:var(--coFF); opacity:1;}
.Featured_layer .notice {width:100%; position:absolute; bottom:40px; text-align: center;}

/* 휴면복귀 회원 알림 수신동의 팝업 */
.popup_Modal.account_release_pop {z-index: 1001; line-height: 1.5;}
.popup_Modal.account_release_pop .popup_con {height: 600px; padding-bottom: 114px;}
.account_release_pop ::-webkit-scrollbar {width: 3px;}
.account_release_pop ::-webkit-scrollbar-thumb {background: #ececec;}
.account_release_pop .cont_inner>p:not(:first-child) {padding-top: 4px;}
.account_release_pop .cont_inner>span {display: block;}
.account_release_pop .pro_table th {text-align: left; padding: 12px;} 

/* 상단 로그인 유도 영역 */
.login-box {width: 100%; padding: 8px 16px; display: flex; justify-content: space-between; align-items: center;}
.login-box > div a {display: inline-flex; align-items: center; vertical-align: middle;}
.login-box > div a.co1C {margin-left: 4px;}
.login-box .login-status {font-family: 'noto-R'; font-size: 13px; color: var(--co3A); text-decoration: underline; flex-shrink: 0;}
.login-box.in .login-status {color: var(--co94);} 

/* $고객님께 꼭 맞는 상품을 준비했어요 롤링배너 */
.main-recom.active {border-radius: 20px 20px 0 0; overflow: hidden; margin-top: -24px;}
.main-interlude .inter-top {background: var(--coFF); width: 100%; height: 30px; display: block; border-radius: 0 0 20px 20px;}
.main-interlude {width: 100%; height: max-content; background: linear-gradient(90deg, #1C8FED 0%, #4BA6F1 100%);}
.main-interlude .interlude-box {width: max-content; height: 0; transition: all 0.5s; overflow: hidden;  display: flex; gap: 8px; }
.main-interlude .interlude-box ul{height: 48px; display: flex; gap: 8px; align-items: center;}
.main-interlude .interlude-box .line {width: 23px; height: 1px; border-top: 1px dotted var(--coFF);}
.main-interlude.active .interlude-box {height: 72px; animation: rolling 15s linear infinite;}
@keyframes rolling {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-25%); } /* ul 한 벌 너비만큼 이동 */
}