/* BASIC css start */ #content { width:1600px; margin:0 auto ; padding-top:100px; padding-bottom:100px} /* 메인 비쥬얼 배너 */ #main_visu{width: 100%;position: relative;} #main_visu .swiper{width: 100%;} #main_visu .swiper-wrapper{width: 100%; } #main_visu .swiper-slide{ width: 100%; } #main_visu .swiper-slide img{width:100%;} #main_visu .swiper-pagination{} #main_visu .swiper-pagination-bullet{background-color:#555 !important} /* section 공통 */ section{} section h2{font-family: 'Noto Sans KR', sans-serif; font-size: 33px; color: #000;font-weight: 600; margin-bottom:10px} section h2 span{font-size:30px; color:#555} section p.p_subTitle{font-family: 'Noto Sans KR', sans-serif;font-size: 16px; color: #888;margin-bottom:25px} /* sec1 */ #sec1 .prdprice .price { font-size: 24px; font-weight: 700; } #sec1 .item_list{width: 300px; float:left} #sec1 .item_list .tumb{width: 100%; height: 400px;} .sec1_prd{position:relative} #sec1{margin-top:50px; padding-bottom:100px} #sec1 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:-65px !important; top:50%; transform:translateY(-50%); background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain} #sec1 .swiper_btn_next{width:19px; height:36px;position:absolute; right:-65px !important; top:50%; transform:translateY(-50%); background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain } .swiper-horizontal>.swiper-scrollbar{height:2px !important; bottom:0px !important; width:100% } /* sec2 */ #sec2{} #sec2 h2{margin-bottom:25px} #sec2 h2 span{} #sec2 h2 a{float: right;} #sec2 .sec2_banner{height: 150px; width: 1600px;} #sec2 .sec2_banner ul{width: 100%; display: flex; justify-content: space-between; height: 100%;} #sec2 .sec2_banner ul li{width: 50%; height: 100%;} #sec2 .sec2_banner ul li a{display: block;width: 100px;height: 100%;} #sec2 .sec2_banner ul li a img{} /* sec3 */ #sec3 .prdprice .price { font-size: 24px; font-weight: 700; } #sec3{margin-top:130px} #sec3 .item-cont{flex-wrap: wrap;} /* sec4 */ #sec4 .prdprice .price { font-size: 24px; font-weight: 700; } #sec4 {margin-top:30px} #sec4 h2{} #sec4 .sec4_cate{margin:30px 0;} #sec4 .sec4_cate ul{float:left} #sec4 .sec4_cate ul li{display: inline-block; margin-right: 15px;} #sec4 .sec4_cate ul li a{font-family: 'Noto Sans KR', sans-serif; color: #888;padding-bottom:4px; font-size:16px} #sec4 .sec4_cate ul li.on>a{border-bottom: 2px solid #000; color: #000;} #sec4 .sec4_cate>a{float: right;} #sec4 .sec4_prd{} #sec4 .sec4_prd>div{display: none;position:relative} #sec4 .sec4_prd>div.show{display: block;} #sec4 .item_list{width: 380px !important; float:left} #sec4 .item-cont{justify-content: unset;} #sec4 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:-65px !important; top:40%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain} #sec4 .swiper_btn_next{width:19px; height:36px;position:absolute; right:-65px !important; top:40%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain } /* sec5 */ #sec5 h2 a{float: right; margin-top: 50px;} .sec5_banner ul{width: 100%;height:auto;flex-direction:row; display: flex; justify-content: space-between;margin-top: 25px;} .sec5_banner a{width: 100%; height: 100%; display: block;} .sec5_banner .ban_txt{padding-top: 20px;} .sec5_banner .ban_txt p{text-align: center;} .sec5_banner .ban_txt p.tit{margin-bottom:7px; color: #222; font-size: 20px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-.6px} .sec5_banner .ban_txt p.period{color: #888; font-size: 16px;font-family: 'Red Hat Display', sans-serif; } /* sec6 */ section h4{font-family: 'Noto Sans KR', sans-serif; font-size: 37px; color: #4c26b9;font-weight: 600; margin-bottom:10px} #sec6 .prdprice .price { font-size: 24px; font-weight: 700; } #sec6{margin-top:90px} #sec6 .sec_inner{border-top:1px solid #eee; padding-top:100px} #sec6 .txt_area{float:left; width:22%} #sec6 .txt_area h2{} #sec6 .txt_area p.p_subTitle{} #sec6 .sec6_prd{position: relative;} #sec6 .item_list{width: 300px; float:left} #sec6 .item_list .tumb{width: 100%; height: 400px;} #sec6 .swiper_btn_prev{width:19px; height:36px; position:absolute; left:0 !important; top:35%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_prev.png) no-repeat center center; background-size:contain} #sec6 .swiper_btn_next{width:19px; height:36px;position:absolute; left:60px !important; top:35%; background:url(//skin.makeshop.co.kr/skin/aconcept/PC_img/md_next.png) no-repeat center center; background-size:contain } /* sec8 */ #sec8{position:relative;margin-top:120px;margin-bottom:100px;} #sec8 .sec_inner{} #sec8 h2{} #sec8 .sec8_review{position:relative;} #sec8 .sec8_review>div.swiper{width: 100%; padding-bottom:50px;} #sec8 .sec8_review>div.swiper>ul{width: 100%; } #sec8 .sec8_review>div.swiper>ul>li{display:flex;overflow:hidden; flex-direction:column; height:auto; border:1px solid #f6f3f1;border-radius:9px;box-shadow: 0 0 15px #e3dad459; margin-top:20px; margin-bottom:20px } #sec8 .li_review .rv_main{ width: 100%; } #sec8 .li_review .rv_main .thumb{width:100%;height:300px; overflow:hidden;} #sec8 .li_review .rv_main .thumb a{display: block; width: 100%; height: 100%;} #sec8 .li_review .rv_main .thumb a img{width: 100%; height: 100%; object-fit: cover;} #sec8 .li_review .rv_main .rv_main_cont{margin:20px 20px 0 20px; border-bottom:1px solid #f6f3f1; padding-bottom:20px;} #sec8 .li_review .rv_main .rv_main_cont .rv_cont{font-size: 13px; font-family: 'Noto Sans KR', sans-serif; text-overflow: ellipsis; overflow: hidden; font-weight:500; color:#000; line-height:1.4; margin-bottom:15px} #sec8 .li_review .rv_main .rv_main_cont .rv_info{display:flex; align-items:center; justify-content:space-between;} #sec8 .li_review .rv_main .rv_main_cont .rv_info span{color:#727272} #sec8 .li_review .rv_main .rv_main_cont .rv_info span.date{} #sec8 .li_review .rv_main .rv_main_cont .rv_info span.rv_user{} #sec8 .li_review .rv_mini{flex-grow:1; width: 100%; display: flex; align-items: center; justify-content: left; gap:15px;padding:20px } #sec8 .li_review .rv_mini .mini_thumb{width: 50px; height: 50px; border-radius: 50%; display: inline-block; border: 1px solid #f2f2f2; overflow: hidden;} #sec8 .li_review .rv_mini .mini_thumb a{display: block;width: 100%; height: 100%;} #sec8 .li_review .rv_mini .mini_thumb a img{width: 100%; height: 100%; object-fit: cover;} #sec8 .li_review .rv_mini ul { display:flex; flex-direction:column; gap:8px;} #sec8 .li_review .rv_mini ul li {font-family: 'Noto Sans KR', sans-serif;font-size: 13px; color: #000;} #sec8 .li_review .rv_mini ul li:nth-child(2){display:flex; align-items:center ; gap:10px; } #sec8 .li_review .rv_mini ul li span {font-family: 'Pretendard', sans-serif; margin-right:10px;display:flex; align-items:center; color:#95745f; font-size:14px; font-weight:600 } #sec8 .li_review .rv_mini ul li span:nth-child(2) img{margin-top:-1px} #sec8 .li_review .rv_mini ul li span img{display:inline-block; margin-right:4px;} #sec8 .swiper .swiper-pagination-bullet{} #sec8 .swiper .swiper-pagination-bullet-active{ background-color: #95745f; } #sec8 .swiper-button-prev:after,#sec8 .swiper-button-next:after{display:none} #sec8 .swiper-button-next{right:5% ; width:auto; height:auto; } #sec8 .swiper-button-prev{left:5% ;width:auto; height:auto} /* 인스타 영역 */ .instaArea{width: 1300px; margin: 20px auto 0; text-align: center; border-top: 1px solid #e6e6e6; padding: 100px 0 70px;} .instaArea h3{color: #242424; font-size: 40px; font-family: 'Montserrat',sans-serif; padding-bottom: 34px;} .instaArea h3 img{padding: 8px 10px 0 0; vertical-align: text-top;} /* BASIC css end */