/* BASIC css start */
/* section */
.section{margin-bottom: 60px;}
.sec_inner{padding:0 5%}
.section h2{color: #565656;font-family: 'Nanum Myeongjo', serif; font-size: 22px; text-align: center; font-weight: 600;margin-bottom: 20px; line-height:1.3}
.section p.sub{color: #99978e;font-family: 'Nanum Myeongjo', serif;  font-size: 12px; font-weight: 600;text-align: center;}
.item_more{position:relative; display:flex; align-items:center; justify-content:center; margin-top:30px}
.item_more a{display:inline-block; background-color:#fff; font-size:12px;letter-spacing:2px; font-weight:500;   color:#c6baac;font-family: 'Noto Serif KR', serif; padding:10px 20px; }
.item_more::after{content: ""; display: block;z-index:-1; width: 270px; height: 1px; background-color: #eee; position: absolute ; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.item_more a .btn_moreGray {width: auto;height: auto;background: transparent;font-size: 12px;letter-spacing: 2px;font-weight: 500;color: #c6baac;font-family: 'Noto Serif KR', serif;line-height: normal;}

.main .categorys {margin-top:18.5px;}
.main .categorys .title-box {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0px 15px;}
.main .categorys .title-box h6 {color:#565656;font-size:21px;font-weight:800;line-height:25px;font-family: 'Nanum Myeongjo', serif;}

.main .categorys .tab-view .swiper {padding-bottom:15px;padding-left:15px;}
.main .categorys .tab-view .swiper-slide {width:70px;margin-right:10px;}
.main .categorys .tab-view .swiper-slide .icon {position:relative;display:flex;justify-content:center;align-items:center;}
.main .categorys .tab-view .swiper-slide .icon img {width:100%;height:auto;}
.main .categorys .tab-view .swiper-slide .icon p {position:absolute;z-index:1;color:#ffffff;font-size:10px;font-weight:800;line-height:10px;text-align:center;}
.main .categorys .tab-view .swiper-slide > p {margin-top:7px;color:#000;font-size:11px;line-height:16px;text-align:center;}
.main .categorys .tab-view .swiper-scrollbar {left:15px;right:15px;bottom:0px;width:auto;height:3px;background:#f3f3f3;border-radius:1.5px;overflow:hidden;}
.main .categorys .tab-view .swiper-scrollbar .swiper-scrollbar-drag {background:#cccccc;border-radius:none;}
.main .categorys .tab-view .swiper.swiper-initialized {padding-left:0px;}
.main .categorys .tab-view .swiper.swiper-initialized .swiper-slide {margin-right:0px;}


.main .best-of-best {
    margin-top:65px;
    padding:33px 0px 40px;
    background:#f5f3f1;
}
.main .best-of-best > h4 {
    color:#565656;
    font-size:21px;
    font-weight:800;
    line-height:30px;
    text-align:center;
    font-family: 'Nanum Myeongjo', serif;
}
.main .best-of-best .tabs {
    position:relative;
    display:flex;
    width:calc(100% - 30px);
    margin:20px auto;
}
.main .best-of-best .tabs:before {
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:0;
    height:1px;
    background:#ccc;
    content:"";
}
.main .best-of-best .tabs button {
    position:relative;
    z-index:2;
    flex:1;
    height:44px;
    background:transparent;
    border:none;
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
    color:#999999;
    font-size:13px;
    font-weight:400;
    box-sizing:border-box;
    cursor:pointer;
}
.main .best-of-best .tabs button.current {
    border-bottom-color:#000;
    color:#000000;
}
.main .best-of-best .tab-view {
    position:absolute;
    top:-99999px;
    left:-99999px;
    width:100%;
    padding:0;
    box-sizing:border-box;
}
.main .best-of-best .tab-view.current {
    position:static;
    top:unset;
    left:unset;
}
.main .best-of-best .tab-view > .swiper > .swiper-wrapper > .swiper-slide{
    width:43.2%;
}

.main .best-of-best .tab-view .product-list .product-item .product-thumb img {
    width:100%;
}

.main .best-of-best .tab-view .product-list .product-item .product-thumb .rank {
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    width:20px;
    height:20px;
    background:rgba(255, 255, 255, 0.4);
    color:#000000;
    font-size:12px;
    line-height:20px;
    text-align:center;
}
.main .best-of-best .tab-view .product-list .product-item .product-info {
    margin-top:6.5px;
    padding:0px;
    height:76px;
}
.main .best-of-best .tab-view .product-list .product-item .product-info .pd-name {
    display:inline-block;
    font-size:11px;
    line-height:16px;
}
.main .best-of-best .tab-view .product-list .product-item .product-info .pd-subname {
    display:none;
    margin-top:4px;
    font-size:11px;
    line-height:12px;
}
.main .best-of-best .tab-view .product-list .product-item .product-info .pd-price {
    position:relative;
    flex-wrap:wrap;
    height:auto;
    margin-top:3.5px;
}
.main .best-of-best .tab-view .product-list .product-item .product-info .pd-price .percent,
.main .best-of-best .tab-view .product-list .product-item .product-info .pd-price .price {
    line-height:20px;
}
.main .best-of-best .tab-view .product-list .product-item .product-info .pd-price .price.strike {
    display: block;
    width:100%;
    margin-top:5px;
    margin-left:0px;
    line-height:10px;
}
.main .best-of-best .tab-view .product-list .product-item .product-info .pd-icon {
    display:none;
}
.main .best-of-best .next-btn {
    display:flex;
    justify-content:center;
    align-items:center;
    height:36px;
    margin:25px auto 0px;
    padding:0px 38px;
    background:transparent;
    border:1px solid #cccccc;
    border-radius:18px;
    color:#000000;
    font-size:11px;
    font-weight:300;
    line-height:34px;
    cursor:pointer;
}

.main .best-of-best .next-btn > span{
    margin-left:8px;
    font-size:11px;
    color:#999;
    
}
.main .best-of-best .next-btn > span > b{
    color:#000000;
}
.main .best-of-best .next-btn:before {
    width:14px;
    height:15px;
    margin-right:12px;
    background:url(//skin.makeshop.co.kr/skin/homedeco/MO_img/sec5_more.png) no-repeat center center;
    background-size:12px auto;
    content:"";
}


/* sec1 */
#sec1{}
#sec1 .swiper{}
#sec1 .swiper ul{}
#sec1 .swiper ul li{}
#sec1 .swiper ul li a{display: block; width: 100%;}
#sec1 .swiper ul li a img{width: 100%;}


#sec1 .swiper-pagination{color: #fff;font-family: 'Overpass', sans-serif; font-size: 12px; font-weight: 400;}
#sec1 .swiper .swiper-pagination-bullet{opacity:.8; position:relative; width:16px; height:16px; margin:0; background-color:transparent; border:1px solid transparent; }
#sec1 .swiper .swiper-pagination-bullet-active{ border-color:#fff; opacity:1; }
#sec1 .swiper .swiper-pagination-bullet::after{content:""; display:block; width:8px; height:8px; overflow:hidden; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background-color:#fff; border-radius:50%;  }



#sec1 .pagination_container{display: flex; align-items: center; justify-content: center;gap: 10px;  position: absolute;bottom: 30px;right: 20px; z-index: 10;}
#sec1 .swiper-horizontal>.swiper-pagination-bullets,#sec1 .swiper-pagination-bullets.swiper-pagination-horizontal, #sec1 .swiper-pagination-custom,#sec1 .swiper-pagination-fraction{width: auto; position: unset; display: flex; gap:3px}


/* sec5 */
#sec5{margin-top:55px;}
#sec5 .sec_inner{padding:0}
#sec5 .sec_inner h2{margin-bottom:15px}
#sec5 .sec_inner p.sub{}
#sec5 .sec_inner .sec5_cont{margin-top: 25px; padding-left:5%}
#sec5 .sec_inner .sec5_cont ul{}
#sec5 .sec_inner .sec5_cont ul li{width:63%}
#sec5 .sec_inner .sec5_cont ul li .promo_img{width:100%}
#sec5 .sec_inner .sec5_cont ul li .promo_img a{display: block; }

#sec5 .sec_inner .sec5_cont ul li .promo_img a>img{display: block;width:100%}
#sec5 .sec_inner .sec5_cont ul li .txt_wrap{padding: 20px 0;}
#sec5 .sec_inner .sec5_cont ul li .txt_wrap p{text-align: center;}
#sec5 .sec_inner .sec5_cont ul li .txt_wrap p.big{color: #5e5043;font-family: 'Nanum Myeongjo', serif; font-size: 17px; font-weight: 800; margin-bottom:13px; }
#sec5 .sec_inner .sec5_cont ul li .txt_wrap p.small{color: #565656;font-family: 'Pretendard', sans-serif; font-size: 13px; font-weight: 500;line-height: 1.4}


/* sec4 */
#sec4{}
#sec4 .sec_inner{padding:0}
#sec4 .sec_inner h2{}
#sec4 .sec_inner .sec4_cont{}
#sec4 .sec_inner .sec4_cont ul{display: flex; flex-wrap:wrap; gap:4px 1%; }
#sec4 .sec_inner .sec4_cont ul li{}
#sec4 .sec_inner .sec4_cont ul li:nth-child(1){width:49.5%}
#sec4 .sec_inner .sec4_cont ul li:nth-child(2){width:49.5%}
#sec4 .sec_inner .sec4_cont ul li:nth-child(3){width:100% }
#sec4 .sec_inner .sec4_cont ul li:nth-child(4){width:49.5%}
#sec4 .sec_inner .sec4_cont ul li:nth-child(5){width:49.5%}
#sec4 .sec_inner .sec4_cont ul li a{display: block;position: relative; width: 100%;height: 100%; overflow: hidden;}
#sec4 .sec_inner .sec4_cont ul li a img{width: 100%;height: 100%; object-fit: cover; transition: all .3s;}



/* sec2 */
#sec2 .swiper-button-next{right:5% ; width:auto; height:auto}
#sec2{position:relative;padding-top: 55px;}
#sec2 .swiper{}
#sec2 .swiper>ul.swiper-wrapper{}
#sec2 .swiper>ul.swiper-wrapper>li.swiper-slide{background-color:#fff; }
#sec2 li.swiper-slide .sec2_cont{}
#sec2 li.swiper-slide .sec2_cont .sec2_ban{}
#sec2 li.swiper-slide .sec2_cont .sec2_ban a{display: block; width: 100%; border-radius: 0 65px 0 0; overflow: hidden;}
#sec2 li.swiper-slide .sec2_cont .sec2_ban a img{width: 100%;}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap{display: flex; flex-direction: column; padding:0 5%}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap .sec2_contTop{display: flex; flex-direction: column; gap: 20px;margin-top:20px ;border-bottom: 1px solid #f6f3f1; padding-bottom: 20px;}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap .sec2_contTop h3{font-family: 'Noto Serif KR', serif; color: #7d6253; font-size: 25px; font-weight: 500;line-height: 1.3;}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap .sec2_contTop p.sec2sub{font-family: 'Pretendard', sans-serif;line-height: 1.4; color: #b2a18d; font-size: 13px; font-weight: 500;}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul{display:flex; flex-direction:column; align-items:center; gap:25px 0}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li{display:flex; gap:20px}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li .thumb{width:20%; height:100%}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li .thumb a{height:100%; }
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li .thumb a img{height:100%; object-fit:cover; }
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li .info{flex-grow:1; padding:0; display:flex; flex-direction:column;justify-content:space-between;}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li .info .prdname{font-size:16px}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li .info .prdetc{font-size:14px}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li.item_list .info .prdprice{border:none; margin:0}
#sec2 li.swiper-slide .sec2_cont .sec2_itemWrap ul li.item_list .info .prdprice .percent{}

#sec2 p.line{width:90%; margin:0 auto 25px; height:1px; background-color:#f6f3f1}
#sec2 .swiper_btn_wrap{cursor:pointer;  border: 1px solid #e9e9e9; display: flex; align-items: center; gap: 5px; padding: 8px 30px; border-radius: 25px; justify-content: center; width: max-content; margin: 0 auto;}
#sec2 .swiper_btn_wrap .swiper_btn_next{display: flex; align-items: center; justify-content: center; gap: 5px;}
#sec2 .swiper_btn_wrap .swiper_btn_next span{display: flex; align-items: center ; justify-content: center;}
#sec2 .swiper_btn_wrap .swiper_btn_next span img{transform: scale(.55); transform-origin:center center;}
#sec2 .swiper_btn_wrap .swiper_btn_next p{font-family: 'Pretendard', sans-serif; font-size: 13px; font-weight: 500; color: #161616; }
#sec2 .swiper_btn_wrap .swiper-pagination{position:unset; width:auto; margin-top:1px}


#sec2 .sec2_cont .itemSlide2 .item_list_01,
#sec2 .sec2_cont .itemSlide2 .item_list_02,
#sec2 .sec2_cont .itemSlide2 .item_list_03,
#sec2 .sec2_cont .itemSlide2 .item_list_04 {display:none !important;}

/* sec6 */
#sec6{}
#sec6  h2{}
#sec6 .sec6_cate{ margin-bottom:15px;}
#sec6 .sec6_cate ul{ }
#sec6 .sec6_cate ul li{display: inline-block;  width:auto !important; margin:0 5px}

#sec6 .sec6_cate ul li.on{ }
#sec6 .sec6_cate ul li a{display:block; padding:8px; width:100%; text-align:center; font-family: 'Pretendard', sans-serif; color:#979797; font-size: 16px; font-weight:500; letter-spacing: -.3px;transition: all .3s; position:relative;  display:block;}
#sec6 .sec6_cate ul li.on>a{ color:#95745f !important;}
#sec6 .sec6_cate ul li a::after{display:block; content:""; position:absolute; top:12px ;opacity:0; transition:all .3s;   left:50%; transform:translateX(-50%) ; width:5px ; height:5px; border-radius:50%; background-color:#95745f; }
#sec6 .sec6_cate ul li.on a::after{opacity:1; top:0px}
#sec6 .sec6_prd{}
#sec6 .sec6_prd>div .swiper{padding-bottom:100px}
#sec6 .sec6_prd>div{display: none;}
#sec6 .sec6_prd>div ul{}
#sec6 .sec6_prd>div.show{display: block;}



#sec7{}
#sec7 .sec7_cont{}
#sec7 .sec7_cont>div{}
#sec7 .sec7_cont .sec7_left{display: flex;background-color: #f3f2ee; flex-direction:column;  padding:45px 5% 35px;  }
#sec7 .sec7_cont .sec7_left .text_wrap{}
#sec7 .sec7_cont .sec7_left .text_wrap p{}
#sec7 .sec7_cont .sec7_left .text_wrap p.sec7_main{margin-bottom: 14px; color: #565656; font-size: 26px; font-weight: 700; font-family: 'Nanum Myeongjo', serif;}
#sec7 .sec7_cont .sec7_left .text_wrap p.sec7_sub{margin-bottom: 25px; color: #757575; font-size: 15px; font-weight: 600; font-family: 'Nanum Myeongjo', serif;}
#sec7 .sec7_cont .sec7_left .text_wrap p.sec7_cont{margin-bottom: 30px; font-family: 'Pretendard', sans-serif;font-weight: 500;line-height: 1.6;  color: #565656; font-size: 12px;}
#sec7 .sec7_cont .sec7_left .text_wrap a.moreview{background-color: #dfd7ce;transition: all .3s; font-family: 'Nanum Myeongjo', serif;color: #998d80; font-size: 10px; font-weight: 600; letter-spacing: 1px; display: inline-block; padding: 8px 25px; border-radius:7px;}
#sec7 .sec7_cont .sec7_right{}
#sec7 .sec7_cont .sec7_right a{display: block; width: 100%;}
#sec7 .sec7_cont .sec7_right a img{width: 100%;}


/* sec8 */
#sec8{}
#sec8 .sec_inner{padding:0;}
#sec8 h2{margin-bottom:5px}
#sec8 .sec8_review{position:relative;}
#sec8 .sec8_review>div.swiper{width: 100%; padding-left:5%}
#sec8 .sec8_review>div.swiper>ul{width: 100%; }
#sec8 .sec8_review>div.swiper>ul>li{width:63%;display:flex;overflow:hidden; flex-direction:column; height:auto; border:1px solid #f6f3f1;border-radius:9px;box-shadow: 0 0 15px #e3dad459; margin-bottom:20px;margin-top:20px }
#sec8 .li_review .rv_main{ width: 100%; }
#sec8 .li_review .rv_main .thumb{width:100%;overflow:hidden;}
#sec8 .li_review .rv_main .thumb a{display: block; width: 100%;}
#sec8 .li_review .rv_main .thumb a img{width: 100%;  object-fit: cover;}
#sec8 .li_review .rv_main .rv_main_cont{margin:15px 15px 0 15px; border-bottom:1px solid #f6f3f1; padding-bottom:10px;}
#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:15px }
#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:5px;display:flex; align-items:center; color:#95745f; font-size:12.5px; font-weight:500 }
#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:1px; transform:scale(.7); transform-origin:center center;}


#sec9{background-color: #f7f5f4; padding: 35px 0; margin-bottom:0}
#sec9 .sec_inner{}
#sec9 .sec_inner h2{margin-bottom:10px; }
#sec9 .sec_inner p.sec9_sub{font-family: 'Nanum Myeongjo', serif; color: #cec2bb; font-size: 13px; font-weight: 600; text-align: center; margin: 0 0 25px; }
#sec9 .sec_inner .insta{}
#sec9 .sec_inner .insta ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 5px;}
#sec9 .sec_inner .insta ul li img {width:100%;}



#footer{margin-top:0 !important;}
/* BASIC css end */