/* BASIC css start */
#container{padding-top:125px !important;}
/* 섹션 공통 */
section{margin-bottom: 50px;}
section h2{font-weight:800 !important;font-family: 'Playfair Display', serif; font-size:25px; color:#000}
section .sec_inner{ width:100%; padding: 0 5%}


/* sec1 */
#sec1{padding-bottom:70px}
#sec1 .sec_inner{padding:0 !important}
#sec1 .sec_inner .swiper{padding-bottom: 20px;}
#sec1 .sec_inner .swiper ul{}
#sec1 .sec_inner .swiper ul li{width:100%}
#sec1 .sec_inner .swiper ul li .thumb{}
#sec1 .sec_inner .swiper ul li .thumb a{display: block;position: relative;width:100%}
#sec1 .sec_inner .swiper ul li .thumb a img{width:100%}
#sec1 .sec_inner .swiper ul li .thumb a span{position: absolute; bottom:-15px; left: 15px; background-color: #222; display: inline-block; color: white; padding: 7px 10px;font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400;}
#sec1 .sec_inner .swiper ul li .txt{padding: 30px 15px;}
#sec1 .sec_inner .swiper ul li .txt h3{ font-family: 'Noto Sans KR', sans-serif; font-size: 26px; color: #000; font-weight: 400; letter-spacing: -1px; margin-bottom: 18px; line-height:1.2;letter-spacing:-.7px}
#sec1 .sec_inner .swiper ul li .txt p{ font-family: 'Noto Sans KR', sans-serif;color: #aaa; font-size: 15px; font-weight: 300; letter-spacing: -.7px;line-height:1.3; }
#sec1 .swiper-horizontal>.swiper-scrollbar{left: 15px !important; width:calc(100% - 30px) !important; height: 2px !important;}


/* sec3 */
#sec3{}
#sec3 .sec_inner{padding-top:20px}
#sec3 .sec_inner h2{text-align:center; margin-bottom:30px}
#sec3 .sec_inner .sec3_cate{}
#sec3 .sec_inner .sec3_cate ul{text-align:center}
#sec3 .sec_inner .sec3_cate ul li{border-bottom:2px solid #fff; display:inline-block; margin: 0 13px; width:auto !important; }
#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: 400; letter-spacing: -.3px;transition: color .4s,font-weight .3s, border-color .3s, font-weight .3s; padding: 8px 0;}
#sec3 .sec_inner .sec3_cate ul li.on>a{ color: #000 !important; font-weight: 500;  }
#sec3 .sec3_prd{}
#sec3 .sec3_prd>div{display: none; position:relative;padding-top: 35px;}
#sec3 .sec3_prd>div ul{display:flex; flex-wrap:wrap}
#sec3 .sec3_prd>div.show{display: block;}


/* sec4 */
#sec4{margin:70px 0}
#sec4 .swiper{width: 100%;}
#sec4 .swiper ul{width: 100%;}
#sec4 .swiper ul li{width: 100%;}
#sec4 .swiper ul li a{display: block;width: 100%;}
#sec4 .swiper ul li a img{width: 100%;}

/* sec5 */
#sec5{}
#sec5 .sec_inner{padding:0 !important}
#sec5 .sec_inner h2{text-align:center; margin-bottom:40px}
#sec5 .sec_inner .sec5_cont{}
#sec5 .sec_inner .sec5_cont>div{}
#sec5 .sec_inner .sec5_cont .main_cont{width: 100%; position: relative;}
#sec5 .sec_inner .sec5_cont .main_cont a{display: block; width: 100%;}
#sec5 .sec_inner .sec5_cont .main_cont a img{width:100%}
#sec5 .sec_inner .sec5_cont .main_cont .main_info{position: absolute; bottom: 5%; background-color: rgba(255,255,255,.9); width: 92%; left: 4%; padding: 30px; border-top: 2px solid #000;}
#sec5 .sec_inner .sec5_cont .main_cont .main_info h3{font-size: 21px; color: #000; font-weight: 400;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: 14px; font-weight: 300; letter-spacing: -.8px; width: 95%;display: -webkit-box; line-height: 1.5;-webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden; }

#sec5 .sec_inner .sec5_cont .sec5_item_cont{}
#sec5 .sec_inner .sec5_cont .sec5_item_cont ul{width: 100%;}
#sec5 .sec_inner .sec5_cont .sec5_item_cont ul li{float:unset !important; width: 90%; border-top: 1px solid #eee; padding: 20px 0 !important; display: flex; align-items: center; justify-content: space-between;margin: 0 auto}
#sec5 .sec_inner .sec5_cont .sec5_item_cont ul li:last-child{border-bottom: 1px solid #eee;}
#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: 15px; color: #000; font-weight: 400; 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{transform:scale(.66); transform-origin:right center}

/* sec6 */
#sec6{margin-top:80px; padding-bottom:10px}
#sec6 .sec_inner{position:relative; padding:2% 5% !important}
#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 li{ }
#sec6 .sec_inner .rev_sec .swiper-wrapper li a{display: block; width: 100%;}
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .thumb{width: 100%;  margin-right: 20px;}
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .thumb img{width: 100%;}
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .rv_cont{}
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .rv_cont p{ text-overflow: ellipsis;  }
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .rv_cont .prdname{font-family: 'Noto Sans KR', sans-serif; font-size: 15px; color: #242424;font-weight: 400; margin-bottom:10px; }
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .rv_cont .cont{margin-bottom:19px;line-height:1.4;font-family: 'Noto Sans KR', sans-serif;font-size: 14px; color: #999999; font-weight: 300;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow:ellipsis; overflow:hidden;}
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .rv_cont .score{margin-bottom:14px;display: inline-block; margin-top: 15px; margin-right:10px;font-size:22px }
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .rv_cont .score span{font-family: 'Roboto', sans-serif; font-weight: 800;font-size: 15px; color: #242424;display:inline-block; transform:translateY(-1px)}
#sec6 .sec_inner .rev_sec .swiper-wrapper li a .rv_cont .info{display: inline-block; transform:translateY(-2px)}
#sec6 .sec_inner .rev_sec .swiper-wrapper 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 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:33px; height:33px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:33px; position:absolute; right:calc(5% + 33px) !important; top:0px; z-index:14; cursor:pointer}
#sec6 .swiper_btn_next{width:33px; height:33px; background-color:#fff; border:1px solid #eee; text-align:center; line-height:33px; position:absolute; right:5%  !important; top:0px; z-index:14; cursor:pointer; border-left:none !important}
#sec6 .swiper_btn_prev img{display:inline-block; transform:scale(.66) translate(-7px,-70%); top:50%; position:absolute;}
#sec6 .swiper_btn_next img{display:inline-block; transform:scale(.66) translate(-5px,-70%);top:50%; position:absolute;}


/* BASIC css end */