/*레이아웃*/
#common_nav {margin-top: 77px;}
#product_new_list {margin-top: 220px; margin-bottom: 40px;}
#product_new_list2 {margin-top: 20px; margin-bottom: 40px;}

/*네비게이션*/
.common_nav {text-align: center;}
.common_nav ul {overflow: hidden;}
.common_nav ul li {float: left; width: calc(100%/8 - 2px); border: 1px solid #e1e1e1; margin-right: -1px; background: #fff;}
.common_nav ul li a p {padding-bottom: 20px;}
.common_nav ul li .nav_icon {width:50px; height:50px; background: url("/images/pc/icon_set_01.png") no-repeat; margin: 20px auto 7px auto;}
.common_nav ul li .icon_num01 {background-position: 0 0;}
.common_nav ul li .icon_num02 {background-position: -50px 0;}
.common_nav ul li .icon_num03 {background-position: -400px 0;}
.common_nav ul li .icon_num04 {background-position: -150px 0;}
.common_nav ul li .icon_num05 {background-position: -200px 0;}
.common_nav ul li .icon_num06 {background-position: -250px 0;}
.common_nav ul li .icon_num07 {background-position: -300px 0;}
.common_nav ul li .icon_num08 {background-position: -350px 0;}

/*hover*/
.common_nav ul li:hover {background: #fc3c64;}
.common_nav ul li:hover p {color:#fff;}
.common_nav ul li.active .icon_num01, .common_nav ul li:hover a .icon_num01 {background-position: 0 -50px;}
.common_nav ul li.active .icon_num02, .common_nav ul li:hover a .icon_num02 {background-position: -50px -50px;}
.common_nav ul li.active .icon_num03, .common_nav ul li:hover a .icon_num03 {background-position: -400px -50px;}
.common_nav ul li.active .icon_num04, .common_nav ul li:hover a .icon_num04 {background-position: -150px -50px;}
.common_nav ul li.active .icon_num05, .common_nav ul li:hover a .icon_num05 {background-position: -200px -50px;}
.common_nav ul li.active .icon_num06, .common_nav ul li:hover a .icon_num06 {background-position: -250px -50px;}
.common_nav ul li.active .icon_num07, .common_nav ul li:hover a .icon_num07 {background-position: -300px -50px;}
.common_nav ul li.active .icon_num08, .common_nav ul li:hover a .icon_num08 {background-position: -350px -50px;}

/*활성화*/
.active {background: #fc3c64 !important;}
.active p {color:#fff;}
/*네비게이션 끝*/


/*콘텐츠 시작*/
.product_new_list {display: flex; flex-wrap: wrap; justify-content: center;}
.product_new_list .product_feed {width: 296px; display:inline-block; padding: 30px 10px 50px 10px; box-sizing: border-box; transition: 0.5s ease; cursor: pointer;}
.thumb_img {width: 100%; position: relative;}
.thumb_img img {width: 90%; margin: 12px 5% 0 5%;}
.thumb_img .badge_wrap {top: auto; left: 0; position: absolute;}
.thumb_img .badge_wrap em {padding: 0 12px; text-align: center; font-size: 15px; font-weight: 400; background: #fe3c63; color: #fff; font-family: 'nerissemibold','Noto Sans KR'; line-height: 27px; border-radius: 20px; float: left; margin-right: 3px;}
.thumb_img .badge_wrap .deliv {float: left; padding: 0 12px; text-align: center; font-size: 13px; font-weight: 400; background: rgba(0,0,0,0.6); color: #fff; border-radius: 20px; line-height: 27px;}
.thumb_img .badge_wrap .hotdeal {font-family:'Noto Sans KR','Nanum Gothic';}
.pdt_name {width: 90%; letter-spacing: -1px; font-size: 16px; color: #111; display: block; text-align: center; min-height: 42px; overflow: hidden; margin: 10px auto 0px;}
.price {width: 100%; display: block; text-align: center; color: #fe3e64; font-size: 22px; font-weight: 600; font-family: 'nerisblack';}
.price em.ori_pri {font-size: 14px; text-decoration: line-through; color: #b7b6b6; margin-right: 3px; font-family: 'nerislight';}
.price em {font-size: 15px; color: #fe3e64;}


/*솔드아웃*/
.thumb_img .laySoldOut {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
.thumb_img .laySoldOut .tb {display: table; width: 248px; background-color: rgba(0, 0, 0, 0.5); height: 286px; margin: 12px auto 0 auto;}
.thumb_img .laySoldOut .tb .tb-cell.middle {width: 100%; height: 100%; vertical-align: 0; display: inline;}
.thumb_img .laySoldOut .imgSoldOut {width: 90%; padding-top: 20px;}


/*hover*/
.product_new_list .product_feed:hover {z-index: auto; box-shadow: 5px 5px 15px rgba(0,0,0,0.2);}


/*스크롤 탑값*/
.jbFixed {left: 50%; margin-left: -600px; z-index: 10; position: fixed; top: 0px;}


/*랭킹*/
.thumb_img .badge_wrap .rank_com {width: 50px; height: 50px; background: rgba(0, 0, 0, 0.5); float: left; margin-right: 10px; border-radius: 5px;}
.thumb_img .badge_wrap .rank_com span {color:#fff; display: block; text-align: center; font-size: 18px; font-weight: 600;}
.thumb_img .badge_wrap .rank_com > .rank_best {padding-top: 3px; font-size: 14px;}
.thumb_img .badge_wrap .rank_com > .not_best {padding-top: 9px; font-size: 22px;}
.thumb_img .badge_wrap .rank_top {background: rgba(129, 167, 255, 0.8);}


/*내가 찜한 상품 like_best*/
.like_best {color:#282828; font-size: 24px; font-weight: 600; padding: 100px 0 40px 0;}


/*바로구매하기 버튼 찜*/
.buy_btn {display: block; width:160px; text-align: center; height: 46px; border: 2px solid #fe3e64; margin: 20px auto 0 auto; box-sizing: border-box; border-radius: 5px; color:#fe3e64; font-weight: bold; padding-top: 10px; transition: 0.5s ease-in-out;}
.buy_btn:hover {background: #fe3e64; color:#fff;}
.best_box_under {text-align: center; margin-top: 15px;}
.best_box_under em {padding: 3px 8px; display: inline-block;}
.best_box_under .dc {background: #d3d3d3; color:#282828;}
.best_box_under .deliv {margin-left: 5px; background: rgba(254,62,100,0.8); color:#fff;}
.best_box_under .deliv2 {margin-left: 5px; background: rgba(254,62,100,0.8); color:#fff;}
.thumb_img .badge_wrap .deliv2 {float: left; padding: 0 12px; text-align: center; font-size: 13px; font-weight: 400; background: rgba(0,0,0,0.6); color: #fff; border-radius: 20px; line-height: 27px;}