/* 공통 */
.FreeWrap {width:100%; overflow:hidden;}
.FreeWrap img {width:100%;}
.co_blue {color:#1C8FED;}
.inner {padding:0 15px; box-sizing: border-box;}
.sectit .subtit {margin-top:3px; font-weight: normal; color:#949494;}
.txtbox h3 {font-size:15px; font-family:'noto-R'; font-weight:normal; color:#3a3a3a; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.txtbox p.price {font-size:11px; color:#3a3a3a; font-family: 'Noto-M'; letter-spacing:-0px;}
.txtbox p .price_per {font-size:16px; color:#f14738; font-weight:bold; padding-right:5px; font-family: 'spoqa m';}
.txtbox p .price_won {padding-right:1px; font-size:16px; font-weight:bold; font-family: 'spoqa m';}
.txtbox p .price_sale {display:block; margin-top:2px; font-size:13px; color:#b4b4b4; text-decoration:line-through; font-family: 'spoqa m';}
.txtbox p .price_bat {display:inline-block; height:25px; line-height:25px; background:#f14738; font-size:16px; font-family:'spoqa M'; font-weight: bold; color:#fff; padding:0 10px; border-radius: 13px; box-sizing: border-box;}
header.scroll3 {top:-95px;}
.pro_list_fixed .pro_list_mid {top: 0;}

/* 대분류 전체보기 팝업 */
.gs_all_popup {position: fixed; display: none; bottom: 0; left: 0; width: 100%; max-height:85vh; height:100%; border-radius: 20px 20px 0 0; background-color: #fff; z-index: 100;}
.gs_all_popup::before {content:''; width:100%; height:calc(100% + 15vh); background:rgba(0,0,0,0.6); position:absolute; top:-15vh; left:0; z-index:-1;}
.gs_all_popup .gs_title {padding:30px 20px 20px; border-radius: 20px 20px 0 0; text-align: center; background:#fff; box-sizing: border-box; position:relative;}
.gs_all_popup .gs_title h2 {font-size:20px; font-family:'noto-B'; font-weight: normal; margin:0; line-height:1;}
.gs_all_popup .gs_popup_close {position: absolute; z-index: 1; top:26px; right:15px; width: 24px; height: 24px; background: url('//image5.compuzone.co.kr/img/images/svg_icon/3A3A3A/icon_line_close_24.svg') center center/contain no-repeat;}
.gs_all_popup .procate {height: calc(100% - 70px); margin:0; padding: 20px; background:#fff; box-sizing: border-box; overflow-x:unset; overflow-y: auto; }
.gs_all_popup .procate ul {display:flex; flex-wrap: wrap; gap:8px; margin:0; }
.gs_all_popup .procate ul li {width:calc(25% - 6px); min-width:64px;}

@media screen and (min-width: 430px) {
    .gs_all_popup .procate ul li {width:calc(20% - 6.4px);}

}

/* sec1 메인 */
.sec1 {width:100%; height:472px; position:relative; overflow:hidden;}
.sec1 .sec1bg {width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;}
.sec1 .sec1bg span:nth-child(1) {width:408px; height:408px; position:absolute; top:-220px; right:-200px;}
.sec1 .sec1bg span:nth-child(2) {width:370px; height:370px; position:absolute; top: 0px; left:-185px;}
.sec1 .sec1tit {padding-top:50px; text-align: center;}
.sec1 .sec1tit h2 {margin-bottom:4px; font-size:27px; font-family:'noto-B'; font-weight:normal;}
.sec1 .sec1tit p {color:#949494;}
.sec1 .sec1ani {width:375px; height:294px; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.sec1 .sec1ani span:nth-child(1) {width:320px; position:absolute; top:0; left:50%; transform:TranslateX(-50%); opacity:0;}
.sec1 .sec1ani span:nth-child(2) {width:52px; position:absolute; top:77px; left:50px; transform-origin:center center; opacity:0;}
.sec1 .sec1ani span:nth-child(3) {width:52px; position:absolute; top:-5px; left:250px; transform-origin:center center; opacity:0;}
.sec1 .sec1noti {position:absolute; bottom:15px; left:15px; z-index: 1;}
.sec1 .sec1noti p {color:#949494;}
.sec1ani span:nth-child(1) {animation:frani1 0.5s ease-in-out forwards 1s;}
.sec1ani span:nth-child(2) {animation:frani2 0.3s ease-in-out forwards 1.4s;}
.sec1ani span:nth-child(3) {animation:frani2 0.3s ease-in-out forwards 1.65s;}
@keyframes frani1 {
    0% {margin-top:40px; opacity:0;}
    100% {margin-top:0; opacity:1;}
}
@keyframes frani2 {
    0% {transform:scale(0.8); opacity:0;}
    80% {transform:scale(1.19); opacity:1;}
    100% {transform:scale(1); opacity:1;}
}

/* sec2 금주의 추천 */
.sec2 {width:100%; padding:30px 0; background:#F9F9F9; box-sizing: border-box;}
.sec2 .sec2pro {width:100%; margin-top:20px; margin-left:0; box-sizing: border-box; overflow:hidden;}
.sec2 .sec2pro .swiper-container {width:100%; max-width:425px; padding:0 35px 0 15px; box-sizing: border-box; overflow:unset;}
.sec2 .sec2pro .swiper-slide>a {display: block; width:100%; height:100%; background:#fff; border-radius: 10px; overflow: hidden; position:relative;}
.sec2 .sec2pro .imgbox {width:100%;}
.sec2 .sec2pro .imgbox img {display:block; width:100%; overflow:hidden;}
.sec2 .sec2pro .flex {display: flex; align-items: center; gap:3px; position:absolute; bottom:146px; left:20px;}
.sec2 .sec2pro .flex span {display: inline-block; height:25px; line-height:24px; padding:0 12px; background:#fff; border:1px solid #1C8FED; border-radius:5px; font-size:12px; font-weight: normal; color:#1C8FED; box-sizing: border-box;}
.sec2 .sec2pro .txtbox {padding:15px 20px; border-top:1px solid #F2F2F2; box-sizing: border-box;}
.sec2 .sec2pro .txtbox h3 {height:42px; font-size: 16px; font-family: 'noto-M'; font-weight: normal; color: #3a3a3a; line-height:21px; letter-spacing: -1.6px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sec2 .sec2pro .txtbox p.price {margin-top:8px; letter-spacing:-0px; line-height:20px;}
.sec2 .sec2pro .txtbox p .price_per {padding-right:10px; font-size:19px; font-family: 'spoqa M'; font-weight: bold; color:#f14738;}
.sec2 .sec2pro .txtbox p .price_won {padding-left:0; font-size:19px; font-family: 'spoqa M'; font-weight: bold;}
.sec2 .sec2pro .txtbox p .price_sale {display:block; height:20px; font-size:13px; font-family: 'spoqa T'; font-weight: bold; color:#949494; text-decoration:line-through; }
.sec2 .sec2thum {margin-top:20px;}
.sec2 .snbSwiper {padding-left:15px;}
.sec2 .snbSwiper .swiper-wrapper { display: flex; width: max-content; }
.sec2 .sec2thum .swiper-slide {display: block; width:auto;}
.sec2 .sec2thum .swiper-slide span {display:block; width:60px; height:60px; margin-right:10px; background:#fafafa; border-radius: 10px; overflow:hidden; box-sizing: border-box; position:relative;}
.sec2 .sec2thum .swiper-slide span img {display:block; }
.sec2 .sec2thum .swiper-slide span::before {content: ''; width: 60px; height: 60px; border: 2px solid #1c8fed; position: Absolute; top: 0; left: 0; border-radius: 10px; box-sizing: border-box; display:none;}
.sec2 .sec2thum .swiper-slide.on span::before {display: block;}

/* sec3 시즌이슈배너*/
.sec3 {width:100%; padding:30px 0 50px; box-sizing: border-box;}
.sec3 .sec3bnr {position:relative; left:15px; width:calc(100% - 30px); height:135px; border-radius: 10px; box-sizing: border-box; overflow:hidden;}
.sec3 .sec3bnr .sec3bac {width:100%; height:100%; padding:0 15px; box-sizing: border-box; position:absolute; top:0; left:0; overflow:hidden;}
.sec3 .sec3bnr .sec3bac img {width:auto; height:100%; position:absolute; top:0; left:50%; transform:TranslateX(-50%);}
.sec3 .sec3bnr .seasonbnr {display:flex; flex-direction: column; justify-content: center; gap:5px; width:100%; height:100%; text-align: center; position:absolute; top:0; left:0;}
.sec3 .sec3bnr .seasonbnr h3 {line-height:30px; color:#fff;}
.sec3 .sec3bnr .seasonbnr p {color:#D8D8D8;}
.sec3 .sec3pro {margin:20px auto 30px; overflow-x:scroll; padding:0 15px;}
.sec3 .sec3pro::-webkit-scrollbar { display: none;}
.sec3 .sec3pro ul {display: inline-flex; width: max-content;}
.sec3 .sec3pro ul li {float:left; margin-right:15px; max-width:160px; position:Relative;}
.sec3 .sec3pro ul li:last-child {margin-right:0;}
.sec3 .sec3pro ul li a {display: block; overflow:hidden;}
.sec3 .sec3pro ul li a span.area_thumnail {display:block; width:160px; height:160px; border-radius:10px; position:relative; overflow:hidden; position:relative;}
.sec3 .sec3pro 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);}
.sec3 .sec3pro ul li a span.area_thumnail img {width:100%; height:100%;}
.sec3 .sec3pro ul li a h3 {margin:10px 0 5px; height:40px; line-height:20px; letter-spacing: -1px; font-size:15px; font-family:'noto-R'; font-weight:normal; color:#3a3a3a; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sec3 .sec3pro p.price {font-size:11px; color:#3a3a3a; font-family: 'Noto-M'; letter-spacing:-0px;}
.sec3 .sec3pro p .price_per {font-size:16px; color:#f14738; font-weight:bold; padding-right:5px; font-family: 'spoqa m';}
.sec3 .sec3pro p .price_won {padding-right:1px; font-size:16px; font-weight:bold; font-family: 'spoqa m';}
.sec3 .sec3pro p .price_sale {display:block; margin-top:2px; font-size:13px; color:#b4b4b4; text-decoration:line-through; font-family: 'spoqa m';}
.sec3 .progressWrap {width:calc(100% - 30px); height:4px; margin-left:15px; border-radius: 5px; background:#F2F2F2; overflow:hidden;}
.sec3 .progressWrap .progressBar {background:#3A3A3A; height:4px; border-radius:5px;}

/* sec4 특가할인*/
.sec4 {width:100%; padding:30px 0; box-sizing: border-box; border-top:8px solid #F9F9F9; overflow:hidden;}
.sec4 .sec4pro {width:100%; margin:20px auto; padding:15px; background:#f9f9f9; border-radius: 10px; box-sizing: border-box;}
.sec4 .sec4pro ul {display: flex; flex-wrap: wrap; gap:10px;}
.sec4 .sec4pro ul li {width:100%;}
.sec4 .sec4pro ul li a {display: block; width:100%; }
.sec4 .sec4pro ul .flex {display: flex; gap:12px;}
.sec4 .sec4pro ul .imgbox {width:100px; height:100px; border-radius:10px; overflow: hidden;}
.sec4 .sec4pro ul .txtbox {width:calc(100% - 112px); height:100px; border-radius:10px; overflow: hidden;}
.sec4 .sec4pro .txtbox .price_bat {margin-top:3px;}
.sec4 .sec4btn {margin-top:20px; }
.sec4 .sec4btn a {display: block; width:100%; height:50px; line-height:48px; text-align: center; border-radius: 25px; border:1px solid #D8D8D8; box-sizing: border-box;}

/* sec5 이벤트배너 */
.sec5 {width:100%; height:120px; margin: 0 auto; position: relative;}
.sec5::before {content: ''; width: 100%; height: 60px; background: transparent linear-gradient(180deg, transparent 0%, var(--coFF) 100%) 0% 0%; position: absolute; top: -60px; left: 0;}
.sec5::after {content: ''; width: 100%; height: 60px;background: transparent linear-gradient(0deg, var(--coF9) 0%, var(--coFF) 100%) 0% 0%; position: absolute; bottom: 0px; left: 0;}
.sec5 .sec5bnr {padding:0 15px; border-radius: 10px; box-sizing: border-box; overflow:hidden;}
.sec5 .swiper-slide {border-radius: 10px; box-sizing: border-box; overflow:hidden; }
.sec5 .swiper-slide a {display: flex; align-items: center; width:100%; max-width:320px; height:120px; margin:0 auto;}
.sec5 .swiper-slide a span {display: block; margin:0 auto;}
.sec5 .swiper-slide a span img {display: block;}

/* sec6 무료배송 상품 모아보기 */
.sec6 .sectit {display: flex; justify-content: space-between;}
.sec6 .sectit h4 {display: flex; align-items:center; gap:5px;}
.sec6 .sectit .ex {display: inline-block; width: 24px; height: 24px; background: url(//image5.compuzone.co.kr/img/images/mypage21/wt23_qst.png) center; background-size: contain;}
.sec6 .sectit .morebtn {width:30px; height:30px; border-radius: 15px; background:#f9f9f9; position:relative;}
.sec6 .sectit .morebtn::before {content:''; width:2px; height:15px; background:#3A3A3A; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}
.sec6 .sectit .morebtn::after {content:''; width:15px; height:2px; background:#3A3A3A; position:absolute; top:50%; left:50%; transform:Translate(-50%, -50%);}
.procate {width:100%; overflow:hidden; margin:15px 15px 10px 0; padding-right:15px; box-sizing: border-box;}
.procate ul {display:inline-flex; margin:0 0 0 15px; box-sizing: border-box;}
.procate ul li {width:70px; height:94px; padding:10px; background:#f9f9f9; border-radius: 5px; overflow:hidden; box-sizing: border-box;}
.procate ul li a {display:flex; flex-wrap: wrap; justify-content: center; gap:5px;}
.procate ul li a .cate_img {width:100%; height:39px;}
.procate ul li a p {font-size:11px; font-family:'noto-R'; font-weight: normal; color:#3A3A3A; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.procate .frcateall {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_all_circle_24.svg') center center/28px  no-repeat;}
.procate .frcate1 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_desktop_24.svg') center center/28px  no-repeat;}
.procate .frcate2 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_notebook_24.svg') center center/28px  no-repeat;}
.procate .frcate4 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_computer_parts_24.svg') center center/28px  no-repeat;}
.procate .frcate8 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_mouse_24.svg') center center/28px  no-repeat;}
.procate .frcate5 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_monitor_24.svg') center center/28px  no-repeat;}
.procate .frcate11 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_printer_24.svg') center center/28px  no-repeat;}
.procate .frcate12 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_wifi_24.svg') center center/28px  no-repeat;}
.procate .frcate9 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_software_24.svg') center center/28px  no-repeat;}
.procate .frcate101 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_tv_24.svg') center center/28px  no-repeat;}
.procate .frcate13 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_washingmachine_24.svg') center center/28px no-repeat;}
.procate .frcate110 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_cook_24.svg') center center/28px  no-repeat;}
.procate .frcate107 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_fan_24.svg') center center/28px  no-repeat;}
.procate .frcate87 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_sofa_24.svg') center center/28px  no-repeat;}
.procate .frcate88 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_phone_24.svg') center center/28px  no-repeat;}
.procate .frcate7 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_camera_24.svg') center center/28px  no-repeat;}
.procate .frcate103 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_game_24.svg') center center/28px  no-repeat;}
.procate .frcate105 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_sport_24.svg') center center/28px  no-repeat;}
.procate .frcate14 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_car_24.svg') center center/28px  no-repeat;}
.procate .frcate89 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_box_24.svg') center center/28px  no-repeat;}
.procate .frcate111 {background:url('//image5.compuzone.co.kr/img/images/svg_icon/MIX/icon_line_server_24.svg') center center/28px no-repeat;}
/* on상태 */
.procate ul li.on {background:#1C8FED;}
.procate ul li.on a p {color:#fff;}
.procate li.on .cate_img  {filter: grayscale(1) brightness(10);}
.sec6 .pro_list_fixed {border-top:none;}

.pro_list_imgst .no_search {padding:60px 0; box-sizing: border-box; font-size:14px; color:#949494;}
@media screen and (max-width: 750px) {
    .sec3 .sec3bnr .seasonbnr {background-size:cover;}
}