/* BASIC css start */
/*************************** AURA 스킨 CSS ************************/

/* 롤링배너 */
#mainSpot{}
#mainSpot .spotSlider li a img{width: 100%;}
#mainSpot .spotSlider .slick-dots{position: absolute; bottom: 14px !important; left: 50%; transform: translateX(-50%); }
#mainSpot .spotSlider .slick-dots li{ width:8px !important; height:8px !important; border-radius: 50%; background-color: #fff !important; border-style: none; margin: 0px 7px; float: left;}
#mainSpot .spotSlider .slick-dots li button{font-size:0; opacity: 0;}
#mainSpot .spotSlider .slick-dots li.slick-active { background-color: #000 !important;}

/* 타이틀 */
.cateTit{padding: 40px 0 25px; text-align: center;}
.cateTit h3{color: #242424; font-family: 'Noto Sans KR', sans-serif; font-size: 1.4rem; letter-spacing: -1px;}
.cateTit .line{width: 20px !important; height: 1px; margin: 20px auto 0; background: #000;}
.cateTit span{display: inline-block; margin-top: 22px; color: #999999; font-size: 0.8rem; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px;}

/* 동영상영역 */
.videoWrapper{position : relative; width : 100%; height : 0; padding-bottom : 56.25%;}
.videoWrapper iframe{position : absolute; top : 0; left : 0; width : 100%; height : 100%;}

/* 상품 영역 */
.list_shopping2x ul{padding: 0;}
.list_shopping2x li{width: 49%; margin-right: 2%;}
.list_shopping2x li:nth-of-type(2n){margin-right: 0;}
.list_shopping2x li a{padding: 0;}
.list_shopping2x .list_shoppingInfo{padding-bottom: 35px;}
.items .thumb{position: relative;}
.items .thumb .dc{position: absolute; bottom: 8px; right: 8px; }
.items .thumb .dc .dc_per{display: block; width: 38px; height: 38px; line-height: 38px; background: #242424; border-radius: 50%; color: #fff; font-size: .7rem; font-family: 'Montserrat',sans-serif; text-align: center; }
.items .thumb .dc .pro_per{display: block; width: 38px; height: 38px; line-height: 38px; border-radius: 50%; color: #fff; font-size: .7rem; font-family: 'Montserrat',sans-serif; background: #242424; white-space: nowrap; text-align: center; overflow: hidden;}

.listName{padding-bottom: 8px;}
.prd-subname{margin-bottom: 8px;}
.shop_price{margin-top: 2px;}
.specialarea .items li:nth-of-type(2n){margin-right: 2%;}
.specialarea .items li:nth-of-type(2n-1){margin-right: 0}

/* 추천 글 영역 */
.reviewarea{margin: 15px 0 40px;}
.reviewarea figure img{width: 100%;}
.reviewarea figure figcaption{padding: 50px 32px 70px; text-align: center; background: #f5f5f5;}
.reviewarea figure figcaption h3{font-size: 1.4rem; color: #242424; font-family: 'Noto Sans KR', sans-serif; font-weight: bold; letter-spacing: -2px;}
.reviewarea figure figcaption p{color: #333; font-size: .9rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; line-height: 29px; margin-top: 30px;}
.reviewarea figure figcaption span{display: inline-block; margin-top: 38px; border: 1px solid #808080;}
.reviewarea figure figcaption span a{display: block; padding: 12px 46px; color: #000; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; font-weight: bold; letter-spacing: 5px;}

/* 탭상품 */
.tabarea{margin: 40px 0;}
.tab_swip{width: 100%; margin-bottom: 30px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; overflow: hidden;}
.tab_swip .tab:after{content:''; display:block; clear:both}
.tab_swip .tab div{float: left; width: initial !important; height: auto; padding: 14px 28px;}
.tab_swip .tab div.live{background: #f4f4f4;}
.tab_swip .tab div span{color: #333333; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif;}
.intabarea {display:none}
.intabarea.active{display:block}

/* 인스타 영역 */
.instagram{background: #f5f5f5; padding: 50px 45px; text-align: center;}
.instagram .title img{width: 24px;}
.instagram .title p{padding: 20px 0 30px; color: #242424; font-size: 1.6rem; font-family: 'Montserrat',sans-serif;}

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


/* 파워리뷰 영역 */
.reviewWrap {margin: 40px auto;padding-top: 40px;}
.reviewWrap .tit_area {text-align: center;margin-bottom: 50px;}
.reviewWrap .tit_area::after {content: "";width: 35px;height: 2px;display: inline-block;background-color: #000;}
.reviewWrap .tit_area h3 {font-size: 22px;font-weight: 300;color: #242424;line-height: 22px;margin-bottom: 30px;}
.reviewWrap .review_area {margin: 50px auto 0;}
.reviewWrap .review_area .review_list {font-size: 0;}
.reviewWrap .review_area .review_list .list {margin-top: 20px;}
.reviewWrap .review_area .review_list .list:first-child {margin-top: 0;}
.reviewWrap .review_area .review_list .list a {display: flex;align-items: center;}
.reviewWrap .review_area .review_list .list a img {width: 152px;vertical-align: middle;object-fit: cover;height: 152px;}
.reviewWrap .review_area .thumb_wrap {width: 152px;margin-right: 30px;}
.reviewWrap .review_area .txt_wrap {box-sizing: border-box;}
.reviewWrap .review_area .txt_wrap .name_txt {font-size: 14px;font-weight: 300;font-family: 본고딕;color: #242424;}
.reviewWrap .review_area .txt_wrap .con_txt {font-size: 12px;font-weight: 300;color: #8c8c8c;margin-top: 25px;line-height: 1.75;}
.reviewWrap .review_area .score_wrap {margin-top: 25px;vertical-align: middle;}
.reviewWrap .review_area .score_wrap span.ico_score {display: inline-block;width: 25px;height: 21px;background-image: url(/design/emaxsol/img/ico_score.png);background-repeat: no-repeat;background-position: center;background-size: 25px 21px;margin-right: 10px;vertical-align: middle;}
.reviewWrap .review_area .score_wrap span.review_score {font-size: 12px;font-weight: 500;color: #242424;font-family: 'Montserrat';vertical-align: middle;}
.reviewWrap .more_btn {margin-top: 60px;text-align: center;}
.reviewWrap .more_btn a {display: inline-block;width: 245px;height: 65px;box-sizing: border-box;border: 1px solid #e6e6e6;color: #b8b7b7;font-size: 12px;font-weight: bold;font-family: "Malgun Gothic";vertical-align: middle;line-height: 61px;}
/* BASIC css end */

