/* BASIC css start */
.header-height {
    padding: 0 !important;
}
.top_banner{position:relative; width: 100%; height: 40px; background: #000 url(/design/toocool4/vivid/PC_img/top_banner.png) no-repeat center center; background-size: contain;}
.top_banner a{width: 20px; height: 20px; background: url(/design/toocool4/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 a {
    width: 100%;
    height: 100%;
    display: block;
}
#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: 15px !important;
    display: block;
    text-align: right !important;
}

#mainSpot .swiper-pagination-bullet {
    background: transparent;
    border: 2px solid #fff;
    width: 11px;
    height: 11px;
    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;
    background: #fff;
} 
.sec_inner{width: 1200px; margin: 0 auto;}

 
#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;}

 
#sec2{background-color: #f5f5f5;padding: 150px 0;width: 100%;/* height: 760px; */}
#sec2 h2{/*font-family: 'Noto Sans KR', sans-serif;*/font-size: 22px;color: #000;font-weight:600} 
#sec2 p{/*font-family: 'Noto Sans KR', sans-serif;*/font-size: 18px;color: #000;margin: 15px 0;}
#sec2 a{/*font-family: 'Montserrat', sans-serif;*/font-size: 16px;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: 25px; 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: 15px !important;
    display: block;
    text-align: right !important;
}

#sec2 .swiper-pagination-bullet {
    background: transparent;
    width: 11px;
    height: 11px;
    border: 2px solid #000;
    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;
    box-sizing: border-box;
}

#sec2 .swiper-pagination-bullet-active {
    font-size: 32px;
    font-weight: 700;
    background: #000;
} 
#sec3{/* height:782px; */padding-top: 150px;padding-bottom: 150px;}
#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: 17px;font-weight: 500;}
#sec3 .sec_inner .cate ul li.active a{/*font-family: 'Montserrat', sans-serif;*/color: #000;font-size: 17px;font-weight: 500;}
#sec3 .new_in_best_selling{}
 
#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: 34px;font-weight: 400;}
#sec3 .new_in_best_selling>div .tit_wrap p{/*font-family: 'Noto Sans KR', sans-serif;*/font-size: 20px;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: 17px;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: 16px;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: 18px;color: #000;}
#sec3 .new_in_best_selling>div .swiper-wrapper li .info .prdprice strike{font-size: 16px;color: #888;}
.swiper_btn_prev{cursor:pointer;position: absolute; left: 0; bottom: 30px; width: 28px; height: 13px; background: url(/design/toocool4/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(/design/toocool4/vivid/PC_img/sec3_btn_next.png) no-repeat center center; background-size: contain;}
.swiper_btn_prev.swiper-button-disabled{background-image: url(/design/toocool4/vivid/PC_img/sec3_btn_dis_prev.png);}
.swiper_btn_next.swiper-button-disabled{background-image: url(/design/toocool4/vivid/PC_img/sec3_btn_dis_next.png);}
 

#sec3 .new_in{display: block;}
#sec3 .best_selling{display: none;width: 1200px !important;}
 
#sec4{width: 100%;min-height: 817px; padding-bottom: 150px;}
 
.main-section08 {/*padding:135px 0 0; */text-align: center;}
.main-section08 .main-title {text-align:center;}
.main-section08 .main-title h2 {font-size: 36px;color:#000;font-family: "Helvetica Neue MediumCond",sans-serif;font-weight:normal;margin-top: 150px; }
.main-section08 .main-title p {font-size: 18px;color:#6c6c6c;font-weight:300;letter-spacing:-1px;padding:5px 0 0;} 
.main-section08 .main-title {padding:0 0 30px;}
.main-section08 .insta-wrap .insta-box {width:395px; height:395px; margin:0 7px 7px 0;}
.main-section08 .insta-wrap .insta-box:nth-child(3n) {margin-right:0;}
.main-section08 .insta-wrap .insta-box img {width:100%;}

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