/* 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 .new-slider-wrap .bx-wrapper .bx-viewport .slider-img li {position:absolute; left:50%; transform: translateX(-50%);}
#sec1 .new-slider-wrap .bx-controls-direction .bx-prev {background:url(//skin.makeshop.co.kr/skin/london/MO_img/prev.png)no-repeat center; width: 20px; height: 40px; background-size: cover;}
#sec1 .new-slider-wrap .bx-controls-direction .bx-next {background:url(//skin.makeshop.co.kr/skin/london/MO_img/next.png)no-repeat center; width: 20px; height: 40px; background-size: cover;}
#sec1 .new-slider-wrap .bx-pager {bottom:30px;}
#sec1 .new-slider-wrap .bx-pager a {width: 20px; height: 3px; border-radius: 0; background-color: #fff; opacity:0.3;}
#sec1 .new-slider-wrap .bx-pager a:hover, 
#sec1 .new-slider-wrap .bx-pager a.active {opacity:1;}


#sec2{margin-bottom:80px}
#sec2 .swiper{}
#sec2 .swiper ul{}
#sec2 .swiper ul li{position: relative; border-radius: 10px; overflow: hidden; width: 80%; text-align:center;}
#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 */