/* °øÅë svg ¾ÆÀÌÄÜ */
.next12_0D {display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/0D6DE3/icon_line_next_12.svg') center/12px no-repeat;} 
.next12_1C { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/1C8FED/icon_line_next_12.svg') center/12px no-repeat; } 
.next12_3A { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_12.svg') center/12px no-repeat; } 
.next12_FF { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_next_12.svg') center/12px no-repeat; } 
.next16_1C { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/1C8FED/icon_line_next_24.svg') center/12px no-repeat; } 
.next16_6C {display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_next_24.svg') center/16px no-repeat;} 
.next24_3A {display: block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_next_24.svg') center/24px no-repeat;} 
.down12_FF { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_down_12.svg') center/12px no-repeat;} 
.down12_6C { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_12.svg') center/12px no-repeat;} 
.down20_6C { display: block; width:20px; height:20px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_12.svg') center/20px no-repeat;} 
.close16_3A { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg') center/16px no-repeat;} 
.close16_6C { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_close_24.svg') center/16px no-repeat;} 
.close16_FF { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_close_24.svg') center/16px no-repeat;} 
.close16_6C { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_close_24.svg') center/16px no-repeat;} 
.close24_3A { display: block; width:20px; height:20px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg') center/24px no-repeat;} 
.close28_FF { display: block; width:28px; height:28px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_close_24.svg') center/28px no-repeat;} 
.minus12_3A { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_minus_12.svg') center/12px no-repeat;} 
.plus12_3A { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_plus_12.svg') center/12px no-repeat;} 
.plus24_6C { display: block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_plus_24.svg') center/24px no-repeat;} 
.reset16_6C {display: block; width:16px; height:16px;  background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_reset_24.svg') center/16px no-repeat;}
.mypage20_FF {display: block; width:20px; height:20px;  background:url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_mypage_24.svg') center/20px no-repeat;}
.exclamation16_D8 { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_exclamation_mark_circle_24.svg') center/16px no-repeat; } 
.exclamation16_6C { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_exclamation_mark_circle_24.svg') center/16px no-repeat; } 
.exclamation24_6C { display: block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_exclamation_mark_circle_24.svg') center/24px no-repeat; } 
.exclamation48_D8 { display: block; width:48px; height:48px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_exclamation_mark_circle_48.svg') center/48px no-repeat;} 
.question24_6C { display: block; width:24px; height:24px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_question_mark_circle_24.svg') center/24px no-repeat; } 
.question20_6C { display: block; width:20px; height:20px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_question_mark_circle_24.svg') center/20px no-repeat; } 
.star12_fill { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_light_star.svg') center/12px no-repeat; } 
.logo20_fill {display: block; width: 20px; height: 20px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_vivid_logo_first.svg") center/20px no-repeat;}
.down12_3A { display: block; width:12px; height:12px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_12.svg') center/12px no-repeat;} 
.down16_6C { display: block; width:16px; height:16px; background:url('//image5.compuzone.co.kr/img/images/svg_icon/6C6C6C/icon_line_down_24.svg') center/16px no-repeat;} 

/* °øÅë bat ¾ÆÀÌÄÜ */
/* line-badge */
.batF1 {display: flex; align-items: center; justify-content: center; width: max-content; height: 24px; border-radius: 5px; background: var(--coFF); font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: var(--coF1); border: 1px solid var(--coF1); padding: 0 8px; box-sizing: border-box;}
.bat0D {display: flex; align-items: center; justify-content: center; width: max-content; height: 24px; border-radius: 5px; background: var(--coFF); font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: var(--co0D); padding: 0 8px; box-sizing: border-box; border: 1px solid var(--co0D);}
.batD8 {display: flex; align-items: center; justify-content: center; width: max-content; height: 24px; border-radius: 5px; background: var(--coFF); font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: var(--co6C); padding: 0 8px; box-sizing: border-box; border: 1px solid var(--coD8);}
/* color-badge */
.bat3A {display: flex; align-items: center; justify-content: center; width: max-content; height: 24px; border-radius: 5px; background: var(--co3A); font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: var(--coFF); padding: 0 8px; box-sizing: border-box;}
.batF9 {display: flex; align-items: center; justify-content: center; width: max-content; height: 24px; border-radius: 5px; background: var(--coF9); font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: var(--co6C); padding: 0 8px; box-sizing: border-box;}
.batEE {display: flex; align-items: center; justify-content: center; width: max-content; height: 24px; border-radius: 5px; background: var(--coEE); font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: var(--co0D); padding: 0 8px; box-sizing: border-box;}
.bat1C {display: flex; align-items: center; justify-content: center; width: max-content; height: 24px; border-radius: 5px; background: var(--co1C); font-size: 12px; font-family: 'noto-M'; font-weight: normal; color: var(--coFF); padding: 0 8px; box-sizing: border-box;}
/* cicle-badge */
.batF1_circle {display: flex; align-items: center; justify-content: center; width: max-content; height:24px; padding:0 8px; background:var(--coF1); color:var(--coFF); border-radius: 15px; font-size:12px; font-family: 'noto-m';}
/* cicle-line-badge */
.batF1_circle_line {display: flex; align-items: center; justify-content: center; width: max-content; height:24px; padding:0 8px; background:var(--coFF); color:var(--coF1); border: 1px solid var(--coF1); border-radius: 15px; font-size:12px; font-family: 'noto-m';}
.bat1C_circle_line {display: flex; align-items: center; justify-content: center; width: max-content; height:24px; padding:0 8px; background:var(--coFF); color:var(--co1C); border: 1px solid var(--co1C); border-radius: 15px; font-size:12px; font-family: 'noto-m';}
.bat84_circle_line {display: flex; align-items: center; justify-content: center; width: max-content; height:24px; padding:0 8px; background:var(--coFF); color:var(--co84); border: 1px solid var(--co84); border-radius: 15px; font-size:12px; font-family: 'noto-m';}

/* ¹öÆ° */
.btn-w { width: calc(100% - 32px); height: 40px; display: flex; justify-content: center; align-items: center; gap: 4px; border: 1px solid var(--coD8); border-radius: 5px; background: var(--coFF);  margin: 0 auto; box-sizing: border-box;}

.btn_S {width: 100%; height: 36px; padding: 0 16px; display: flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 13px;}
.btn_M {width: 100%; height: 40px; padding: 0 20px; display: flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 15px;}
.btn_L {width: 100%; height: 44px; padding: 0 20px; display: flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 15px;}
.btn_XL {width: 100%; height: 50px; padding: 0 20px; display: flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 16px;}

.btn_0D {color: var(--coFF); background: var(--co0D); border: 1px solid var(--co0D);} 
.btn_1A {color: var(--coFF); background: var(--co1A); border: 1px solid var(--co1A);} 
.btn_FF {color: var(--co3A); background: var(--coFF); border: 1px solid var(--coD8);} 
.btn_D8 {color: var(--co1A); background: var(--coF2); border: 1px solid var(--coD8);} 

/* °øÅë Ĩ¹öÆ° */
.chipbtn ul { display: flex; gap:4px; } 
.chipbtn ul li {Width: max-content; display: flex; align-items: center; justify-content: center; } 
.chipbtn ul li a {Width: max-content; display: flex; align-items: center; justify-content: center;  height:32px; padding:0 12px; border:1px solid var(--coD8); border-radius: 28px; background:var(--coFF); color:var(--co3A); font-size:12px; font-family:'noto-R'; overflow:hidden;} 
.chipbtn ul li.on a { background:var(--co1A); border:1px solid transparent; color:var(--coFF); }
.chipbtn.blue ul li.on a {background:var(--co0D);}
/* Ĩ¹öÆ°L */
.chipbtn_L ul { display: flex; gap:4px; } 
.chipbtn_L ul li {width: max-content; display: flex; align-items: center; justify-content: center;} 
.chipbtn_L ul li a {width: max-content; padding: 0 16px; display: flex; align-items: center; justify-content: center; height:40px; padding:0 16px;  background:var(--coFF); border:1px solid var(--coD8); border-radius: 28px; color:var(--co3A); font-size:14px; font-family:'noto-R'; overflow:hidden;} 
.chipbtn_L ul li.on a { background:var(--co1A); border: 1px solid  transparent; color:var(--coFF); } 
.chipbtn_L.blue ul li.on a {background:var(--co0D);}

/* FAB ¹öÆ° */
.attendance_check_bnr {display: flex; align-items: center; justify-content: center; height:44px; padding:0 16px; background:#000; border-radius: 22px; box-sizing: border-box; position:fixed; bottom:130px; right:10px; z-index:50; transition:all 0.5s ease;}
.attendance_check_bnr.scroll { bottom:67px;}
.attendance_check_bnr a {display: flex; align-items: center; gap:4px; color:#fff;}
.attendance_check_bnr i {display:block; width:24px; height:24px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/FFFFFF/icon_line_calendar_24.svg') center center/contain no-repeat;}
.attendance_check_bnr.sat_bnr i {background:#7A45C6 url('//image5.compuzone.co.kr/img/images/svg_icon/Fill/icon_fill_vivid_sat.svg') center center/16px no-repeat; border-radius: 50%;}

.right_btn.attendance_check_bnr {right: 16px; height: 40px; border-radius: 10px; padding: 6px; bottom: 178px !important;}
.right_btn.attendance_check_bnr i {width: 28px; height: 28px; background-position: center; background-repeat: no-repeat; flex-shrink: 0;}
.right_btn.attendance_check_bnr.scroll {bottom: 115px !important;}
.right_btn.attendance_check_bnr span {letter-spacing: -0.6px; white-space: nowrap;}
.right_btn.attendance_check_bnr.on span {display: inline-block; transition: .3s; overflow: hidden;}
.right_btn.attendance_check_bnr.on>a {width: 28px; height: 28px;}
.right_btn.attendance_check_bnr.on span {width: 0;}
.right_btn.attendance_check_bnr.type1 {width: 162px; background-color: #7A45C6;}
.right_btn.attendance_check_bnr.type1 i {background-image: url("//image5.compuzone.co.kr/img/images/chatbot/icon_etc_saturday.svg");}
.right_btn.attendance_check_bnr.type2 {width: 98px; background-color: #FE9184;}
.right_btn.attendance_check_bnr.type2 i {background-image: url("//image5.compuzone.co.kr/img/images/chatbot/icon_etc_attendance.svg");}
.right_btn.attendance_check_bnr.type3 {width: 98px; background-color: #F23B3B;}
.right_btn.attendance_check_bnr.type3 i {background-image: url("//image5.compuzone.co.kr/img/images/lg_subscribe/2025/icon_etc_apply.svg");}
.right_btn.attendance_check_bnr.type1.on, .right_btn.attendance_check_bnr.type2.on ,.right_btn.attendance_check_bnr.type3.on,.right_btn.attendance_check_bnr.type4.on{width: 40px;}
.right_btn.attendance_check_bnr.cs {bottom: 135px !important;}
.right_btn.attendance_check_bnr.cs.scroll {bottom: 68px !important;}
.right_btn.attendance_check_bnr.default {bottom: 135px !important;}
.right_btn.attendance_check_bnr a:active {background: transparent;}

.right_btn.attendance_check_bnr.type4 {bottom: 131px !important;}
.right_btn.attendance_check_bnr.type4.scroll {bottom: 67px !important;}
.right_btn.attendance_check_bnr.iw {width: 195px; background-color: #1E90FF;}
.right_btn.attendance_check_bnr.iw i {background-image: url("//image5.compuzone.co.kr/img/images/assembly_pc/iw_pc_icon.png");}
.right_btn.attendance_check_bnr.pr {width: 195px; background-color: #7A45C6;}
.right_btn.attendance_check_bnr.pr i {background-image: url("//image5.compuzone.co.kr/img/images/assembly_pc/pr_pc_icon.png");}
.right_btn.attendance_check_bnr.rc {width: 195px; background-color: #3BEDED;}
.right_btn.attendance_check_bnr.rc i {background-image: url("//image5.compuzone.co.kr/img/images/assembly_pc/rc_pc_icon.png");}

/* ¸ÞÀÎ AD ±¤°í ¹îÁö */
.ad-badge {width: 20px; height: 16px; display: flex; justify-content: center; align-items: center; font-style: normal; position: absolute; bottom: 0; left: 0; border-radius: 2px; font-family: 'noto-M'; font-size: 10px; color: var(--co6C); background: var(--coFF); opacity: 0.5; z-index: 2;}   
.main-ad {margin: 0 auto ;}
.main-ad .main-inner {padding: 30px 16px 0;}
.main-ad ul {display: flex; flex-direction: column; gap: 8px;}
.main-ad ul li a {width: 100%; height: 80px; border-radius: 10px; display: flex; gap: 12px; align-items: center; position: relative; padding: 8px 16px 8px 8px; background: var(--coF9);}
.main-ad .prod-img {width: 64px; height: 64px; flex-shrink: 0; mix-blend-mode: darken;}
.main-ad .prod-img::before {display: none;}
.main-ad ul li .txt-box {display: flex; flex-direction: column; gap: 4px;}
.main-ad ul li .txt-box > p {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; word-break: break-all;}
.main-ad ul li .prod-price {margin-top: 0;}
.main-ad .ad-badge {bottom: unset; left: unset; top: 0; right: 0;}
.main-ad ul li a.bg1 {background: linear-gradient(90deg, #F0F3FF, #D2DCFE);}
.main-ad ul li a.bg2 {background: linear-gradient(90deg, #F0FBFF, #D4F3FE);}
.main-ad ul li a.bg3 {background: linear-gradient(90deg, #EDF8F8, #CEEBEB);}
.main-ad ul li a.bg4 {background: linear-gradient(90deg, #F3FCF3, #D6F5D6);}
.main-ad ul li a.bg5 {background: linear-gradient(90deg, #F8F8ED, #EBEBCC);}
.main-ad ul li a.bg6 {background: linear-gradient(90deg, #FFFBE5, #FFF6CC);}
.main-ad ul li a.bg7 {background: linear-gradient(90deg, #FFF8F5, #FFE6DC);}
.main-ad ul li a.bg8 {background: linear-gradient(90deg, #FFF4F0, #FFF4F0);}
.main-ad ul li a.bg9 {background: linear-gradient(90deg, #FFF5FC, #FFE3F5);}
.main-ad ul li a.bg10 {background: linear-gradient(90deg, #F4EFFA, #DED1F1);}

/* Ä¿½ºÅÒ ¹èÁö - 1½Ã°£ÇȾ÷ */
.quick_pickUP_icon {display: inline-block; height: 24px; line-height: 1.5; font-size: 15px; color: var(--co1F); font-family: 'Noto-M'; font-style: italic; padding-left: 28px; position: relative;}
.quick_pickUP_icon:before {content: ''; position: absolute; width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_timer.svg") center no-repeat; background-size: contain; display: inline-block; left: 0; top: 0;}

/* Ä¿½ºÅÒ ¹èÁö - Åä¿äÀÏÃâ¹ß */
.sat_icon {display: inline-flex; align-items: center; gap: 4px; font-size: 15px; color: var(--co7A); font-family: 'Noto-M'; font-style: italic;}
.sat_icon:before {content: ''; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_truck_sat.svg') center center/contain no-repeat; display: inline-block;}
.sat_badge::before {content:''; width:24px; height:24px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_truck_sat.svg') center center/contain no-repeat;  position:absolute; top:10px; left:10px; border-radius: 50%; z-index: 1;}
#pop_box .info ul {margin: 5px 0 0px; display: flex; flex-direction: column; gap: 2px;}
#pop_box .info ul li{font-size: 15px; font-family: 'noto-R'; color: var(--co94); position: relative; padding-left: 6px; box-sizing: border-box;}
#pop_box  .info ul li::before {content: '¡¤'; width: 2px; height: 2px; position: absolute; top: 0px; left: 0; color: var(--co94);}
#pop_box .info ul li span {color: var(--co7A); transform: translateY(5px);}
.detail_area1 .sat_icon + .grayqna {width: 20px; height: 20px; margin-left: 4px;}
.sat_icon.small {font-size: 14px;}
.sat_icon.small::before {width: 20px; height: 20px;}

/* Ä¿½ºÅÒ ¹èÁö - ¿À´ÃÃâ¹ß */
.today_deli {display: inline-flex; align-items: center; gap: 4px; font-size: 15px; color: var(--co1C); font-family: 'noto-M'; font-style: italic;}
.today_deli::before {content: ''; width: 24px; height: 24px; background:  url('//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_truck_cpz.svg') center center/contain no-repeat; display: inline-block;}
.detail_area1 .sat_icon + .grayqna, .detail_area1 .today_deli + .grayqna, .detail_area1 .special_price + .grayqna {width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/D8D8D8/icon_line_question_mark_circle_24.svg") center / contain no-repeat; margin-left: 4px; flex-shrink: 0;}
.special_price {display: inline-flex; align-items: center; font-size: 15px;}

/* Ä¿½ºÅÒ ¹èÁö - ¹Ù·ÎÇȾ÷PC */
.instant_pickup {display: inline-flex; align-items: center; font-size: 15px; color: var(--co27); font-family: 'noto-M'; font-style: italic; gap: 4px;}
.instant_pickup::before {content: ''; display: block; width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_bag_spark.svg") center / contain no-repeat; flex-shrink: 0;}
.instant_pickup.small {font-size: 14px;}
.instant_pickup.small::before {width: 20px; height: 20px;}
.instant_pickup_badge {position: absolute; z-index: 2; top: 10px; left: 10px; width: 24px; height: 24px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_bag_spark.svg") center / contain no-repeat;}
.instant_pickup_badge.large {width: 36px; height: 36px; top: 16px; left: 16px;}
.sat_badge + .instant_pickup_badge {top: 40px;}

/* ±âŸ ¹èÁö - À¯Æ©ºê ¹èÁö */
.youtube_badge {display: block; width: 24px; height: 24px; position: absolute; top: 10px; right: 10px; background: url("//image5.compuzone.co.kr/img/images/svg_icon/ETC/icon_fill_light_youtube_r.svg") center / contain no-repeat;}
.youtube_badge.large {width: 36px; height: 36px; top: 16px; right: 16px;}