/* BASIC css start */
#contentWrapper{margin:0;}
#content { width:1200px; }

.top_banner{position:relative; width: 100%; height: 40px; background: #000 url(//skin.makeshop.co.kr/skin/vivid/PC_img/top_banner.png) no-repeat center center; background-size: contain;}
.top_banner a{width: 20px; height: 20px; background: url(//skin.makeshop.co.kr/skin/vivid/PC_img/top_banner_close.png) no-repeat center center; background-size: contain; display: inline-block; position: absolute; right: 20px; top: 50%;transform: translateY(-50%);text-indent:-9999px }
/* 메인 비쥬얼 배너 */
#mainSpot {
overflow:hidden;
    width: 100%;
    height: 100vh;

}

#mainSpot .swiper {
    width: 100%;
    height: 100%;
}

#mainSpot .swiper-wrapper {}

#mainSpot .swiper-slide {
    width: 100%;


}

#mainSpot .swiper-slide img{width:100%;}

#mainSpot .swiper-pagination {
    position: absolute;
    right: 10% !important;
    margin-bottom: 15px;
    text-align: right !important;
}

#mainSpot .swiper-pagination span {
    margin-bottom: 20px !important;
    display: block;
    text-align: right !important;
}

#mainSpot .swiper-pagination-bullet {
    background: none !important;
    width: 140px;
    height: 20px;
    border: none !important;
    line-height: 40px;
    font-size: 30px;
    color: #fff !important;
    opacity: 1 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;

}

#mainSpot .swiper-pagination-bullet-active {
    font-size: 32px;
    font-weight: 700;


}
/* 섹션 이너 공통*/
.sec_inner{width: 1200px; margin: 0 auto;}


/* 섹션1 */
#sec1{width: 100%; height: 1054px; background-color: white; padding: 127px 0;}
#sec1 h2{font-family: 'Noto Sans KR', sans-serif; font-size: 20px; color: #000; font-weight:600} 
#sec1 p{font-family: 'Noto Sans KR', sans-serif;font-size: 16px; color: #000;}
#sec1 a{font-family: 'Montserrat', sans-serif; font-size: 14px; text-decoration: underline; font-weight: 600;}

#sec1 .sec1_text1{ height: 180px;padding: 20px 0;}
#sec1 .sec1_text1 h2{}
#sec1 .sec1_text1 p{margin: 15px 0;}
#sec1 .sec1_text1 a{}

#sec1 .sec1_text2{float: left; margin-left: 90px;padding-top: 30px;}
#sec1 .sec1_text2 h2{}
#sec1 .sec1_text2 p{margin: 15px 0;}
#sec1 .sec1_text2 a{}

#sec1 .sec1_thumb{float: left;}
#sec1 .sec1_thumb img{}

#sec1 .sec1_thumb2{float: right; margin-top: -150px;}


/* 섹션2 */
#sec2{background-color: #f5f5f5;padding: 90px 0;width: 100%; height: 760px;}
#sec2 h2{font-family: 'Noto Sans KR', sans-serif; font-size: 20px; color: #000; font-weight:600} 
#sec2 p{font-family: 'Noto Sans KR', sans-serif;font-size: 16px; color: #000; margin: 15px 0;}
#sec2 a{font-family: 'Montserrat', sans-serif; font-size: 14px; text-decoration: underline; font-weight: 600;}

#sec2 .swiper{position: relative;}
#sec2 .swiper-wrapper{}
#sec2 .swiper-slide{background-color: #f5f5f5;}
#sec2 .swiper-slide .s_thumb{float: left;}
#sec2 .swiper-slide .s_thumb img{}
#sec2 .swiper-slide .s_text_area{float: left; margin-left: -50px; margin-top: 240px;}
#sec2 .swiper-pagination {
    position: absolute;
    top: 0 !important;
    margin-bottom: 15px;
    text-align: right !important;
    left: 1130px;
    width: 100px !important;
    padding-top: 232px;
}

#sec2 .swiper-pagination span {
    margin-bottom: 35px !important;
    display: block;
    text-align: right !important;
}

#sec2 .swiper-pagination-bullet {
    background: none !important;
    width: 60px;
    border: none !important;
    line-height: 40px;
    font-size: 30px;
    color: rgb(0, 0, 0) !important;
    opacity: 1 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;

}

