/* BASIC css start */ .section{margin-bottom:10px} .sec_inner{padding:0 5%} .section h2{text-align: center; font-size:21px; color:#000; font-weight:600; margin-bottom:26px;font-family: 'Noto Sans KR', sans-serif;} .section h2.h2_bold{font-weight:800} .swiper-button-disabled{opacity:.3} /* sec1 메인배너 */ #sec1{ margin-top: 00px;} #sec1 .sec1_cont{} #sec1 .sec1_cont .swiper{padding-bottom: 0px;} #sec1 .sec1_cont .swiper ul{} #sec1 .sec1_cont .swiper ul li{width:100%;} #sec1 .sec1_cont .swiper ul li .ban_img{} #sec1 .sec1_cont .swiper ul li .ban_img a{display: block; width: 100%; border-radius: 0px; 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: 10px 0px; margin-top: -56px; margin-bottom: 40px;} #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: 23px; color: #fff; font-weight: 600; margin-bottom: 10px;} #sec1 .sec1_cont .swiper ul li .ban_txt p.small{color: #fff;font-size: 18px; font-weight: 500; margin-bottom: 12px;} #sec1 .swiper .swiper-pagination{bottom: 30px; } #sec1 .swiper .swiper-pagination-bullet{width: 16px; height: 2px; border-radius: 0; background-color: #999; margin: 0px; } #sec1 .swiper .swiper-pagination-bullet-active{width: 16px; height: 2px; border-radius: 0; background-color: #ff7f50; margin: 0px;} /* sec2_2 퀵카테고리10 */ #sec2_go_cate{margin-top: 10px;} #sec2_go_cate .sec_inner{} #sec2_go_cate .sec_inner ul{display: flex; flex-wrap: wrap; justify-content: space-between;gap:15px} #sec2_go_cate .sec_inner ul li{width:calc((100% - 60px) / 5)} #sec2_go_cate .sec_inner ul li a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;} #sec2_go_cate .sec_inner ul li a img{display: inline-block; border-radius:15px; width:100%} #sec2_go_cate .sec_inner ul li a p{ font-family: 'Noto Sans KR', sans-serif; color: #333333; font-size: 13px; font-weight: 400;} /* sec16 하단커뮤니티6 */ #sec16{ margin-top: 60px;} #sec16 .sec16_cont{} #sec16 .sec16_cont .swiper{padding-bottom: 15px;} #sec16 .sec16_cont .swiper ul{} #sec16 .sec16_cont .swiper ul li{width:90%;} #sec16 .sec16_cont .swiper ul li .ban_img{} #sec16 .sec16_cont .swiper ul li .ban_img a{display: block; width: 100%;border-radius: 0px; overflow: hidden;} #sec16 .sec16_cont .swiper ul li .ban_img a img{width: 100%;} #sec16 .sec16_cont .swiper ul li .ban_txt{width: 100%; padding: 20px 0;} #sec16 .sec16_cont .swiper ul li .ban_txt p{text-align: center; font-family: 'Jost', 'Noto Sans KR', sans-serif; } #sec16 .sec16_cont .swiper ul li .ban_txt p.big{font-size: 18px; color: #000; font-weight: 600; margin-bottom: 5px;} #sec16 .sec16_cont .swiper ul li .ban_txt p.small{color: #999999;font-size: 13px; font-weight: 400;} #sec16 .swiper .swiper-pagination{bottom: 0;} #sec16 .swiper .swiper-pagination-bullet-active{background-color: #000;} /* sec6 인기상품모아보기카테고리 */ #sec6{ margin-top: 40px;} #sec6 h2{} #sec6 .sec6_cate{ margin-bottom:20px;} #sec6 .sec6_cate ul{ } #sec6 .sec6_cate ul li{display: inline-block; width:auto !important; margin:0 5px} #sec6 .sec6_cate ul li:first-child{margin-left:5%} #sec6 .sec6_cate ul li.on{ } #sec6 .sec6_cate ul li a{display:block; border-radius:25px;margin:0 4px; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#666; font-size: 13px; font-weight: 400; letter-spacing: -.3px;display:inline-block; padding: 10px 15px; background-color:#f9f9f9; color:#999999} #sec6 .sec6_cate ul li.on>a{ color:#fff !important; background-color:#000; } #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;} /* sec7 띠배너 */ #sec7{ margin-top: 20px;} #sec7 a{display: block; width: 100%;} #sec7 a img{width: 100%;} /* sec2 이번주신상 주간특가 */ #sec2{ margin-top: 80px;} /* sec2_j 이번주신상 자수데이작가작품6 */ #sec2_j{ margin-top: 20px;} /* sec4 주문제작베스트 슬라이드 */ #sec4{ margin-top: 40px;} #sec4 .swiper{padding-bottom:10px} #sec4 .swiper ul li{overflow:hidden; width:90%} #sec4 .swiper ul li .info{padding:10px} #sec4 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:2px; background-color: rgba(0,0,0,.09);width:90%; left:5%;} #sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #111111;} #sec4 .sec4_cont .swiper .swiper-wrapper clear_fix ul li .thumb a img{width: 100%; height: 100%;} /* sec5 기획전3세트 */ #sec5{ margin-top: 10px;} #sec5 .sec_inner{} #sec5 .sec_inner h2{} #sec5 .sec_inner .sec5_cont{} #sec5 .sec_inner .sec5_cont>div{} #sec5 .sec_inner .sec5_cont .banner_img{} #sec5 .sec_inner .sec5_cont .banner_img a{display: block;border-radius: 0px; 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: row; justify-content: space-between; gap:10px; margin-top:10px; } #sec5 .sec_inner .sec5_cont .item_cont ul li{width:33%;} #sec5 .sec_inner .sec5_cont .item_cont ul li .thumb{} #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 p{font-size:13px;text-overflow: ellipsis; white-space:nowrap; overflow:hidden} /* sec3 작가갤매월업 띠배너 */ #sec3{ margin-top: 10px;} #sec3 .sec_inner{} #sec3 .sec_inner ul{} #sec3 .sec_inner ul li{width:100%} #sec3 .sec_inner ul li a{display: block;width: 100%;border-radius: 0px; overflow: hidden;} #sec3 .sec_inner ul li a img{width: 100%; } /* sec8 배너1상품2세트 슬라이드 */ #sec8{ margin-top: 60px;} #sec8 .sec_inner{} #sec8 .sec_inner .swiper{padding-bottom:10px} #sec8 .sec_inner h2{} #sec8 .sec_inner .sec8_cont{;} #sec8 .sec_inner .sec8_cont>div{width:100%} #sec8 .sec_inner .sec8_cont>div>ul{width: 100%;display: flex; flex-direction: column; gap: 10px;} #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:not(:first-child) .info .prdprice{} #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%; } #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:2px; padding-top:0} #sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice strike{display:inline-block; } #sec8 .sec_inner .sec8_cont>div>ul>li.item_list .info .prdprice .percent{display:none} #sec8 .swiper .swiper-pagination-progressbar{bottom: 0; top: unset; height:2px; background-color: rgba(0,0,0,.09);} #sec8 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #111111;} /* sec9 베스트리뷰 */ #sec9{padding:80px 0 10px} #sec9 h2{} #sec9 .sec9_review{} #sec9 .sec9_review>div{} #sec9 .sec9_review>div>ul{} #sec9 .sec9_review>div>ul>li{width:70%} #sec9 .li_review .rv_main{ width: 100%;} #sec9 .li_review .rv_main .thumb{width:100%;} #sec9 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%; border-radius:5px; overflow:hidden;} #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 15px; } #sec9 .li_review .rv_main .rv_main_cont .rv_info{margin-bottom: 7px;color:#000; font-size: 15px;font-weight: 500;text-align:center;} #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; text-align:center;} #sec9 .li_review .rv_mini{width: 100%; display: flex; align-items: center; justify-content: center; gap:15px;} #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:3px; transform:scale(.66); transform-origin:center center; } /* sec99 기획배너상품6세트 */ #sec99 { margin-top: 15px;} #sec99{} #sec99 .sec_inner{} #sec99 .sec_inner .sec99_cont{ } #sec99 .sec_inner .sec99_cont>div{margin-bottom:0px; } #sec99 .sec_inner .sec99_cont>div .banner{} #sec99 .sec_inner .sec99_cont>div .banner>a{display: block; width: 100%;} #sec99 .sec_inner .sec99_cont>div .banner>a img{display: block;border-radius: 0px; overflow: hidden; width: 100%;} #sec99 .sec_inner .sec99_cont>div ul.item_cont{display: flex; flex-wrap: wrap; gap: 10px; margin-top:20px; justify-content:space-between;} #sec99 .sec_inner .sec99_cont>div ul.item_cont li{width: calc((100% - 20px) / 3)} #sec99 .sec_inner .sec99_cont>div ul.item_cont li .thumb{} #sec99 .sec_inner .sec99_cont>div .more_item a{width: 100%;} #sec99 .sec_inner .sec99_cont>div ul.item_cont li.item_list .info {padding:10px 0} #sec99 .sec_inner .sec99_cont>div ul.item_cont li.item_list .info .prdprice {margin-top:7px;} #sec99 .sec_inner .sec99_cont>div ul.item_cont li.item_list .info .prdprice .price{font-size:14px;} #sec_insta{margin-top:90px; } #sec_insta .instagram{ } #sec_insta .instagram h2{text-align: center; font-size:21px; color:#111; font-weight:800; margin-bottom:10px;font-family: 'Noto Sans KR', sans-serif;} #sec_insta .instagram p{text-align: center; font-size:14px; color:#555; font-weight:400; margin-bottom:20px;font-family: 'Noto Sans KR', sans-serif;} #sec_insta .instagram ul{ text-align: center } #sec_insta .instagram ul li{} /* BASIC css end */