/* BASIC css start */ .section { margin-bottom:120px } .sec_inner { width: 1300px; margin: 0 auto; } .section h2 { text-align: center; font-size:32px; color:#000; font-weight:500; margin-bottom:55px; font-family: 'Noto Sans KR', sans-serif; } .swiper-button-disabled { opacity:.3 } #sec1 { overflow: hidden; margin-top: 50px; } #sec1 .sec1_cont { } #sec1 .sec1_cont .swiper { padding-bottom: 40px; } #sec1 .sec1_cont .swiper ul { margin-left:calc((100% / 3) / 2); } #sec1 .sec1_cont .swiper ul li { width:calc(100% / 3); padding: 0 25px; } #sec1 .sec1_cont .swiper ul li .ban_img { } #sec1 .sec1_cont .swiper ul li .ban_img a { display: block; width: 100%; border-radius: 25px; overflow: hidden; } #sec1 .sec1_cont .swiper ul li .ban_img a img { width: 100%; } #sec1 .sec1_cont .swiper ul li .ban_txt { width: 100%; padding: 25px 0; } #sec1 .sec1_cont .swiper ul li .ban_txt p { text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; } #sec1 .sec1_cont .swiper ul li .ban_txt p.big { font-size: 28px; color: #000; font-weight: 500; margin-bottom: 10px; } #sec1 .sec1_cont .swiper ul li .ban_txt p.small { color: #999999; font-size: 17px; font-weight: 400; } #sec1 .swiper .swiper-pagination { bottom: 0; } #sec1 .swiper .swiper-pagination-bullet-active { background-color: #000; } #timesale { overflow: hidden; margin-top: 50px; } #timesale .sec_time { } #timesale .sec_time .swiper { padding-bottom: 40px; } #timesale .sec_time .swiper ul { /*margin-left:calc((100% / 2) / 1); */ } #timesale .sec_time .swiper ul li { width:calc(100% / 2); _padding: 0 17px; } #timesale .sec_time .swiper ul li .thumb { height: 305px; } #timesale .sec_time .swiper ul li.only { margin:0 auto } #timesale .sec_time .swiper ul li .ban_img { } #timesale .sec_time .swiper ul li .ban_img a { display: block; width: 100%; border-radius: 25px; overflow: hidden; } #timesale .sec_time .swiper ul li .ban_img a img { width: 100%; } #timesale .sec_time .swiper ul li .ban_txt { width: 100%; padding: 25px 0; } #timesale .sec_time .swiper ul li .ban_txt p { text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; } #timesale .sec_time .swiper ul li .ban_txt p.big { font-size: 28px; color: #000; font-weight: 500; margin-bottom: 10px; } #timesale .sec_time .swiper ul li .ban_txt p.small { color: #999999; font-size: 17px; font-weight: 400; } #timesale .swiper .swiper-pagination { bottom: 0; } #timesale .swiper .swiper-pagination-bullet-active { background-color: #000; } #timesale .item_list .info .prdname, #timesale .item_list .info .prdprice, #timesale .item_list .info .prdprice .price, #timesale .item_list .info .prdprice strike, #timesale .item_list .info .prdprice .percent { font-size: 22px; } #timesale .item_list .prd-wish { top:20px; bottom:unset !important } #timesale .item_list .prd-wish a { } #timesale .item_list .thum { } #timesale .item_list .thumb>a { height:260px; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } #timesale .item_list .thumb>a img { height: 100%; opacity: 0; } #timesale .item_list .thumb>a { background-size: cover !important; background-color: #efefef !important; } #timer { position: absolute; bottom: 0; width: 100%; background: var(--main-color); border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; height: 45px; line-height: 45px; text-align: center; color: #fff; } #timer em { font-size: 18px; } #displayTimeSale,#displayTimeSale .time { height: 100%; } #timer { } #timer strong { font-size: 18px; font-weight: 400; } #timer strong.number { } #timer strong.time-day-view { } .price .dc_per { color: #dc3737; } .price .consumer { color: #b9b9b9; text-decoration: line-through; } #sec3 { } #sec3 .sec_inner { } #sec3 .sec_inner ul { display: flex; gap: 30px; } #sec3 .sec_inner ul li { /* flex-grow: 1; *//* width: 30%; */ } #sec3 .sec_inner ul li a { display: block; width: 100%; border-radius: 12px; overflow: hidden; } #sec3 .sec_inner ul li a:hover>img { transform: scale(1.05); } #sec3 .sec_inner ul li a img { width: 100%; transition: transform .4s; } #sec4 .swiper { padding-bottom:100px } #sec4 .swiper ul li { border:1px solid #eee; border-radius:10px; overflow:hidden } #sec4 .swiper ul li .thumb>a { border-radius:0; } #sec4 .swiper ul li .info { padding:30px } #sec4 .swiper .swiper-pagination-progressbar { bottom: 0; top: unset; height:2px; background-color: rgba(0,0,0,.09); } #sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #dc3737; } #sec5 { } #sec5 .sec_inner { } #sec5 .sec_inner h2 { } #sec5 .sec_inner .sec5_cont { display: flex; gap: 25px; justify-content: space-between; } #sec5 .sec_inner .sec5_cont>div { width: 50%; } #sec5 .sec_inner .sec5_cont .banner_img { } #sec5 .sec_inner .sec5_cont .banner_img a { display: block; border-radius: 9px; overflow: hidden; width: 100%; } #sec5 .sec_inner .sec5_cont .banner_img a img { width: 100%; } #sec5 .sec_inner .sec5_cont .item_cont { } #sec5 .sec_inner .sec5_cont .item_cont ul { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } #sec5 .sec_inner .sec5_cont .item_cont ul li { display: flex; height: 210px; } #sec5 .sec_inner .sec5_cont .item_cont ul li .thumb { width: 210px; height: 210px; } #sec5 .sec_inner .sec5_cont .item_cont ul li .thumb a { display: block; width: 100%; height: 100%; } #sec5 .sec_inner .sec5_cont .item_cont ul li .thumb a img { width: 100%; height: 100%; object-fit: cover; } #sec5 .sec_inner .sec5_cont .item_cont ul li .info { padding-left: 35px; display: flex; flex-direction: column; justify-content: center; flex-grow: 1; overflow-y: auto; height: 100%; max-width:427px; } #sec5 .sec_inner .sec5_cont .item_cont ul li .info .prdprice { border-top:none; margin-top:0 } #sec5 .sec_inner .sec5_cont .item_cont ul li .info .prdprice .percent { display:none } /* sec6 */ #sec6 { margin-bottom: 0; } #sec6 .sec_inner { } #sec6 .sec_inner h2 { } #sec6 .sec_inner .sec6_cate { margin-bottom: 60px; } #sec6 .sec_inner .sec6_cate ul { display:flex; gap:25px; justify-content:center; } #sec6 .sec_inner .sec6_cate ul li { } #sec6 .sec_inner .sec6_cate ul li a { display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#9a9a9a; font-size: 16px; font-weight: 500; letter-spacing: -.3px; transition: color .1s, border-color .3s; border-bottom:2px solid transparent; display:block; padding-bottom:10px } #sec6 .sec_inner .sec6_cate ul li.on>a { color: var(--main-color); border-color: var(--main-color); } #sec6 .sec_inner .sec6_cate ul li a:hover { color: var(--main-color); } #sec6 .sec6_prd { } #sec6 .sec6_prd>div .swiper { padding-bottom:100px } #sec6 .sec6_prd>div { display: none; } #sec6 .sec6_prd>div ul { } #sec6 .sec6_prd>div.show { display: block; } #sec6 .swiper .swiper-pagination-progressbar { bottom: 0; top: unset; height:3px; background-color: rgba(0,0,0,.09); } #sec6 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #333; } #sec7 { } #sec7 a { display: block; width: 100%; } #sec7 a img { width: 100%; } #sec8 { } #sec8 .sec_inner { } #sec8 .sec_inner h2 { } #sec8 .sec_inner .sec8_cont { display: flex; justify-content: space-between; } #sec8 .sec_inner .sec8_cont>div { width: 415px; } #sec8 .sec_inner .sec8_cont>div>ul { width: 100%; display: flex; flex-direction: column; gap: 20px; } #sec8 .sec_inner .sec8_cont>div>ul>li { display: flex; width: 100%; } #sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) { height: 130px; } #sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .thumb { width: 130px; height: 130px; } #sec8 .sec_inner .sec8_cont>div>ul>li:not(:first-child) .info { flex-grow: 1; padding-left: 20px; display: flex; flex-direction: column; justify-content: center; max-width:285px } #sec8 .sec_inner .sec8_cont>div>ul>li .thumb a { height: 100%; } #sec8 .sec_inner .sec8_cont>div>ul>li .thumb a img { height: 100%; object-fit: cover; } #sec8 .sec_inner .sec8_cont>div>ul>li:first-child { } #sec8 .sec_inner .sec8_cont>div>ul>li:first-child .thumb { width: 100%; height: 415px; } #sec8 .sec_inner .sec8_cont>div>ul>li:first-child .info { display: none; } #sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice { border-top:none; margin-top:0 } #sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice .percent { display:none } /* sec9 */ #sec9 { padding:60px 0 50px } #sec9 .sec_inner { position:relative; } #sec9 h2 { } #sec9 .sec9_review { } #sec9 .sec9_review>div { width: 100%; } #sec9 .sec9_review>div>ul { width: 100%; } #sec9 .sec9_review>div>ul>li { flex-grow:1 } #sec9 .li_review .rv_main { width: 100%; border-bottom: 1px solid #e4e4e4; } #sec9 .li_review .rv_main .thumb { width:100%; } #sec9 .li_review .rv_main .thumb a { display: block; width: 100%; height: 100%; } #sec9 .li_review .rv_main .thumb a img { width: 100%; height: 100%; object-fit: cover; } #sec9 .li_review .rv_main .rv_main_cont { width: 100%; padding: 20px 0; max-width:280px } #sec9 .li_review .rv_main .rv_main_cont .rv_info { margin-bottom: 7px; color:#000; font-size: 15px; font-weight: 500; } #sec9 .li_review .rv_main .rv_main_cont .rv_cont { font-size: 14px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:400; color:#999999; line-height:1.7; } #sec9 .li_review .rv_mini { width: 100%; display: flex; align-items: center; justify-content: left; gap:15px; margin-top:20px } #sec9 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px; } #sec9 .li_review .rv_mini ul li { font-family: 'Noto Sans KR', sans-serif; font-size: 13px; color: #000; } #sec9 .li_review .rv_mini ul li { display:flex; align-items:center } #sec9 .li_review .rv_mini ul li span { font-family: 'Jost', sans-serif; display:flex; align-items:center; color:#000; font-size:16px; font-weight: 500; } #sec9 .li_review .rv_mini ul li span img { display:inline-block; margin-right:8px; } #sec9 .swiper_btn_prev,#sec9 .swiper_btn_next { position: absolute; z-index: 2; cursor: pointer; top: 50%; transform: translateY(-50%); } #sec9 .swiper_btn_prev { left:-130px } #sec9 .swiper_btn_next { right:-130px } /* BASIC css end */