/* BASIC css start */
a{outline:0; border:0}
/* 롤링배너 */
#mainSpot .spotSlider li a img{width: 100%;}
#mainSpot .spotSlider .slick-dots{ position: absolute; bottom: 12px !important; left: 50%; transform: translateX(-50%); border-bottom: 1px solid #fff;}
#mainSpot .spotSlider .slick-dots li{ float: left;}
#mainSpot .spotSlider .slick-dots li button{ border: 0; padding: 0 5px 6px; background: none; color: #fff; font-size: 1rem; font-family: 'Jost', sans-serif; font-weight: bold; outline: 0;}
#mainSpot .spotSlider .slick-dots li.slick-active button{ border-bottom: 3px solid #fff;}
#mainSpot .slick-dots li:nth-of-type(1) button { padding-left: 0;}
#mainSpot .slick-prev{width:20px; height:41px; background:url(/design/carise0411/multibasic/m/icon/leftarrow.png) 0 0 no-repeat; background-size: contain; font-size: 0; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); left: 12px; outline:0; border: 0;}
#mainSpot .slick-next{width:20px; height:41px; background:url(/design/carise0411/multibasic/m/icon/rightarrow.png) 0 0 no-repeat; background-size: contain; font-size: 0; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); right: 12px; outline:0; border: 0;}

/* 이미지 배너 */
.imgBanner { margin:50px 15px 0; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { width:calc(100%/2 - 8px); padding-right:15px; float:left; text-align: center;}
.imgBanner ul li:nth-of-type(2n){ padding-right: 0;}
.imgBanner ul li a{ position: relative; display: block;}
.imgBanner ul li > a > img{border-radius: 50%; width:100%}
.imgBanner ul li .caption{margin:15px 0 0}
.imgBanner ul li .caption h3{color: #151515; font-size: 1.1rem; font-family: 'Noto Sans KR', sans-serif;}
.imgBanner ul li .caption p{ margin: 13px 0 15px; color: #888888; font-size: 0.93rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; line-height: 21px;}
.imgBanner ul li .caption span{ display: inline-block; padding: 3px 23px; margin: 0 0 26px; color: #000; font-family: 'Noto Sans KR', sans-serif; font-size: .8rem; font-weight: bold; border: 2px solid #000; border-radius: 18px;}
    
/* 구분선 */
.line{ padding: 50px 17px;}
.line img{ width: 100%;}

/* cate */
.cateTit{ text-align: left; padding: 0 17px 45px;}
.cateTit p {display: inline-block; padding: 0 0 7px; margin: 0 0 15px; color: #000; font-size: .9rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; border-bottom: 2px solid #000;}
.cateTit h3 { margin: 0 0 13px; color: #000; font-size: 1.7rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; line-height: 37px; }
.cateTit h3 b{font-weight: 500;}

/* 상품 */
.procont .items li a img{ width: 100%;}
.procont .items .slick-list{ padding-left: 120px;}
.procont .items .slick-slide{padding-right: 20px;}
.procont .items .slick-slide:nth-of-type(1){ margin-left: -100px;}
.procont .slick-prev{width:12px; height:23px; background:url(/design/carise0411/multibasic/m/icon/leftarrow_s.png) 0 0 no-repeat; background-size: contain; font-size: 0; position: absolute; z-index: 10; top: -200px; right: 62px; outline:0; border: 0;}
.procont .slick-next{width:12px; height:23px; background:url(/design/carise0411/multibasic/m/icon/rightarrow_s.png) 0 0 no-repeat; background-size: contain; font-size: 0; position: absolute; z-index: 10; top: -200px; right: 17px; outline:0; border: 0;}
.items .thumb{position: relative;}
.items .thumb .dc{position: absolute; top: 8px; left: 8px; }
.items .thumb .dc .dc_per{display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; color: #fff; font-size: .7rem; font-family: 'Quicksand', sans-serif; font-weight: 600; background: #242424; white-space: nowrap; text-align: center; overflow: hidden;}
.items .list_shoppingInfo{ padding: 14px 0;}

/* 리뷰 */
.sectionTit{     margin: 0 0 15px;}
.sectionTit:after { display:block; clear:both; content:'' }
.sectionTit h2{color: #000; font-size: 1.4rem; font-family: 'Quicksand', sans-serif; font-weight: 700;}
.reviewarea{ padding: 0 17px;}
.reviewarea .review_box .power_review .item-list{ padding: 20px 0; border-bottom: 1px solid #eee; font-size: 0;}
.reviewarea .review_box .power_review .slick-slide div:last-of-type .item-list{border-bottom: 0}
.reviewarea .review_box .power_review .item-list .thumb{ display: inline-block; width: 35%; vertical-align: top; margin: 0 4% 0 0;}
.reviewarea .review_box .power_review .item-list .thumb img{ width: 100%;}
.reviewarea .review_box .power_review .item-list .prd-info{display: inline-block; width: 61%;}
.reviewarea .review_box .power_review .item-list .prd-info .info_tit:after{content:''; display:block; clear:both}
.reviewarea .review_box .power_review .item-list .prd-info .info_tit .score{ float: left; color: #242424; font-size: .85rem; font-family: 'Quicksand', sans-serif; font-weight: bold;}
.reviewarea .review_box .power_review .item-list .prd-info .info_tit .score em{font-size: 1rem; margin: 0 3px 0 0;}
.reviewarea .review_box .power_review .item-list .prd-info .info_tit .userBox{ color: #888; font-family: 'Noto Sans KR', sans-serif; font-size: .74rem; font-weight: 100; float: right;}
.reviewarea .review_box .power_review .item-list .prd-info .info_tit .userBox p{float: left; margin: 0 0 0 6px;}
.reviewarea .review_box .power_review .item-list .prd-info .info_con .name{margin: 15px 0 0;}
.reviewarea .review_box .power_review .item-list .prd-info .info_con .name a{ color: #000; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; outline: 0;}
.reviewarea .review_box .power_review .item-list .prd-info .info_con .cont{margin: 12px 0 0;}
.reviewarea .review_box .power_review .item-list .prd-info .info_con .cont a{ color: #888888; font-family: 'Noto Sans KR', sans-serif; font-size:0.9rem; outline: 0; line-height: 22px; font-weight: 300;}
.slick-initialized .slick-slide{ outline: 0; border: 0;}

/* 인스타영역 */
.insta_area{ padding: 0 17px 40px;}
.insta_area .sectionTit h2{ float: left;}
.insta_area .sectionTit div{ float: right;}
.insta_area .sectionTit div p{ float: left; margin: 5px 10px 0 0; color: #b0afaf; font-size: 13px; font-family: 'Quicksand', sans-serif;}
.insta_area .sectionTit div i{ float: left; width: 26px;}
.insta_area .sectionTit div i img{ width: 100%;}


.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


/* BASIC css end */