#sec2 .swiper-pagination-bullet-active {
    font-size: 32px;
    font-weight: 700;
}

/* 섹션3 */

#sec3{height:782px; padding-top:120px}
#sec3 .sec_inner{}
#sec3 .sec_inner .cate{margin-bottom: 5px;}
#sec3 .sec_inner .cate ul{}
#sec3 .sec_inner .cate ul li{display: inline-block; margin-right: 40px;}
#sec3 .sec_inner .cate ul li a{font-family: 'Montserrat', sans-serif; color: #aaa; font-size: 13px; font-weight: 500;}
#sec3 .sec_inner .cate ul li.active a{font-family: 'Montserrat', sans-serif; color: #000; font-size: 13px; font-weight: 500;}
#sec3 .new_in_best_selling{}

/* 섹션3 공통 */
#sec3 .new_in_best_selling{width: 100%; height: 500px; }
#sec3 .new_in_best_selling>div{position: relative;}
#sec3 .new_in_best_selling>div .swiper{width: 865px;}
#sec3 .new_in_best_selling>div .tit_wrap{padding-top: 60px; float: left;width: 335px;}
#sec3 .new_in_best_selling>div .tit_wrap h3{font-family: 'Montserrat', sans-serif; color: #000; font-size: 30px; font-weight: 400;}
#sec3 .new_in_best_selling>div .tit_wrap p{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; color: #000; font-weight: 300;margin: 40px 0;}
#sec3 .new_in_best_selling>div .tit_wrap a{font-family: 'Montserrat', sans-serif; color: #000; font-size: 13px;text-decoration: underline;font-weight:500}
#sec3 .new_in_best_selling>div .swiper-wrapper{height: 500px; width: 865px; }
#sec3 .new_in_best_selling>div .swiper-wrapper li{float: left;}
#sec3 .new_in_best_selling>div .swiper-wrapper li .tumb{width: 420px; height: 420px;}
#sec3 .new_in_best_selling>div .swiper-wrapper li .tumb a{width: 100%; height: 100%;}
#sec3 .new_in_best_selling>div .swiper-wrapper li .tumb a img{width: 420px; height: 420px;}
#sec3 .new_in_best_selling>div .swiper-wrapper li .info{padding-top:15px}
#sec3 .new_in_best_selling>div .swiper-wrapper li .info .prdname{font-family: 'Noto Sans KR', sans-serif; font-size: 12px; color: #000;}

#sec3 .new_in_best_selling>div .swiper-wrapper li .info .prdcolor{float:right;}
#sec3 .new_in_best_selling>div .swiper-wrapper li .info .prdcolor span{display:inline-block; width:10px; height:10px; border-radius:50%; margin-left:4px; border:1px solid #ccc}

#sec3 .new_in_best_selling>div .swiper-wrapper li .info .prdprice{font-family: 'Montserrat', sans-serif;margin:10px 0; font-weight:500; }
#sec3 .new_in_best_selling>div .swiper-wrapper li .info .prdprice span{font-size: 14px; color: #000;}
#sec3 .new_in_best_selling>div .swiper-wrapper li .info .prdprice strike{font-size: 12px; color: #888;}
.swiper_btn_prev{cursor:pointer;position: absolute; left: 0; bottom: 30px; width: 28px; height: 13px; background: url(//skin.makeshop.co.kr/skin/vivid/PC_img/sec3_btn_prev.png) no-repeat center center; background-size: contain;} 
.swiper_btn_next{cursor:pointer;position: absolute; left: 50px; bottom: 30px; width: 28px; height: 13px;background: url(//skin.makeshop.co.kr/skin/vivid/PC_img/sec3_btn_next.png) no-repeat center center; background-size: contain;}
.swiper_btn_prev.swiper-button-disabled{background-image: url(//skin.makeshop.co.kr/skin/vivid/PC_img/sec3_btn_dis_prev.png);}
.swiper_btn_next.swiper-button-disabled{background-image: url(//skin.makeshop.co.kr/skin/vivid/PC_img/sec3_btn_dis_next.png);}
/* 섹션 3 공통 끝 */

#sec3 .new_in{display: block;}
#sec3 .best_selling{display: none;width: 1200px !important;}

/* 섹션4 */

#sec4{width: 100%; height: 817px;}

/* BASIC css end */