/* BASIC css start */ #contentWrapper{padding-top:170px !important} /* 섹션 공통 */ section{margin-bottom: 50px;} section h2{font-weight:800 !important;font-family: 'Playfair Display', serif; font-size:38px; color:#000} section .sec_inner{width: 1400px; margin: 0 auto;} /* sec1 */ #sec1{padding-bottom:70px} #sec1 .sec_inner{} #sec1 .sec_inner .swiper{padding-bottom: 60px;} #sec1 .sec_inner .swiper ul{} #sec1 .sec_inner .swiper ul li{} #sec1 .sec_inner .swiper ul li .thumb{} #sec1 .sec_inner .swiper ul li .thumb a{display: block;position: relative;} #sec1 .sec_inner .swiper ul li .thumb a img{} #sec1 .sec_inner .swiper ul li .thumb a span{position: absolute; top: 0; left: 0; background-color: #222; display: inline-block; color: white; padding: 7px 10px;font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400;} #sec1 .sec_inner .swiper ul li .txt{padding: 30px 0;} #sec1 .sec_inner .swiper ul li .txt h3{ font-family: 'Noto Sans KR', sans-serif; font-size: 32px; color: #000; font-weight: 400; letter-spacing: -1px; margin-bottom: 8px;} #sec1 .sec_inner .swiper ul li .txt p{ font-family: 'Noto Sans KR', sans-serif;color: #aaa; font-size: 17px; font-weight: 300; letter-spacing: -.7px; } #sec1 .swiper-horizontal>.swiper-scrollbar{left: 0 !important; width: 100% !important; height: 1.5px !important;} /* sec3 */ #sec3{margin-top:75px} #sec3 .sec_inner{ } #sec3 .sec_inner h2{text-align:center; margin-bottom:20px} #sec3 .sec_inner .sec3_cate{} #sec3 .sec_inner .sec3_cate ul{text-align:center} #sec3 .sec_inner .sec3_cate ul li{border-bottom:3px solid #fff; display:inline-block; margin: 0 13px; } #sec3 .sec_inner .sec3_cate ul li.on{border-color:#000 !important } #sec3 .sec_inner .sec3_cate ul li a{display:block; width:100%; text-align:center; font-family: 'Noto Sans KR', sans-serif; color:#aaa; font-size: 18px; font-weight: 500; letter-spacing: -.3px;transition: color .4s, border-color .3s, font-weight .3s; padding: 4px 0;} #sec3 .sec_inner .sec3_cate ul li.on>a{ color: #000 !important; } #sec3 .sec3_prd{} #sec3 .sec3_prd>div{display: none; position:relative;padding-top: 65px;} #sec3 .sec3_prd>div ul{display:flex; flex-wrap:wrap} #sec3 .sec3_prd>div.show{display: block;} /* sec4 */ #sec4{margin:50px 0 100px} #sec4 .sec_inner{position:relative} #sec4 .sec_inner .swiper{width: 100%;} #sec4 .sec_inner .swiper ul{width: 100%;} #sec4 .sec_inner .swiper ul li{width: 100%;} #sec4 .sec_inner .swiper ul li a{display: block;width: 100%;} #sec4 .sec_inner .swiper ul li a img{width: 100%;} #sec4 .swiper_btn_prev{width:50px; height:50px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:50px; position:absolute; right:50px !important; bottom:0px; z-index:14; cursor:pointer;} #sec4 .swiper_btn_next{width:50px; height:50px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:50px; position:absolute; right:0 !important; bottom:0px; z-index:14; cursor:pointer; border-left:none !important;} #sec4 .swiper_btn_next img,#sec4 .swiper_btn_prev img{ transform:translateY(-2px)} /* sec5 */ #sec5{} #sec5 .sec_inner{} #sec5 .sec_inner h2{text-align:center; margin-bottom:30px} #sec5 .sec_inner .sec5_cont{height: 500px;} #sec5 .sec_inner .sec5_cont>div{float: left; height: 100%;} #sec5 .sec_inner .sec5_cont .main_cont{width: 890px; position: relative;} #sec5 .sec_inner .sec5_cont .main_cont a{display: block; width: 100%;} #sec5 .sec_inner .sec5_cont .main_cont a img{} #sec5 .sec_inner .sec5_cont .main_cont .main_info{position: absolute; bottom: 30px; background-color:rgba(255,255,255,.93); width: 94%; left: 3%; padding: 35px; border-top: 2px solid #000;} #sec5 .sec_inner .sec5_cont .main_cont .main_info h3{font-size: 24px; color: #000; font-weight: 500;font-family: 'Noto Sans KR', sans-serif; margin-bottom: 10px;} #sec5 .sec_inner .sec5_cont .main_cont .main_info p{font-family: 'Noto Sans KR', sans-serif; color: #aaa; font-size: 18px; font-weight: 300; letter-spacing: -1px; width: 91%; line-height: 1.5;} #sec5 .sec_inner .sec5_cont .sec5_item_cont{width: 510px;} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul{width: 100%; height: 100%;} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li{width: 100%; height: 166.6px !important; border-top: 1px solid #ddd; padding: 0 50px !important; display: flex; align-items: center; justify-content: space-between;border-right:1px solid #ddd} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li:last-child{border-bottom: 1px solid #ddd;} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .thumb{width: 100px;height: 100px; } #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .thumb a{display: block; width: 100%; height: 100%; border-radius: 50%; overflow: hidden;} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .thumb a img{width: 100%;height: 100%; object-fit: cover;} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .info{padding:0 !important} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .info p{} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .info p.prdname{font-family: 'Noto Sans KR', sans-serif; font-size: 18px; color: #000; font-weight: 500; margin-bottom: 10px;} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .info p.prdprice{font-family: 'Roboto', sans-serif;} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .item_cart{} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .item_cart a{} #sec5 .sec_inner .sec5_cont .sec5_item_cont ul li .item_cart a img{} /* sec6 */ #sec6{margin-top:110px; } #sec6 .sec_inner{position:relative} #sec6 .sec_inner h2{text-align: center; margin-bottom: 30px; border-bottom:2px solid #000; padding-bottom:30px} #sec6 .sec_inner .rev_sec{} #sec6 .sec_inner .rev_sec .swiper-wrapper{} #sec6 .sec_inner .rev_sec .swiper-wrapper ul{} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li{height: 150px; border-bottom: 1px solid #e6e6e6;} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a{display: block; width: 100%; display: flex;height: 100%; align-items: center; } #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .thumb{width: 90px; height: 90px; margin-right: 20px;} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .thumb img{width: 100%; height: 100%; object-fit: cover;} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont{min-width:500px} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 90%;} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont .prdname{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #242424;font-weight: 500; margin-bottom:10px; } #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont .cont{font-family: 'Noto Sans KR', sans-serif;font-size: 15px; color: #999999; font-weight: 400;} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont .score{display: inline-block; margin-top: 15px; width:min-content; margin-right:10px } #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont .score img{display:inline-block; transform:translateY(-4px)} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont .score span{font-family: 'Roboto', sans-serif; font-weight: 800;font-size: 16px; color: #242424;} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont .info{display: inline-block; width:200px; transform:translateY(-2px)} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont .info span.userid{font-family: 'Noto Sans KR', sans-serif; color: #ccc; font-size: 13px; font-weight: 400;} #sec6 .sec_inner .rev_sec .swiper-wrapper ul li a .rv_cont .info span.date{font-family: 'Noto Sans KR', sans-serif;color: #ccc; font-size: 13px;font-weight: 400;} #sec6 .swiper_btn_prev{width:50px; height:50px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:50px; position:absolute; right:50px !important; top:0px; z-index:14; cursor:pointer} #sec6 .swiper_btn_next{width:50px; height:50px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:50px; position:absolute; right:0 !important; top:0px; z-index:14; cursor:pointer; border-left:none !important} #sec6 .swiper_btn_prev img,#sec6 .swiper_btn_next img{transform:translateY(-2px)} /* BASIC css end */