/* BASIC css start */
section{margin-bottom: 60px;}
section .sec_inner{padding: 0 5%;}
section h2{text-align: center;margin-bottom: 30px;color: #333;font-family: 'Jost', sans-serif; font-size: 23px; font-weight: 600; letter-spacing: 3px; }





#sec1{width: 100%;}
#sec1 .swiper{}
#sec1 .swiper ul{width: 100%;}
#sec1 .swiper ul li{width: 100%;}
#sec1 .swiper ul li a{display: block;width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}
#sec1 .swiper-pagination{bottom: 20px;}
#sec1 .swiper-pagination-bullet{width: 20px; height: 3px; border-radius: 0; background-color: #fff; }
#sec1 .swiper{position:relative}
#sec1 .swiper_btn_prev{position: absolute; top: 50%; left: 10%; z-index: 10; transform: translateY(-50%); cursor: pointer; } 
#sec1 .swiper_btn_next{position: absolute; top: 50%; right: 10%; z-index: 10; transform: translateY(-50%); cursor: pointer;}
#sec1 .swiper_btn_prev img{transform:scale(.66); transform-origin:left center}
#sec1 .swiper_btn_next img{transform:scale(.66); transform-origin:right center}


#sec2{margin-bottom:80px}
#sec2 .swiper{}
#sec2 .swiper ul{}
#sec2 .swiper ul li{position: relative; border-radius: 10px; overflow: hidden; width: 80%;}
#sec2 .swiper ul li img{width: 100%;}
#sec2 .swiper ul li a{position: absolute; margin-top: 15px; opacity: 0;  transition: margin-top .5s, opacity 1s; font-family: 'Noto Sans KR', sans-serif; font-size: 15px; width: max-content; color: #fff; top: 50%; left: 50%;border-radius: 25px; display: inline-block; transform: translate(-50%,-50%); z-index: 1;border: 1px solid #fff; font-weight: 400; padding: 12px 22px;}
#sec2 .swiper ul li a.show{margin-top: 0; opacity: 1;}







#sec4 ul li{width:75%}
#sec4 .item_list .info .prdname{font-size:17px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee}
#sec4 .item_list .info .prdetc{font-size:14px}
#sec4 .item_list .info p{margin-bottom:11px}




#sec5{margin-bottom:80px}
#sec5 a{display: block; width: 100%;}
#sec5 a img{width: 100%;}



#sec6{}
#sec6 .sec_inner{}
#sec6 .sec_inner h2{margin-bottom:20px}
#sec6 .sec_inner .sec6_cate{margin: 0px 0 40px;}
#sec6 .sec_inner .sec6_cate ul{ }
#sec6 .sec_inner .sec6_cate ul li{margin:0 30px 0 0; width:auto !important;}
#sec6 .sec_inner .sec6_cate ul li a{font-family: 'Noto Sans KR', sans-serif; transition:border-color .3s; border-bottom:2px solid transparent; color:#bbbbbb; font-size: 15px; display: block;font-weight: 400;text-align:center;   padding: 8px 0; transition:border-color .2s, color .2s;}
#sec6 .sec_inner .sec6_cate ul li.on>a{ color: #000;border-color:#000;}

#sec6 .sec_inner .sec6_prd{}
#sec6 .sec_inner .sec6_prd>div{display:none;}
#sec6 .sec_inner .sec6_prd>div.show{display: block;}

#sec6 .sec_inner .sec6_prd>div>ul{width: 100%; display: flex; flex-wrap: wrap; }
#sec6 .sec_inner .sec6_prd>div>ul>li{width:31%; margin-right:3.5%;  position: relative; margin-bottom: 15px; border-radius: 10px; overflow: hidden;}
#sec6 .sec_inner .sec6_prd>div>ul>li:nth-child(3n){margin-right:0 }




#sec7{margin-bottom:90px}
#sec7 .sec_inner{}
#sec7 .sec_inner h2{}
#sec7 .sec_inner ul{border-top: 1px solid #eee;width: 100%;}
#sec7 .sec_inner ul li{border-bottom: 1px solid #eee; width: 100%;}
#sec7 .sec_inner ul li a{display: flex; width: 100%; flex-direction: row; align-items: center; padding: 20px 0;}
#sec7 .sec_inner ul li a .thumb{width: 30%;}
#sec7 .sec_inner ul li a .thumb img{width: 100%; border-radius: 10px;}
#sec7 .sec_inner ul li a .info{width: 70%; padding-left: 5%;}
#sec7 .sec_inner ul li a .info p{margin: 10px 0;}
#sec7 .sec_inner ul li a .info p.prdname{font-family: 'Noto Sans KR', sans-serif; font-size: 14px; color: #000; font-weight: 500;}
#sec7 .sec_inner ul li a .info p.prdcont{color: #999999; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
#sec7 .sec_inner ul li a .info p.prdheart{display: flex; align-items: center;}
#sec7 .sec_inner ul li a .info p.prdheart img{transform: scale(.66); transform-origin: left center;}
#sec7 .sec_inner ul li a .info p.prdheart span{font-size: 13px; color: #242424; font-family: 'Jost', sans-serif;  display: inline-block; margin-left: 1px; font-weight: 600;}

/* BASIC css end */