/* BASIC css start */
.black_fri_top { position: relative; background: #000000; width: 100%; height: 860px; }
.black_fri_top_bg_01 { position: absolute; background: url(/design/shehjcom/img/event/241114/bg_scratch.png) no-repeat; width: 100%; height: 100%; background-size: cover; }
.black_fri_top_bg_02 { background: url(/design/shehjcom/img/event/241114/bg_noise.gif) no-repeat; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; opacity: 0.5; }
.black_fri_top_img { position: absolute; top: calc(50% - 230px); left: 0px; right: 0px; margin: 0 auto; text-align: center; }
.black_fri_top_img img {}
.black_fri_top_img_01 { position: relative; z-index: 2; }
.black_fri_top_img_02 { position: absolute; left: 0px; right: 0px; margin: 0 auto; filter: blur(20px); z-index: 1; opacity: 1; }
.black_fri_top_img_02 { animation: black_fri_top_img 2s infinite; }

@keyframes black_fri_top_img {
  0% { opacity: 1; }
  50% { opacity: 0.25; }
  99% { opacity: 1; }
}



.black_fri_scroll { position: absolute; top: calc(50% + 250px); z-index: 10; text-align: center; width: 100%; }
.black_fri_scroll > ul {}
.scroll_move { width: 20px; display: inline-block; height: 65px; border: 2px solid #ffffff; border-radius: 50px; position: relative; }
.scroll_move > div { width: 14px; height: 14px; background: #ffffff; border-radius: 20px; position: absolute; left: 0px; right: 0px; margin: 0 auto; top: 3px; }
.scroll_move > div { animation: black_fri_scroll 1.5s infinite; }
.text_arrow {}
.text_arrow div { color: #ffffff; }

@keyframes black_fri_scroll {
  0% { top: 3px; }
  100% { top: 47px; }
}


#wrapper .headermenu { position: absolute; background: rgba(255, 255, 255, 0.3); }
#wrapper .headermenu:hover { background: rgba(255, 255, 255, 0.8); }







.black_fri_list { position: relative; width: calc(100% - 40px); max-width: 1700px; min-width: 1280px; padding: 0px 20px; margin: 0 auto; }

.black_fri_list > div { padding-top: 100px; }

.black_fri_tab { position: relative; width: 800px; text-align: center; margin: 0 auto; }
.black_fri_tab > ul { font-size: 0px; display: inline-block; border: 1px solid #000000; border-radius: 30px; overflow: hidden; }
.black_fri_tab > ul > li { display: inline-block; width: 158px; vertical-align: top; border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding: 10px 0px; }
.black_fri_tab > ul > li:nth-child(5n) { border-right: 0px; }
.black_fri_tab > ul > li:nth-child(n+6) { border-bottom: 0px; }
.black_fri_tab > ul > li:nth-child(1) { width: 160px; }
.black_fri_tab > ul > li:nth-child(5) { width: 160px; }
.black_fri_tab > ul > li:nth-child(6) { width: 160px; }
.black_fri_tab > ul > li:nth-child(10) { width: 160px; }

.black_fri_tab > ul > li a { font-size: 18px; font-family: 'AdobeCaslonPro', 'Pretendard', sans-serif; color: #000000; vertical-align: text-top; }

.black_fri_tab > ul > li.active { background: #000000; }
.black_fri_tab > ul > li.active a { color: #ffffff; }


/*»óÇ° ¸®½ºÆ® css*/
.hj_goods_list { position: relative; width: 1335px; font-size: 0px; text-align: center; }
.goods_list_s { position: relative; display: inline-block; width: 311px; margin-right: 30px; padding-bottom: 60px; vertical-align: top; font-family: 'Noto Sans KR',sans-serif; text-align: left; }
.goods_list_s:last-child { margin-right: 0px; }
.goods_list_s .goods_th { position: relative; width: 100%; }
.goods_list_s .goods_th img { width: 100%; }
.goods_list_s .goods_color { font-size: 0px; line-height: 0px; padding-top: 13px; }
.goods_list_s .goods_color span { width: 15px; height: 4px; display: inline-block; border: 1px solid #d1d1d1; margin-right: 3px; margin-bottom: 2px; }
.goods_list_s .goods_name { font-size: 14.5px; color: #323232; font-weight: 500; line-height: 20px; padding: 11px 0px 0px 0px; width: 100%; }
.goods_list_s .goods_price { position: relative; font-size: 13px; color: #323232; padding-top: 10px; width: 100%; padding-bottom: 10px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; }
.goods_list_s .goods_price .goods_price_01 { padding-right: 6px; font-weight: 700; font-size: 17px; }
.goods_list_s .goods_price .goods_price_02 { color: #b2b0b0; text-decoration: line-through; font-size: 12px; font-weight: 300; }
.goods_list_s .goods_price .goods_price_03 {  font-weight: 700; font-size: 17px; }
.goods_list_s .goods_price .goods_price_04 {  display: block; font-size: 14px; font-weight: 600; color: #999999; text-decoration: line-through; }
.goods_list_s .goods_price .goods_price_dc { color: #c46f6a; font-weight: 500; font-size: 25px; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; letter-spacing: -1px; }
.goods_list_s .goods_subname { font-size: 13px; font-weight: 300; color: #666666; padding-top: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 5px; }
.goods_list_s .goods_subname br { display: none; }
.goods_list_s .crema-product-reviews-count { font-size: 13px; font-weight: 300; color: #ad6c62; padding-top: 5px; }
.goods_list_s .prdIcon { padding-top: 11px; text-align: left; }


.main_goods_new .hj_goods_list.grid4_new { width: calc(100% - 100px); padding: 75px 50px 20px 50px; }
.main_goods_new .hj_goods_list.grid4_new .goods_list_s { width: calc( 25% - 21px ); margin-right: 28px; }
.main_goods_new .hj_goods_list.grid4_new .goods_list_s:nth-child(4n) { margin-right: 0px; }
.main_goods_new .hj_goods_list.grid5_new { }
.main_goods_new .hj_goods_list.grid5_new .goods_list_s { width: calc( 20% - 25px ); margin-right: 20px; }
.main_goods_new .hj_goods_list.grid5_new .goods_list_s:nth-child(5n) { margin-right: 0px; }

.black_more { position: realtive; text-align: center; padding-bottom: 75px; }
.black_more span { padding: 20px 40px; background: #000000; border-radius: 40px; }
.black_more span a { color: #ffffff; font-family: 'AdobeCaslonPro', 'Pretendard', sans-serif; font-size: 25px; }

/* BASIC css end */