#hr-wrap {
	width: 1000px;
	margin: 20px auto;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif; /* 20221117 수정 */
	/* font-family: 'NotoSans'; */
	font-size: 15px;
	line-height: 20px
}

#hr-wrap .clear_both {
	overflow: hidden;
	zoom: 1
}

#hr-wrap .clear_both:after {
	content: "";
	display: block;
	clear: both
}

#hr-wrap h1 {
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	font-size: 30px;
	line-height: 36px
}

#hr-wrap h2 {
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-size: 26px;
	line-height: 32px
}

#hr-wrap h3 {
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-size: 20px;
	line-height: 26px
}

#hr-wrap h4 {
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-size: 14px;
	line-height: 20px
}

#hr-wrap a.micro_btn_red {
	display: inline-block;
	width: 186px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	color: #fff;
	background: #e53433;
	text-align: center;
	box-sizing: border-box
}

#hr-wrap a.micro_btn_brown {
	display: inline-block;
	width: 186px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	color: #fff;
	background: #373231;
	text-align: center;
	box-sizing: border-box
}

#hr-wrap a.micro_btn_red_m {
	display: inline-block;
	min-width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	color: #fff;
	background: #e53433;
	text-align: center;
	box-sizing: border-box
}

#hr-wrap a.micro_btn_brown_m {
	display: inline-block;
	min-width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 13px;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	color: #fff;
	background: #373231;
	text-align: center;
	box-sizing: border-box
}

#hr-wrap a.micro_btn_red_s {
	display: inline-block;
	padding: 0 19px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	color: #fff;
	background: #e53433;
	text-align: center;
	box-sizing: border-box
}

#hr-wrap a.micro_btn_brown_s {
	display: inline-block;
	padding: 0 19px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	color: #fff;
	background: #373231;
	text-align: center;
	box-sizing: border-box
}

#hr-wrap a.micro_btn_ic_red_s {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	padding: 5px 15px 5px 6px;
	border: 1px solid #d8dbdf;
	border-radius: 4px;
	background: #fdfdfd;
	line-height: 1;
	font-size: 12px;
	color: #666
}

#hr-wrap a.micro_btn_ic_red_s:after {
	content: "";
	position: absolute;
	right: 6px;
	top: 50%;
	width: 4px;
	height: 8px;
	background: url(http://www.shilladfs.com/estore/_ui/desktop/common/shilladfshome/kr/img/common/ico_arrow.png) no-repeat right 0;
	margin-top: -4px
}

#hr-wrap a.micro_btn_white_s {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	padding: 5px 6px 5px 6px;
	border: 1px solid #d8dbdf;
	border-radius: 4px;
	background: #fdfdfd;
	line-height: 1;
	font-size: 12px;
	color: #666
}

#hr-wrap .btn_payment a.micro_btn_red,
#hr-wrap .btn_payment a.micro_btn_brown {
	margin: 0;
	padding: 0;
	width: 178px;
	float: left
}

#hr-wrap .btn-area a {
	float: left;
	margin-left: 8px
}

#hr-wrap .btn-area a:first-child {
	margin-left: 0px
}

#hr-wrap .micro_count {
	position: relative;
	width: 138px;
	border: 1px solid #e0e0e0;
	border-radius: 2px
}

#hr-wrap .micro_count a {
	position: absolute;
	top: 0;
	display: block;
	padding: 2px 7px 0 7px
}

#hr-wrap .micro_count a img {
	vertical-align: middle
}

#hr-wrap .micro_count a.plus {
	right: 0
}

#hr-wrap .micro_count input.input {
	display: block;
	width: 74px;
	margin: 0 auto;
	text-align: center;
	font-size: 12.1px;
	border: 1px solid #d3d3d3;
	padding: 5px 8px;
	color: #333;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	border-top: none;
	border-bottom: none
}

#hr-wrap .micro_table_tbody {
	width: 100%;
	border-bottom: 1px solid #bfbfbf
}

#hr-wrap .micro_table_tbody tr:first-child th,
#hr-wrap .micro_table_tbody tr:first-child td {
	border-top: 2px solid #333
}

#hr-wrap .micro_table_tbody th {
	padding: 19px 15px;
	text-align: left;
	border-top: 1px solid #e0e0e0
}

#hr-wrap .micro_table_tbody td {
	padding: 19px 15px;
	text-align: left;
	border-top: 1px solid #e0e0e0
}

#hr-wrap a {
	text-decoration: none
}

#hr-wrap ul {
	list-style: none
}

:root {
	--swiper-theme-color: #fff
}

.bold {
	font-weight: bold
}

#hr-wrap .slick-dots li {
	cursor: pointer
}

#hr-wrap .slick-dots li button {
	border: none !important
}

#hr-wrap .slick-arrow {
	border: none !important
}

#hr-wrap #header-hr {
	background-color: #fff;
	z-index: 10;
	margin: 0 auto
}

#hr-wrap #header-hr .logo {
	width: 100%;
	padding: 20px 0;
	display: flex;
	justify-content: center
}

#hr-wrap #header-hr .gnb-list {
	position: relative;
	padding: 0 20px;
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #000
}

#hr-wrap #header-hr .gnb-list>ul {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	display: flex;
	width: 100%
}

#hr-wrap #header-hr .gnb-list>ul>li {
	box-sizing: border-box;
	text-align: center;
	flex: 1;
	height: 100%;
	position: relative
}

#hr-wrap #header-hr .gnb-list>ul>li>a {
	font-size: 15px;
	color: #000;
	height: 100%;
	padding: 17px 0;
	display: block;
	border-bottom: 2px solid transparent;
	text-align: center;
	position: relative;
	/* font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold; 20221117 삭제 */
}

#hr-wrap #header-hr .gnb-list>ul>li>a::before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: none
}

#hr-wrap #header-hr .gnb-list>ul>li>a:hover {
	border-color: #000
}

#hr-wrap #header-hr .gnb-list>ul>li>a:hover+.sub-menu-list {
	display: flex
}

#hr-wrap #header-hr .gnb-list .sub-menu-list {
	display: none;
	position: absolute;
	top: 100%;
	z-index: 10;
	background-color: #fff;
	padding: 15px 0;
	border: 1px solid #bfbfbf
}

#hr-wrap #header-hr .gnb-list .sub-menu-list:hover {
	display: flex
}

#hr-wrap #header-hr .gnb-list .sub-menu-list ul {
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
	width: 160px
}

#hr-wrap #header-hr .gnb-list .sub-menu-list ul+ul::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: #d8d8d8;
	position: absolute;
	top: 0;
	left: 0
}

#hr-wrap #header-hr .gnb-list .sub-menu-list ul li a {
	font-size: 13px;
	color: #666;
	line-height: 22px;
	display: block;
	text-align: left;
	padding: 3px 18px
}

#hr-wrap #header-hr .gnb-list .sub-menu-list ul li a:hover {
	text-decoration: underline
}

#hr-wrap #header-hr .gnb-list .sub-menu-list ul .ttl a {
	font-size: 15px;
	color: #000;
	padding-top: 5px 0
}

#hr-wrap .vc_list {
	margin: 15px 0
}

#hr-wrap .vc_list ul {
	display: flex;
	align-items: center
}

#hr-wrap .vc_list ul li {
	display: inline-block;
	padding-right: 25px;
	position: relative
}

#hr-wrap .vc_list ul li::before {
	content: '';
	width: 5px;
	height: 9px;
	background: url(../images/icon/list_c_arrow.png) no-repeat center;
	position: absolute;
	right: 9px;
	top: 50%;
	margin-top: -4px
}

#hr-wrap .vc_list ul li:last-child {
	padding-right: 0px
}

#hr-wrap .vc_list ul li:last-child::before {
	display: none
}

#hr-wrap .vc_list ul li a {
	font-size: 12px;
	color: #333333;
	letter-spacing: -0.05em
}

#hr-wrap #list_box {
	padding-bottom: 60px
}

#hr-wrap #list_box .c_1 {
	text-align: center;
	padding-top: 10px;
	font-weight: bold
}

#hr-wrap #list_box .dep_list {
	margin-bottom: 40px;
	padding-top: 32px
}

#hr-wrap #list_box .dep_list ul {
	text-align: center
}

#hr-wrap #list_box .dep_list ul li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 26px /* 20221117 수정 */
}

#hr-wrap #list_box .dep_list ul li a {
	font-size: 14px;
	color: #666666;
	border-bottom: 2px solid transparent;
	padding-bottom: 4px;
	display: block;
}

#hr-wrap #list_box .dep_list ul li.on a {
	color: #111111;
	border-color: #111111
}

#hr-wrap #list_box .top_box {
	display: table;
	table-layout: fixed;
	width: 100%;
	/* 20220825 */
	padding-bottom: 40px
	/*padding-top: 40px*/
}

#hr-wrap #list_box .top_box>div {
	display: table-cell
}

#hr-wrap #list_box .top_box .count {
	text-align: left
}

#hr-wrap #list_box .top_box .select_box {
	text-align: right
}

#hr-wrap #list_box .top_box .select_box select {
	font-size: 12px;
	color: #333333;
	padding: 3px 9px;
	box-sizing: border-box;
	text-align: left;
	min-width: 140px;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	outline: none
}

#hr-wrap #list_box .list_wrap .con_box {
	padding-top: 40px;
	margin-bottom: -40px
}

#hr-wrap #list_box .list_wrap .con_wrap {
	display: inline-block;
	width: 31.72%;
	margin-right: 2.15%;
	margin-bottom: 40px;
	vertical-align: top;
	position: relative
}

#hr-wrap #list_box .list_wrap .con_wrap:nth-child(3n) {
	float: right;
	margin-right: 0px
}

#hr-wrap #list_box .list_wrap .con_wrap .img_box { /*20221021 수정*/
	display: block;
	position: relative;
	height: 280px;
	/*background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;*/
}

#hr-wrap #list_box .list_wrap .con_wrap .img_box img { /*20221021 추가*/
	width:100%;
	height:100%
}

#hr-wrap .tag_box {
	position: absolute;
	font-size: 0;
	right: 0;
	top: 0px
}

#hr-wrap .tag_box li {
	display: inline-block;
	font-size: 11px;
	color: #fff;
	font-family: Gulim, "굴림", sans-serif;
	min-width: 44px;
	text-align: center;
	line-height: 16px;
	margin-right: 2px
}

#hr-wrap .tag_box li:last-child {
	margin-right: 0px
}

#hr-wrap .tag_box li.type1 {
	background-color: #444444
}

#hr-wrap .tag_box li.type2 {
	background-color: #ec1f60
}

#hr-wrap .tag_box li.type3 {
	background-color: #957045
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s {
	position: absolute;
	margin: 0 auto;
	height: 33px;
	width: 100%;
	text-align: center;
	left: 0px;
	margin-top: 20px
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s>ul {
	width: 154px;
	margin: 0 auto
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s .slick-slider .slick-track {
	margin: 0 auto
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s .color_box {
	padding: 3px;
	width: 28px;
	box-sizing: border-box;
	margin: 0 auto;
	border: 1px solid transparent;
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s .color_box.on {
	border: 1px solid #d9d9d9
}
#hr-wrap #list_box .list_wrap .con_wrap .color_s .color_box a {
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	display: block
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s .slick-arrow {
	position: absolute;
	width: 9px;
	height: 18px;
	top: 4px;
	z-index: 1;
	text-indent: -9999px
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s .slick-arrow.slick-disabled {
	display: none !important
}

#hr-wrap .product-detail #list_box .list_wrap .con_wrap .color_s .slick-arrow {
	top: 4px
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s .slick-prev {
	background: url(../images/icon/slide_prev.png) no-repeat center;
	left: -18px
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s .slick-next {
	background: url(../images/icon/slide_next.png) no-repeat center;
	right: -18px
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s select {
	font-size: 12px;
	color: #333333;
	border: 1px solid #e0e0e0;
	padding: 3px 10px;
	border-radius: 3px;
	width: 154px;
	outline: none
}

#hr-wrap #list_box .list_wrap .con_wrap .p_info {
	position: relative;
	text-align: center;
	max-width: 204px;
	margin: 0 auto
}

#hr-wrap #list_box .list_wrap .con_wrap .name {
	font-size: 14px;
	color: #111111;
	line-height: 20px;
	word-break: keep-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	height: 40px;
	max-width: 170px;
	margin: 0 auto;
	margin-top: 20px;
	word-break: break-word;
	font-weight: bold
}

#hr-wrap #list_box .list_wrap .con_wrap .txt {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	height: 40px;
	word-break: keep-all;
	padding-top: 1px;
	word-break: break-word
}

#hr-wrap #list_box .list_wrap .con_wrap .star {
	display: block; /* 20221202 추가 */
	position: relative;
	width: 80px;
	height: 20px;
	margin: 0 auto 5px;
	margin-top: 19px;
	/*background-color: #d4d4d4;*/
	background:#d4d4d4; /* 20221202 수정 */
}

#hr-wrap #list_box .list_wrap .con_wrap .star .percent {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #000000;
	text-indent: -99999px;
	overflow: hidden;
	color: transparent
}

#hr-wrap #list_box .list_wrap .con_wrap .star .top_img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(../images/icon/star_bg.png) no-repeat center
}

#hr-wrap #list_box .list_wrap .con_wrap .price {
	font-size: 14px;
	color: #111111;
	padding-top: 1px;
	font-weight: bold
}

#hr-wrap #list_box .list_wrap .con_wrap .price .price_won {
	font-size: 12px;
	color: #999999;
	font-weight: normal
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s {
	position: absolute;
	bottom: 62px;
	left: 0;
	right: 0;
	z-index: 10
}

#hr-wrap #list_box .list_wrap .con_wrap .color_s select {
	font-size: 12px;
	color: #333333;
	border: 1px solid #e0e0e0;
	padding: 3px 10px;
	border-radius: 3px;
	width: 154px;
	outline: none
}

#hr-wrap #list_box .list_wrap .con_wrap .btn_box {
	position: relative;
	width: 100%;
	height: 36px;
	padding-right: 40px;
	box-sizing: border-box;
	margin-top: 64px
}

#hr-wrap #list_box .list_wrap .con_wrap .btn_box a {
	border: 1px solid #000000;
	display: inline-block;
	font-size: 12px;
	color: #000000;
	box-sizing: border-box;
	padding: 7px 0
}

#hr-wrap #list_box .list_wrap .con_wrap .btn_box a.cart_btn {
	width: 80px;
	float: left
}

#hr-wrap #list_box .list_wrap .con_wrap .btn_box a.buy_btn {
	background-color: #000000;
	color: #fff;
	width: 80px;
	float: right
}

#hr-wrap #list_box .list_wrap .con_wrap .btn_box a.notify_btn {
	display: block
}

#hr-wrap #list_box .list_wrap .con_wrap .btn_box a.wish_btn {
	width: 36px;
	height: 36px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(../images/icon/wich.png) no-repeat center;
	padding: 0px;
	color: transparent;
	overflow: hidden;
	cursor: pointer
}

#hr-wrap #list_box .list_wrap .con_wrap .btn_box a.wish_btn.on {
	background: url(../images/icon/wich_on.png) no-repeat center
}

#hr-wrap #list_box .list_wrap .con_box.type2 {
	width: 876px;
	margin: 0 auto;
	padding-top: 0px;
	margin-bottom: -38px
}

#hr-wrap #list_box .list_wrap .type2 .con_wrap {
	width: 204px;
	margin-right: 17px;
	margin-bottom: 42pximg_box
}

#hr-wrap #list_box .list_wrap .type2 .con_wrap:nth-child(3n) {
	float: none
}

#hr-wrap #list_box .list_wrap .type2 .con_wrap:nth-child(4n) {
	float: right;
	margin-right: 0px
}

#hr-wrap #list_box .list_wrap .type2 .con_wrap .img_box {
	height: 200px
}

#hr-wrap #list_box .list_wrap .type2 .con_wrap .txt {
	max-width: 198px;
	margin: 0 auto
}

#hr-wrap #list_box .list_wrap.slide {
	position: relative
}

#hr-wrap #list_box .list_wrap.slide .con_box>.slick-arrow {
	position: absolute;
	z-index: 1;
	width: 18px;
	height: 30px;
	top: 86px;
	text-indent: -9999px
}

#hr-wrap #list_box .list_wrap.slide .con_box>.slick-prev {
	left: -27px;
	background: url(../images/icon/list_slide_prev2.png) no-repeat center
}

#hr-wrap #list_box .list_wrap.slide .con_box>.slick-next {
	right: -27px;
	background: url(../images/icon/list_slide_next2.png) no-repeat center
}

.none_list {
	padding: 50px 0 0;
	text-align: center
}

.none_list p {
	margin-top: 20px;
	color: #666;
	font-size: 20px
}

#hr-wrap .paginate-wrap {
	text-align: center;
	padding-top: 40px
}

#hr-wrap .paginate-wrap a {
	display: inline-block;
	vertical-align: middle
}

#hr-wrap .paginate-wrap .num {
	width: 24px;
	font-size: 12px;
	color: #666666;
	padding: 6px 0;
	line-height: 12px;
	margin: 0 3px;
	background-color: transparent;
	border-radius: 0;
	height: auto
}

#hr-wrap .paginate-wrap .num.on {
	background-color: #7d7d7d;
	color: #fff
}

#hr-wrap .paginate-wrap .btn {
	width: 24px;
	height: 24px;
	margin: 0 2px
}

#hr-wrap .paginate-wrap .first_btn {
	background: url(../images/icon/first_btn.png) no-repeat center
}

#hr-wrap .paginate-wrap .prev_btn {
	background: url(../images/icon/prev_btn.png) no-repeat center;
	margin-right: 16px
}

#hr-wrap .paginate-wrap .next_btn {
	background: url(../images/icon/next_btn.png) no-repeat center;
	margin-left: 16px
}

#hr-wrap .paginate-wrap .last_btn {
	background: url(../images/icon/last_btn.png) no-repeat center
}

#hr-wrap #footer-hr {
	background: none !important;
	clear: both;
	border: 0
}

#hr-wrap #footer-hr .footer_wrap {
	text-align: center;
	border-top: 0;
	padding: 21px 0;
	position: relative
}

#hr-wrap #footer-hr .footer_wrap .top_btn {
	width: 46px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	table-layout: fixed;
	background-color: #000000;
	border-radius: 23px;
	position: absolute;
	right: 0px;
	top: 50%;
	cursor: pointer
}

#hr-wrap #footer-hr .footer_wrap .top_btn span {
	display: block;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding-top: 12px;
	line-height: 12px;
	background: url(../images/icon/footer_arrow.png) no-repeat center top
}

#hr-wrap .inner-box {
	width: 1000px;
	margin: 0 auto
}

#hr-wrap [class^='loreal-br-'] {
	width: 100%;
	margin-top: 20px;
	box-sizing: border-box;
	/* font-family: 'NotoSans', '맑은 고딕', 'Malgun Gothic', sans-serif 2021117 삭제 */
}

#hr-wrap [class^='loreal-br-'] *,
[class^='loreal-br-'] :before,
[class^='loreal-br-'] :after {
	box-sizing: border-box
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='top-'] {
	width: 100%;
	height: 75px;
	background: #000;
	text-align: center;
	border-bottom: 1px solid #333
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='top-'] h1,
#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='top-'] h1 img {
	display: inline-block;
	vertical-align: middle
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='top-']:after {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='menu-list-'] {
	position: relative;
	width: 100%;
	height: 48px;
	padding: 0 20px;
	background: #000
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='menu-list-']>ul {
	display: table;
	width: 100%;
	table-layout: fixed
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='menu-list-']>ul>li {
	display: table-cell;
	position: relative
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='menu-list-']>ul>li>a {
	display: block;
	height: 49px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	line-height: 48px;
	text-align: center
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='menu-list-']>ul>li>a:after {
	display: none;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 2px;
	background: #fff
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='menu-list-']>ul>li>a:hover:after,
#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='menu-list-']>ul>li.active>a:after {
	display: block
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='menu-list-']>ul>li:hover a+[class^='sub-menu-list'] {
	display: block
}

#hr-wrap [class^='loreal-br-'] [class^='header-'] [class^='sub-menu-list'] {
	display: none;
	position: absolute;
	width: 100%;
	top: 48px;
	left: 0;
	z-index: 2;
	padding: 5px 18px 30px;
	background: #222;
	font-size: 0
}

#hr-wrap [class^='loreal-br-'] [class^='sub-menu-list'] li {
	font-size: 15px;
	margin-top: 15px;
	line-height: 1
}

#hr-wrap [class^='loreal-br-'] [class^='sub-menu-list'] li a {
	color: #ccc
}

#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='menu-list-'] {
	position: relative;
	width: 100%;
	height: 77px;
	background: #fff;
	line-height: 77px;
	padding: 0 20px;
	border-top: 1px solid #bfbfbf
}

#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='menu-list-'] ul {
	display: table;
	width: 100%;
	margin: 0 auto
}

#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='menu-list-'] ul li {
	display: table-cell;
	text-align: center
}

#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='menu-list-'] ul li a {
	font-size: 15px;
	color: #999;
	font-weight: 600
}

#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='menu-list-'] ul li a:hover,
#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='menu-list-'] ul li.active a {
	color: #222
}

#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='foot-logo-'] {
	width: 100%;
	height: 75px;
	background: #000;
	text-align: center
}

#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='foot-logo-']:after {
	display: inline-block;
	content: '';
	height: 100%;
	vertical-align: middle
}

#hr-wrap [class^='loreal-br-'] [class^='footer-'] [class^='foot-logo-'] img {
	display: inline-block;
	vertical-align: middle
}

#hr-wrap .slider-type {
	position: relative
}

#hr-wrap .slider-type button:focus {
	outline: none
}

#hr-wrap .slick-dotted.slick-slider.slider-type {
	margin-bottom: 0
}

#hr-wrap .slider-type .slick-arrow {
	display: block;
	position: absolute;
	top: 50%;
	width: 17px;
	height: 30px;
	margin-top: -8px;
	z-index: 1;
	background: url(../images/btn_slide.png) no-repeat 0 0;
	cursor: pointer;
	transform: translateY(0)
}

#hr-wrap .slider-type .slick-arrow:before {
	display: none
}

#hr-wrap .slider-type .slick-prev,
.slider-type .slick-prev:hover {
	left: 14px
}

#hr-wrap .slider-type .slick-next,
.slider-type .slick-next:hover {
	right: 14px;
	background-position-x: 100%
}

#hr-wrap .slider-type .slick-dots {
	bottom: 16px
}

#hr-wrap .slider-type .slick-dots li {
	margin: 0 3px;
	width: auto;
	height: auto
}

#hr-wrap .slider-type .slick-dots li button:before {
	display: none
}

#hr-wrap .slider-type .slick-dots li button {
	width: 9px;
	height: 9px;
	background: #fff;
	border: 1px solid #bfbfbf;
	border-radius: 50%
}

#hr-wrap .slider-type .slick-dots li.slick-active button {
	background: #070707;
	border: 1px solid #070707
}

#hr-wrap .slider-type .slick-arrow.slick-disabled {
	opacity: 0.5
}

#hr-wrap [class^='loreal-br-'] .btn-wrap {
	font-size: 0;
	text-align: center
}

#hr-wrap [class^='loreal-br-'] [class^='btn-type'] {
	display: inline-block;
	width: 92px;
	height: 36px;
	border: 1px solid #000;
	line-height: 36px;
	color: #000;
	font-size: 14px;
	text-align: center
}

#hr-wrap [class^='loreal-br-'] .btn-type2 {
	background: #000;
	color: #fff
}

#hr-wrap [class^='loreal-br-'] .btn-type3 {
	width: 240px;
	font-size: 18px;
	height: 50px;
	line-height: 50px
}

#hr-wrap [class^='loreal-br-'] .btn-type-full {
	width: 100%
}

#hr-wrap .paginate-wrap {
	line-height: 24px;
	text-align: center;
	font-size: 0
}

#hr-wrap .paginate-wrap [class^='btn-dir-'] {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 6px;
	border: 1px solid #e0e0e0;
	vertical-align: middle;
	font-size: 0;
	line-height: 22px
}

#hr-wrap .paginate-wrap .btn-dir-first,
#hr-wrap .paginate-wrap .btn-dir-next {
	margin-left: 0
}

#hr-wrap .paginate-wrap [class^='btn-dir-']:after {
	display: inline-block;
	content: '';
	width: 11px;
	height: 12px;
	background: url(../images/btn_page.png) no-repeat 0 0;
	vertical-align: middle
}

#hr-wrap .paginate-wrap .btn-dir-prev:after {
	width: 6px;
	background-position-y: -12px
}

#hr-wrap .paginate-wrap .btn-dir-next:after {
	width: 6px;
	background-position-y: -24px
}

#hr-wrap .paginate-wrap .btn-dir-last:after {
	background-position-y: 100%
}

#hr-wrap .paginate-wrap .page-list {
	display: inline-block;
	margin: 0 20px;
	vertical-align: middle
}

#hr-wrap .paginate-wrap .page-list a {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	line-height: 22px;
	vertical-align: middle;
	font-size: 12px;
	color: #333
}

#hr-wrap .paginate-wrap .page-list a:first-child {
	margin-left: 0
}

#hr-wrap .paginate-wrap .page-list a.active {
	background: #7d7d7d;
	color: #fff;
	cursor: default
}

#hr-wrap .tag-box {
	font-size: 0
}

#hr-wrap .tag-box [class^='tag-item-type'] {
	display: inline-block;
	width: 44px;
	height: 16px;
	margin-left: 2px;
	line-height: 16px;
	font-size: 12px;
	color: #fff;
	text-align: center
}

#hr-wrap .tag-item-type1 {
	background: #448aca
}

#hr-wrap .tag-item-type2 {
	background: #aba000
}

#hr-wrap .tag-item-type3 {
	background: #ec1f60
}

#hr-wrap .tag-item-type4 {
	background: #444444
}

#hr-wrap .tag-item-type5 {
	background: #9a8266
}

#hr-wrap .tag-item-type6 {
	background: #fb8239
}

#hr-wrap .tag-item-type7 {
	background: #597f93
}

#hr-wrap [class^='btn-sns-'] {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/btn_sns.png) no-repeat 0 0;
	vertical-align: middle
}

#hr-wrap .btn-sns-type2 {
	background-position-x: -27px
}

#hr-wrap .btn-sns-type3 {
	background-position-x: -54px
}

#hr-wrap .btn-sns-type4 {
	background-position-x: -81px
}

#hr-wrap .btn-sns-type5 {
	background-position-x: -108px
}

#hr-wrap .btn-wish {
	display: inline-block;
	width: 36px;
	height: 36px;
	border: 1px solid #000;
	background: #fff;
	line-height: 34px
}

#hr-wrap .btn-wish:before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 15px;
	background: url(../images/ico-wish.png) no-repeat 0 0;
	vertical-align: middle
}

#hr-wrap .btn-wish.active:before {
	background-position: 100% 0
}

#hr-wrap [class^='loreal-br-'] .img-cont {
	display: block
}

#hr-wrap .ker-main-best {
	margin: 50px 0 80px
}

#hr-wrap .ker-main-best .btn-type3 {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	text-align: center;
	margin-bottom: 25px
}

#hr-wrap .ker-main-best #hr-wrap .pro-list-wrap {
	margin-top: 20px
}

#hr-wrap .best-seller-slider {
	padding: 0 80px
}

#hr-wrap .best-seller-slider .slick-arrow,
#hr-wrap .best-seller-slider .slick-arrow:hover {
	width: 12px;
	height: 21px;
	transform: translate(0, -100%);
	background-image: url(../images/btn_slide2.png)
}

#hr-wrap .best-seller-slider .slick-arrow.slick-disabled {
	opacity: 0.5
}

#hr-wrap .best-seller-slider.slider-type .slick-prev {
	left: 0px
}

#hr-wrap .best-seller-slider.slider-type .slick-next {
	right: 0px
}

#hr-wrap .best-seller-slider .best-product {
	width: 220px;
	text-align: center;
	position: relative;
	margin-left: 55px
}

#hr-wrap .best-seller-slider .best-product .img-product {
	display: block;
	max-width: 100%
}

#hr-wrap .best-seller-slider .best-product .img-product img {
	max-width: 100%
}

#hr-wrap .best-seller-slider .best-product dl {
	margin-top: 10px;
	color: #000;
	padding: 0 25px
}

#hr-wrap .best-seller-slider .best-product dl dt {
	overflow: hidden;
	width: 100%;
	display: block;
	display: -webkit-box;
	box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	word-break: break-all;
	height: 47px;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px
}

#hr-wrap .best-seller-slider .best-product .pro-price {
	margin-top: 20px
}

#hr-wrap .best-seller-slider .best-product .pro-price strong {
	font-size: 16px
}

#hr-wrap .best-seller-slider .best-product .pro-price span {
	font-size: 16px;
	color: #696969
}

#hr-wrap .best-seller-slider .best-product .number {
	position: absolute;
	top: 45px;
	left: 30px;
	width: 50px;
	height: 40px;
	background: url(../images/ic_number.png) no-repeat;
	text-indent: -99999px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index] .number {
	background-position-x: 50px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="0"] .number {
	background-position-x: 0
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="1"] .number {
	background-position-x: -50px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="2"] .number {
	background-position-x: -100px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="3"] .number {
	background-position-x: -150px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="4"] .number {
	background-position-x: -200px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="5"] .number {
	background-position-x: -250px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="6"] .number {
	background-position-x: -300px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="7"] .number {
	background-position-x: -350px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="8"] .number {
	background-position-x: -400px
}

#hr-wrap .best-seller-slider .best-product[data-slick-index="9"] .number {
	background-position-x: -450px
}

#hr-wrap .ker-main-banner {
	overflow: hidden
}

#hr-wrap .ker-main-banner ul {
	display: inline-block
}

#hr-wrap .ker-main-banner ul li {
	float: left;
	width: 298px;
	height: 205px;
	margin-right: 18px;
	margin-bottom: 19px
}

#hr-wrap .ker-main-banner ul li:nth-child(3n) {
	float: right;
	margin-right: 0px
}

#hr-wrap .ker-main-movie {
	margin: 30px 0 170px
}

#hr-wrap .ker-main-movie .movie_box {
	height: 427px
}

#hr-wrap .ker-product-content {
	padding-bottom: 118px
}

#hr-wrap .pro-category {
	margin: 30px 0 40px;
	padding: 0 20px
}

#hr-wrap .pro-category {
	margin: 30px 0 40px;
	padding: 0 20px
}

#hr-wrap .pro-category ul {
	display: flex;
	justify-content: space-between;
	width: 100%
}

#hr-wrap .pro-category ul li a {
	font-size: 14px;
	color: #999;
	text-decoration: underline
}

#hr-wrap .pro-category ul li:hover a,
#hr-wrap .pro-category ul li.active a {
	color: #222
}

#hr-wrap .pro-list-top {
	font-size: 0;
	margin-top: 40px
}

#hr-wrap .pro-list-top .side {
	display: inline-block;
	width: 50%;
	text-align: right;
	font-size: 12px
}

#hr-wrap .pro-list-top .side:first-child {
	text-align: left
}

#hr-wrap .pro-list-top .list-num {
	font-size: 14px
}

#hr-wrap .pro-list-top .select-box select {
	width: 200px;
	height: 40px;
	font-size: 14px;
	color: #222;
	border: 1px solid #dddddd
}

#hr-wrap .pro-list-wrap {
	margin-top: 38px
}

#hr-wrap .pro-list-wrap:after {
	display: block;
	content: '';
	clear: both
}

#hr-wrap .pro-list-wrap>ul>li {
	position: relative;
	float: left;
	width: 284px;
	margin-left: 39px;
	text-align: center
}

#hr-wrap .pro-list-wrap li:nth-child(n+4) {
	margin-top: 50px
}

#hr-wrap .pro-list-wrap li:nth-child(3n+1) {
	margin-left: 0
}

#hr-wrap .pro-list-wrap li .pro-img {
	display: block;
	padding: 0 7px
}

#hr-wrap .pro-list-wrap li .pro-img img {
	max-width: 100%
}

#hr-wrap .pro-list-wrap li .pro-name dt {
	font-size: 16px;
	color: #222;
	line-height: 24px;
	overflow: hidden;
	width: 100%;
	display: block;
	display: -webkit-box;
	box-orient: vertical;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	word-break: break-all;
	height: 47px;
	font-weight: 600
}

#hr-wrap .pro-list-wrap li .pro-price {
	margin-top: 20px
}

#hr-wrap .pro-list-wrap li .pro-price strong {
	font-size: 16px;
	color: #000
}

#hr-wrap .pro-list-wrap li .pro-price span {
	font-size: 16px;
	color: #696969
}

#hr-wrap .pro-list-wrap li .tag-box {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9
}

#hr-wrap .pro-list-wrap li .tag-box [class^='tag-item-type'] {
	display: inline-block;
	margin-left: 2px;
	font-size: 11px;
	color: #fff;
	text-align: center
}

#hr-wrap .pro-list-wrap .btn-pro-box {
	margin-top: 20px;
	font-size: 0
}

#hr-wrap .pro-list-wrap .btn-pro-box [class^='btn'] {
	width: 92px;
	margin-left: 4px;
	font-size: 12px;
	vertical-align: middle
}

#hr-wrap .pro-list-wrap .btn-pro-box [class^='btn']:first-child {
	margin-left: 0
}

#hr-wrap .pro-list-wrap .btn-pro-box .btn-cart:before,
#hr-wrap .pro-list-wrap .btn-pro-box .btn-buy:before,
#hr-wrap .pro-list-wrap .btn-pro-box .btn-notify:before {
	content: '';
	display: inline-block;
	margin-right: 5px;
	background: url(../images/ic_btn2.png) no-repeat 0 0;
	vertical-align: text-bottom
}

#hr-wrap .pro-list-wrap .btn-pro-box .btn-cart:before {
	width: 15px;
	height: 17px;
	background-position: -20px 0
}

#hr-wrap .pro-list-wrap .btn-pro-box .btn-buy:before {
	width: 18px;
	height: 17px
}

#hr-wrap .pro-list-wrap .btn-pro-box .btn-wish:before {
	vertical-align: text-bottom;
	margin-right: 5px
}

#hr-wrap .pro-list-wrap .btn-pro-box .btn-notify {
	width: 188px
}

#hr-wrap .pro-list-wrap .btn-pro-box .btn-notify:before {
	width: 15px;
	height: 20px;
	background-position: -37px 0
}

#hr-wrap .pro-list-wrap p.nodata {
	margin: 138px 0 60px;
	font-size: 14px;
	color: #000;
	text-align: center
}

#hr-wrap .pro-list-wrap+#hr-wrap .paginate-wrap {
	margin-top: 85px
}

#hr-wrap .product-top .img-zoom {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 500px;
	height: 500px;
	border: 1px solid #222
}

#hr-wrap .product-top .img-zoom-lens {
	display: none;
	position: absolute;
	border: 1px solid #333;
	width: 40px;
	height: 40px;
	z-index: 2
}

#hr-wrap .product-top.zoom-mode .img-zoom {
	display: block
}

#hr-wrap .product-top.zoom-mode .img-zoom-lens {
	display: block
}

#hr-wrap .product-top {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 15px 0 25px
}

#hr-wrap .product-top:after {
	content: '';
	clear: both;
	display: block
}

#hr-wrap .product-top .img-area {
	float: left
}

#hr-wrap .product-top .img-area img {
	width: 100%
}

#hr-wrap .product-top .img-nav {
	width: 300px;
	height: 59px;
	margin: 19px auto 19px
}

#hr-wrap .product-top .img-nav .slick-slide {
	position: relative;
	width: 59px;
	height: 59px;
	margin-right: 1px;
	margin-bottom: 10px;
	opacity: .4
}

#hr-wrap .product-top .img-nav .slick-slide a {
	outline: none
}

#hr-wrap .product-top .img-nav .slick-slide a img {
	width: 100%;
	height: 100%
}

#hr-wrap .product-top .img-nav .slick-slide.slick-current {
	opacity: 1
}

#hr-wrap .product-top .img-nav .slick-slide.slick-current:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #000
}

#hr-wrap .product-top .img-nav .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 30px;
	background-image: url(../images/btn_slide3.png);
	margin-top: 0px;
	text-indent: -9999px
}

#hr-wrap .product-top .img-nav .slick-prev {
	left: -35px
}

#hr-wrap .product-top .img-nav .slick-next {
	right: -35px;
	background-position-y: 100%
}

#hr-wrap .product-top .img-view {
	position: relative;
	width: 360px;
	text-align: center
}

#hr-wrap .product-top .img-view>a {
	display: block
}

#hr-wrap .product-top .img-view .tag-box {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

#hr-wrap .product-top .img-view .guide-view {
	font-size: 12px;
	color: #999;
	line-height: 16px;
	margin-top: 19px;
	display: block
}

#hr-wrap .product-top .img-view .guide-view:before {
	display: inline-block;
	content: '';
	width: 22px;
	height: 16px;
	background: url(../images/ic_zoom.png) no-repeat 0 0;
	vertical-align: top;
	margin-right: 5px
}

#hr-wrap .product-top .img-view .link-box {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 15px 60PX;
	text-align: left
}

#hr-wrap .product-top .img-view .link-box dl+dl {
	margin-top: 15px
}

#hr-wrap .product-top .img-view .link-box dt {
	display: inline-block;
	font-size: 14px;
	color: #000;
	font-weight: 500;
	width: 60px
}

#hr-wrap .product-top .img-view .link-box dd {
	display: inline-block
}

#hr-wrap .product-top .img-view .link-box dd a {
	font-size: 14px;
	color: #666;
	position: relative
}

#hr-wrap .product-top .img-view .benefit-list a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background: #666;
	width: 100%;
	height: 1px
}

#hr-wrap .product-top .detail-area {
	float: right;
	width: 420px
}

#hr-wrap .product-top .detail-area .brand {
	font-size: 26px;
	color: #000000;
	margin-bottom: 10px;
	line-height: 32px;
	max-height: 64px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box
}

#hr-wrap .product-top .detail-area .title {
	font-size: 14px !important;
	line-height: 26px !important;
	color: #666666;
	word-break: keep-all;
	position: relative
}

#hr-wrap .product-top .detail-area .title .btn {
	display: none
}

#hr-wrap .product-top .detail-area .title.hideTxt .btn {
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-decoration: none;
	color: #666;
	display: inline-block
}

#hr-wrap .product-top .detail-area .title.hideTxt .btn:hover {
	text-decoration: underline;
	text-decoration-color: #666
}

#hr-wrap .product-top .detail-area .title.hideTxt .btn::before {
	content: '닫기';
	cursor: pointer;
	color: #222
}

#hr-wrap .product-top .detail-area .title.hideTxt {
	padding: 0 55px 0 0
}

#hr-wrap .product-top .detail-area .title.hideTxt.on {
	max-height: 53px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box
}

#hr-wrap .product-top .detail-area .title.hideTxt.on .btn::before {
	content: '더보기'
}

#hr-wrap .product-top .detail-area .pro-size {
	margin-top: 25px
}

#hr-wrap .product-top .detail-area .pro-size ul {
	font-size: 0
}

#hr-wrap .product-top .detail-area .pro-size li {
	position: relative;
	display: inline-block
}

#hr-wrap .product-top .detail-area .pro-size li+li {
	margin-left: 9px
}

#hr-wrap .product-top .detail-area .pro-size li a {
	display: block;
	width: 134px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	color: #bbb;
	border: 1px solid #bbb;
	text-align: center
}

#hr-wrap .product-top .detail-area .pro-size li a {
	border: 1px solid #000;
	color: #000;
	cursor: default
}

#hr-wrap .product-top .detail-area .pro-buy-info {
	margin: 15px 0 20px;
	padding-top: 20px;
	border-top: 1px solid #f0f0f0
}

#hr-wrap .product-top .detail-area .pro-buy-info dl {
	margin-bottom: 15px
}

#hr-wrap .product-top .detail-area .pro-buy-info dt {
	display: inline-block;
	width: 180px;
	font-size: 14px;
	color: #222
}

#hr-wrap .product-top .detail-area .pro-buy-info dt span {
	font-size: 12px
}

#hr-wrap .product-top .detail-area .pro-buy-info dd {
	display: inline-block;
	font-size: 14px;
	color: #666
}

#hr-wrap .product-top .detail-area .pro-buy-info strong {
	color: #222
}

#hr-wrap .product-top .detail-area .pro-buy-info em {
	font-size: 12px;
	color: #666;
	font-weight: 400;
	margin-left: 6px;
	vertical-align: top
}

#hr-wrap .product-top .detail-area .pro-buy-info .stock-n {
	color: #ed1c24
}

#hr-wrap .product-top .detail-area .pro-buy-info .guest-price a {
	color: #ed1c24;
	position: relative
}

#hr-wrap .product-top .detail-area .pro-buy-info .guest-price a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #ed1c24
}

#hr-wrap .product-top .detail-area .pro-buy-info .member-price {
	font-size: 18px;
	color: #000
}

#hr-wrap .product-top .detail-area .pro-buy-info .member-price strong {
	color: #000
}

#hr-wrap .product-top .detail-area .pro-buy-info .save-point dd span {
	color: #666;
	font-size: 14px
}

#hr-wrap .product-top .detail-area .pro-buy-info .save-point dd .btn-detail {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	color: #222
}

#hr-wrap .product-top .detail-area .pro-buy-info .save-point dd .detail-box {
	display: none;
	position: absolute;
	bottom: 27px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	padding: 10px;
	border: 1px solid #000;
	background: #fff;
	text-align: center
}

#hr-wrap .product-top .detail-area .pro-buy-info .save-point dd .detail-box:after {
	display: inline-block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -9px;
	width: 17px;
	height: 9px;
	margin-left: -9px;
	background: url(../images/bg_layer.png) no-repeat 0 0
}

#hr-wrap .product-top .detail-area .pro-buy-info .save-point dd .active .detail-box {
	display: block
}

#hr-wrap .product-top .detail-area .benefit-list {
	border-top: 1px solid #d7d7d7
}

#hr-wrap .product-top .benefit-list dl {
	padding: 20px 0
}

#hr-wrap .product-top .benefit-list dt {
	position: relative
}

#hr-wrap .product-top .benefit-list dt a {
	display: block;
	position: relative;
	font-size: 14px
}

#hr-wrap .product-top .benefit-list .benefit-info dt a:after {
	display: inline-block;
	content: '';
	position: absolute;
	top: 4px;
	right: 18px;
	width: 11px;
	height: 7px;
	background: url(../images/ico_arrow.png) no-repeat 0 0
}

#hr-wrap .product-top .benefit-list .benefit-info.active dt a:after {
	transform: rotate(-180deg)
}

#hr-wrap .product-top .benefit-list .benefit-info dd {
	display: none;
	margin-top: 20px
}

#hr-wrap .product-top .benefit-list .benefit-info.active dd {
	display: block
}

#hr-wrap .product-top .benefit-list .benefit-info .gift-txt li {
	font-size: 12px;
	color: #666;
	line-height: 20px
}

#hr-wrap .product-top .benefit-list .benefit-info .gift-txt li strong {
	display: inline-block;
	width: 134px;
	vertical-align: top;
	color: #000;
	font-weight: 400
}

#hr-wrap .product-top .benefit-list .benefit-info .gift-txt li p {
	display: inline-block;
	vertical-align: top
}

#hr-wrap .product-top .benefit-list .benefit-info .gift-txt li .btn-detail {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	color: #222
}

#hr-wrap .product-top .benefit-list .benefit-info .gift-txt li .detail-box {
	display: none;
	position: absolute;
	bottom: 27px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	padding: 10px;
	border: 1px solid #000;
	background: #fff;
	text-align: center
}

#hr-wrap .product-top .benefit-list .benefit-info .gift-txt li .detail-box:after {
	display: inline-block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -9px;
	width: 17px;
	height: 9px;
	margin-left: -9px;
	background: url(../images/bg_layer.png) no-repeat 0 0
}

#hr-wrap .product-top .benefit-list .benefit-info .gift-txt li .active .detail-box {
	display: block
}

#hr-wrap .product-top .benefit-list .card-info {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
	height: 36px;
	margin-top: 30px;
	color: #333;
	font-size: 12px;
	text-align: center
}

#hr-wrap .product-top .benefit-list .card-info a {
	display: block;
	background: url(../images/icon/ico_i.png) 0 0 no-repeat;
	width: 14px;
	height: 14px;
	margin-right: 10px
}

#hr-wrap .product-top .pro-buy-info .pro-number-box {
	display: inline-block;
	width: 140px;
	height: 28px;
	border: 1px solid #e0e0e0;
	vertical-align: middle;
	font-size: 0;
	text-align: center
}

#hr-wrap .product-top .pro-buy-info .pro-number-box+.state {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle
}

#hr-wrap .product-top .pro-buy-info .pro-number-box [class^='btn-'] {
	display: inline-block;
	width: 24px;
	height: 26px;
	vertical-align: top;
	line-height: 26px
}

#hr-wrap .product-top .pro-buy-info .pro-number-box [class^='btn-']:before,
#hr-wrap .product-top .pro-buy-info .pro-number-box [class^='btn-']:after {
	display: inline-block;
	content: ''
}

#hr-wrap .product-top .pro-buy-info .pro-number-box [class^='btn-']:after {
	width: 10px;
	height: 1px;
	background: #333
}

#hr-wrap .product-top .pro-buy-info .pro-number-box .btn-minus {
	border-right: 1px solid #e0e0e0
}

#hr-wrap .product-top .pro-buy-info .pro-number-box .btn-plus {
	position: relative;
	border-left: 1px solid #e0e0e0
}

#hr-wrap .product-top .pro-buy-info .pro-number-box .btn-plus:after {
	width: 9px
}

#hr-wrap .product-top .pro-buy-info .pro-number-box .btn-plus:before {
	position: absolute;
	left: 50%;
	top: 8px;
	width: 1px;
	height: 9px;
	background: #333
}

#hr-wrap .product-top .pro-buy-info .pro-number-box .number {
	display: inline-block;
	width: 90px;
	font-size: 12px;
	color: #333;
	line-height: 26px;
	vertical-align: top
}

#hr-wrap .product-top .pro-guide-text {
	border-top: 1px solid #d7d7d7;
	padding: 20px 0 25px;
	font-size: 12px;
	color: #666;
	line-height: 20px
}

#hr-wrap .product-top .pro-btn-box [class^='btn-type'] {
	width: 175px;
	height: 60px;
	font-size: 18px
}

#hr-wrap .product-top .pro-btn-box [class^='btn-'] {
	margin-left: 5px;
	line-height: 58px;
	vertical-align: middle;
	text-align: center
}

#hr-wrap .product-top .pro-btn-box [class^='btn-']:first-child {
	margin-left: 0
}

#hr-wrap .product-top .pro-btn-box .btn-type-notify {
	width: 355px;
	border-right: 1px solid #000
}

#hr-wrap .product-top .pro-btn-box .btn-wish {
	width: 60px;
	height: 60px;
	overflow: hidden;
	color: transparent
}

#hr-wrap .product-top .pro-btn-box .btn-wish:before {
	width: 25px;
	height: 23px;
	background-image: url(../images/ico_wish2.png)
}

#hr-wrap .product-info {
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	padding: 50px 0
}

#hr-wrap .product-info .info-menu {
	display: inline-block;
	width: 130px;
	vertical-align: top;
	font-size: 14px;
	margin-left: -7px;
	margin-right: 23px
}

#hr-wrap .product-info .info-menu li {
	margin-bottom: 10px;
	padding: 5px 7px;
	display: inline-block
}

#hr-wrap .product-info .info-menu li.active {
	background: #000;
	z-index: -1
}

#hr-wrap .product-info .info-menu li a {
	display: inline-block;
	font-weight: 400;
	color: #666;
	position: relative
}

#hr-wrap .product-info .info-menu li a:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1px;
	background: #666
}

#hr-wrap .product-info .info-menu li.active a {
	color: #fff
}

#hr-wrap .product-info .info-menu li.active a:after {
	content: none
}

#hr-wrap .product-info .info-content {
	display: inline-block;
	width: 780px
}

#hr-wrap .product-info .info-content .info-section {
	display: none
}

#hr-wrap .product-info .info-content .info-section.active {
	display: block
}

#hr-wrap .product-info .info-section dl {
	margin-bottom: 19px
}

#hr-wrap .product-info .info-section dl dt {
	font-size: 12px;
	color: #000;
	font-weight: 600;
	margin-bottom: 15px
}

#hr-wrap .product-info .info-section dl dd {
	font-size: 12px;
	color: #000;
	line-height: 20px
}

#hr-wrap .product-info .info-section dl.list-dot dd {
	position: relative;
	padding-left: 12px
}

#hr-wrap .product-info .info-section dl.list-dot dd:before {
	content: '';
	width: 3px;
	height: 3px;
	background: #000;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px
}

#hr-wrap .product-related {
	margin-top: 50px
}

#hr-wrap .product-related .title {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #000
}

#hr-wrap .ker-product-detail .detail_view .tab_cont .img-cont {
	width: 100%
}

#hr-wrap .product-top.new .img-view {
	width: 450px
}

#hr-wrap .product-top.new .img-view .link-box {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 15px 60px;
	text-align: left;
	background: #f7f7f7
}

#hr-wrap .product-top.new .img-view .link-box dl {
	margin: 0 auto 15px;
	width: 240px;
	font-size: 0
}

#hr-wrap .product-top.new .img-view .link-box dl:last-of-type {
	margin-bottom: 0
}

#hr-wrap .product-top.new .img-view .link-box dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #000;
	font-weight: 400;
	width: 100px
}

#hr-wrap .product-top.new .img-view .link-box dd {
	display: inline-block;
	vertical-align: middle
}

#hr-wrap .product-top.new .img-view .link-box dd a {
	font-size: 12px;
	line-height: 25px;
	color: #666;
	position: relative
}

#hr-wrap .product-top.new .img-view .link-box .share-list dd {
	width: 100%;
	text-align: center
}

#hr-wrap .product-top.new .img-view .link-box .share-list dd a {
	margin-right: 3px
}

#hr-wrap .product-top.new .img-view .link-box .share-list dd a:last-of-type {
	margin-right: 0
}

#hr-wrap .product-top.new .img-view .link-box dd .star {
	display: inline-block;
	background: url(../images/icon/view_star_off.png) 0 0 no-repeat;
	width: 72px;
	height: 12px;
	margin-right: 3px;
	vertical-align: middle
}

#hr-wrap .product-top.new .img-view .link-box dd .star span {
	display: block;
	background: url(../images/icon/view_star_on.png) 0 0 no-repeat;
	height: 12px
}

#hr-wrap .product-top.new .img-view .link-box dd .star_box .point {
	font-size: 20px;
	line-height: 20px;
	color: #ff0000;
	vertical-align: middle;
	padding-left: 4px
}

#hr-wrap .product-top.new .detail-area .pro-buy-info dl {
	display: flex;
	font-size: 0
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .sel_color {
	margin-bottom: 25px
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .sel_color dt {
	vertical-align: top;
	line-height: 28px
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .sel_color dt.ir {
	font: 0/0 a
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .measure select {
	width: 140px
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp {
	padding: 20px 0 0;
	border-top: 1px solid #f0f0f0
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp>div {
	font-size: 0
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp .color_smp_slider {
	position: relative;
	width: 420px;
	height: 44px;
	padding: 0 33px
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp .color_smp_slider .slick-prev {
	position: absolute;
	top: 50%;
	left: 0;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 18'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M10.414 16.071L9 17.485l-7.071-7.071L.515 9 9 .514l1.414 1.415L3.343 9l7.071 7.071z'/%3e%3c/svg%3e") 50% 50% no-repeat;
	background-size: 100% 100%;
	width: 11px;
	height: 18px;
	margin-top: -9px;
	font: 0/0 a
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp .color_smp_slider .slick-next {
	position: absolute;
	top: 50%;
	right: 0;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 17'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M1.42 16.985l-1.428-1.414L7.13 8.5-.008 1.429 1.42.015 9.985 8.5 1.42 16.985z'/%3e%3c/svg%3e") 50% 50% no-repeat;
	background-size: 100% 100%;
	width: 11px;
	height: 18px;
	margin-top: -9px;
	font: 0/0 a
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp a {
	display: inline-block;
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	box-sizing: border-box;
	text-indent: -99999;
	color: transparent;
	overflow: hidden
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp a img {
	width: 44px;
	height: 44px
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp a .soldout {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp a.on:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 13'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M16.985 2.378L6.379 12.985l-1.415-1.414-4.949-4.95 1.414-1.414 4.95 4.95L15.571.964l1.414 1.414z'/%3e%3c/svg%3e") 50% 50% no-repeat;
	background-size: 100% 100%;
	width: 17px;
	height: 13px;
	transform: translate(-50%, -50%)
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .pro-number {
	border-top: 1px solid #f0f0f0;
	padding-top: 20px
}

#hr-wrap .product-top.new .detail-area .pro-buy-info .color_smp select {
	width: 100%;
	margin-top: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 3px
}

#hr-wrap .color_smp .select_box {
	position: relative;
	width: 100%;
	height: 28px;
	margin-top: 20px;
	border: 1px solid #e0e0e0;
	border-radius: 3px
}

#hr-wrap .color_smp .select_box a {
	display: flex !important;
	align-items: center;
	width: 100% !important;
	height: 26px !important;
	padding-left: 10px;
	border-radius: 0 !important;
	color: #000 !important;
	font-size: 12px !important
}

#hr-wrap .color_smp .select_box a.selected {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 4'%3e%3cpath fill-rule='evenodd' fill='%23333' d='M3 4V3H2V2H1V1H0V0h7v1H6v1H5v1H4v1H3'/%3e%3c/svg%3e") 97% 50% no-repeat;
	background-size: 7px 4px
}

#hr-wrap .color_smp .select_box a b {
	display: block;
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin-right: 10px
}

#hr-wrap .color_smp .select_box .list {
	display: none;
	position: absolute;
	top: 26px;
	left: -1px;
	right: -1px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	z-index: 10
}

#hr-wrap .color_smp .select_box .list a {
	display: block
}

#hr-wrap .color_smp .select_box .list a:hover {
	text-decoration: underline
}

#hr-wrap .color_smp .select_box.on a.selected {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 4'%3e%3cpath fill-rule='evenodd' fill='%23333' d='M4 0v1h1v1h1v1h1v1H0V3h1V2h1V1h1V0h1'/%3e%3c/svg%3e") 97% 50% no-repeat;
	background-size: 7px 4px
}

#hr-wrap .color_smp .select_box.on .list {
	display: block
}

#hr-wrap .tab_area {
	border: 1px solid #bfbfbf;
	border-top: none
}

#hr-wrap .tab_area ul.w33 li {
	width: 33.33% !important
}

#hr-wrap .product-detail #list_box h2 {
	text-align: center;
	text-transform: uppercase;
	padding: 62px 0 39px;
	font-weight: bold
}

#hr-wrap .detail_view .tit_tab_txt {
	width: calc(100% - -2px);
	margin-left: -1px
}

#hr-wrap .detail_view .tit_tab_txt.on {
	position: fixed;
	top: 0;
	width: 1000px;
	z-index: 1
}

#hr-wrap .detail_view .tit_tab_txt .num {
	height: 14px
}

#hr-wrap .detail_view .tit_tab_txt li span.num {
	margin-top: 4px;
	display: inline-block;
	margin-left: 4px
}

#hr-wrap .detail_view .tit_tab_txt li a {
	font-size: 16px;
	border-bottom: 1px solid #bfbfbf
}

#hr-wrap .detail_view .tit_tab_txt li a.on {
	border-bottom: none;
	border-right: 1px solid #bfbfbf !important
}

#hr-wrap .detail_view .tit_tab_txt li:last-child a.on,
#hr-wrap .detail_view .tit_tab_txt li:last-child a {
	border-right: 0 !important
}

#hr-wrap .detail_view .product_info {
	padding: 30px
}

#hr-wrap .detail_view .product_info .img_box {
	margin-bottom: 50px
}

#hr-wrap .detail_view .product_info .img_box img {
	display: block;
	width: 100%;
	margin: 0 auto
}

#hr-wrap .detail_view .info_table h2 {
	text-align: center;
	font-weight: 500;
	padding-bottom: 28px
}

#hr-wrap .detail_view .info_table table {
	width: 100%
}

#hr-wrap .detail_view .info_table table td {
	box-sizing: border-box;
	border-bottom: 1px solid #dddddd;
	font-size: 14px;
	color: #333333;
	word-break: break-word;
	line-height: 22px;
	padding: 18px 30px
}

#hr-wrap .detail_view .info_table table tr:nth-child(1) td {
	border-top: 1px solid #dddddd
}

#hr-wrap .detail_view .info_table table td.ttl {
	background-color: #f6f6f6;
	width: 220px
}

#hr-wrap .detail_view .info_table table td p {
	padding-left: 3px
}

#hr-wrap .detail_view .product_info .before_purchase {
	padding-top: 30px;
	position: relative;
	padding-left: 187px
}

#hr-wrap .detail_view .product_info .before_purchase .ttl {
	font-size: 16px;
	color: #333;
	position: absolute;
	left: 0px;
	top: 30px;
	font-family: 'NotoSansBold'
}

#hr-wrap .detail_view .product_info .before_purchase li {
	line-height: 1.5;
	padding-top: 3px;
	font-size: 12.1px;
	color: #333;
	word-break: keep-all
}

#hr-wrap .detail_view .product_info .before_purchase li:first-child {
	padding-top: 0px
}

#hr-wrap #detail_con_tab2 {
	padding: 30px
}

#hr-wrap .detail_view .product_comment {
	max-width: 630px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 40px
}

#hr-wrap .detail_view .product_comment .top_num {
	text-align: center;
	font-size: 14px;
	color: #333333;
	margin-bottom: 15px
}

#hr-wrap .detail_view .product_comment .top_num span {
	font-size: 32px;
	color: #e53433;
	font-weight: 700
}

#hr-wrap .detail_view .product_comment .graph_box {
	background-color: #f7f7f7;
	padding: 28px 149px;
	box-sizing: border-box
}

#hr-wrap .detail_view .product_comment .graph_box li {
	position: relative;
	padding: 6px 72px 6px 39px;
	margin-bottom: 9px
}

#hr-wrap .detail_view .product_comment .graph_box li:last-child {
	margin-bottom: 0px
}

#hr-wrap .detail_view .product_comment .graph_box li .ttl {
	font-size: 12px;
	color: #666666;
	position: absolute;
	left: 0px;
	top: 0px
}

#hr-wrap .detail_view .product_comment .graph_box li .graph {
	width: 100%;
	position: relative;
	background-color: #eaeaea;
	height: 8px;
	overflow: hidden
}

#hr-wrap .detail_view .product_comment .graph_box li .graph div {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 8px;
	background-color: #000000
}

#hr-wrap .detail_view .product_comment .graph_box li .graphNum {
	font-size: 11px;
	color: #999999;
	background: url(../images/icon/graph_num.png) no-repeat center;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 20px;
	padding: 0 6px 0 8px
}

#hr-wrap .detail_view .product_comment .graph_box li .graphNum span {
	color: #666666
}

#hr-wrap .detail_view .product_comment .comment_box {
	padding-top: 18px
}

#hr-wrap .detail_view .product_comment .comment_box .top_txt {
	text-align: right;
	padding-bottom: 10px
}

#hr-wrap .detail_view .product_comment .comment_box .top_txt .number {
	font-size: 12px;
	color: #666666;
	float: left;
	margin-top: 4px
}

#hr-wrap .detail_view .product_comment .comment_box .top_txt .number span {
	color: #e53433
}

#hr-wrap .detail_view .product_comment .comment_box .top_txt a {
	display: inline-block;
	font-size: 12px;
	color: #ffffff;
	width: 100px;
	text-align: center;
	padding: 5px 0;
	background-color: #000000
}

#hr-wrap .detail_view .product_comment .comment_box .list_box {
	border-top: 1px solid #000000
}

#hr-wrap .detail_view .product_comment .comment_box .list_box li {
	border-bottom: 1px solid #000;
	position: relative;
	padding: 10px 120px 10px 160px;
	box-sizing: border-box;
	min-height: 67px
}

#hr-wrap .detail_view .product_comment .comment_box .list_box li.no_data {
	padding: 15px 0px;
	text-align: left;
	font-size: 12px;
	color: #333;
	min-height: auto
}

#hr-wrap .detail_view .product_comment .comment_box .list_box .id_box {
	position: absolute;
	left: 0px;
	width: 150px;
	top: 11px
}

#hr-wrap .detail_view .product_comment .comment_box .list_box .id_box .id {
	font-size: 14px;
	color: #333333;
	margin-bottom: 5px
}

#hr-wrap .detail_view .product_comment .comment_box .list_box .star {
	width: 70px;
	height: 15px;
	position: relative;
	background-color: #d4d4d4
}

#hr-wrap .detail_view .product_comment .comment_box .list_box .star .percent {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #000000
}

#hr-wrap .detail_view .product_comment .comment_box .list_box .star .top_img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url(../images/icon/star_bg.png) no-repeat center;
	background-size: 70px
}

#hr-wrap .detail_view .product_comment .comment_box .list_box .txt {
	font-size: 12px;
	line-height: 16px;
	word-break: break-all;
	color: #999999;
	word-break: keep-all
}

#hr-wrap .detail_view .product_comment .comment_box .list_box .txt img {
	display: block;
	max-width: 100%;
	margin-top: 10px
}

#hr-wrap .detail_view .product_comment .comment_box .list_box .date {
	position: absolute;
	right: 8px;
	top: 8px;
	font-size: 12px;
	color: #999999
}

#hr-wrap .detail_view .product_comment .comment_box .paginate-wrap {
	padding-top: 30px
}

#hr-wrap .detail_view .product_comment .comment_box .paginate-wrap .number {
	width: 24px;
	font-size: 12px;
	color: #666666;
	padding: 6px 0;
	line-height: 12px;
	margin: 0 3px
}

#hr-wrap .detail_view .product_comment .comment_box .paginate-wrap .number.on {
	background-color: #7d7d7d;
	color: #fff
}

#hr-wrap .refund_info .h4_area h4 {
	padding: 12px 0 20px 0
}

#hr-wrap #detail_con_tab3 {
	padding: 30px 30px 20px
}

#hr-wrap .refund_info .dutyfree_notice {
	border-bottom: 1px solid #e0e0e0
}

#hr-wrap .refund_info .dutyfree_notice div:first-child {
	padding: 20px 0;
	background-color: #f7f7f7
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl {
	float: left;
	width: 50%
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl:first-child {
	width: 49%;
	border-right: 1px solid #e0e0e0
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl dt {
	padding: 0 0 13px 20px;
	font-size: 14px;
	font-family: NotoSansBold
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl dd {
	padding-left: 20px;
	line-height: 1.5
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl dd.s {
	padding-top: 8px;
	font-size: 11px;
	color: #666
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl em {
	font-family: NotoSansBold
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl dd a.btn_ss_white {
	display: block;
	width: 99px;
	background: url(../images/common/ico_arrow.png) no-repeat 73px 7px;
	padding-left: 5px;
	text-align: left;
	background-color: #fff
}

#hr-wrap .refund_info .dutyfree_notice+.h4_area+.dutyfree_notice {
	border-bottom: 0
}

#hr-wrap .refund_info .dutyfree_notice+.h4_area+.dutyfree_notice div:first-child dl em {
	padding-left: 10px
}

#hr-wrap .refund_info .dutyfree_notice .desc {
	padding: 20px 0 30px 0
}

#hr-wrap .refund_info .dutyfree_notice .desc li {
	padding: 9px 0 0 15px;
	background: url(../images/common/bg_dot_b2b2b2.png) no-repeat 5px 50%
}

#hr-wrap .refund_info .dutyfree_notice .desc li:first-child {
	padding-top: 0
}

#hr-wrap .refund_info .dutyfree_notice .remember {
	padding: 20px 0 45px 0
}

#hr-wrap .refund_info .dutyfree_notice .remember p {
	float: left;
	width: 75px;
	font-family: NotoSansBold;
	text-decoration: underline
}

#hr-wrap .refund_info .dutyfree_notice .remember ul {
	float: right;
	width: 760px
}

#hr-wrap .refund_info .dutyfree_notice .remember ul li {
	padding-top: 9px
}

#hr-wrap .refund_info .dutyfree_notice .remember ul li:first-child {
	padding-top: 0
}

#hr-wrap .refund_info .dutyfree_notice .review_notice span {
	display: block;
	padding: 7px 0 7px 10px
}

#hr-wrap .refund_info .dutyfree_notice {
	border-bottom: 1px solid #e0e0e0
}

#hr-wrap .refund_info .dutyfree_notice div:first-child {
	padding: 20px 0;
	background-color: #f7f7f7
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl {
	float: left;
	width: 50%
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl:first-child {
	width: 49%;
	border-right: 1px solid #e0e0e0
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl dt {
	padding: 0 0 13px 20px;
	font-size: 14px;
	font-family: NotoSansBold
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl dd {
	padding-left: 20px;
	line-height: 1.5
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl dd.s {
	padding-top: 8px;
	font-size: 11px;
	color: #666
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl em {
	font-family: NotoSansBold
}

#hr-wrap .refund_info .dutyfree_notice div:first-child dl dd a.btn_ss_white {
	display: block;
	width: 99px;
	background: url(../images/common/ico_arrow.png) no-repeat 73px 7px;
	padding-left: 5px;
	text-align: left;
	background-color: #fff
}

#hr-wrap .refund_info .dutyfree_notice+.h4_area+.dutyfree_notice {
	border-bottom: 0
}

#hr-wrap .refund_info .dutyfree_notice+.h4_area+.dutyfree_notice div:first-child dl em {
	padding-left: 10px
}

#hr-wrap .refund_info .dutyfree_notice .desc {
	padding: 20px 0 30px 0
}

#hr-wrap .refund_info .dutyfree_notice .desc li {
	padding: 9px 0 0 15px;
	background: url(../images/common/bg_dot_b2b2b2.png) no-repeat 5px 50%
}

#hr-wrap .refund_info .dutyfree_notice .desc li:first-child {
	padding-top: 0
}

#hr-wrap .refund_info .dutyfree_notice .remember {
	padding: 20px 0 45px 0
}

#hr-wrap .refund_info .dutyfree_notice .remember p {
	float: left;
	width: 75px;
	font-family: NotoSansBold;
	text-decoration: underline
}

#hr-wrap .refund_info .dutyfree_notice .remember ul {
	float: right;
	width: 760px
}

#hr-wrap .refund_info .dutyfree_notice .remember ul li {
	padding-top: 9px
}

#hr-wrap .refund_info .dutyfree_notice .remember ul li:first-child {
	padding-top: 0
}

#hr-wrap .refund_info .dutyfree_notice .review_notice span {
	display: block;
	padding: 7px 0 7px 10px
}

#hr-wrap .refund_info .review_notice {
	padding: 0 30px;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background-color: #f7f7f7
}

#hr-wrap .refund_info .review_notice p {
	padding-top: 27px;
	font-size: 14px;
	font-family: NotoSansBold
}

#hr-wrap .refund_info .review_notice ul {
	padding: 24px 0 22px 0;
	color: #666
}

#hr-wrap .refund_info .review_notice ul li {
	padding: 8px 0 0 8px;
	text-indent: -8px;
	line-height: 1.3
}

#hr-wrap .refund_info .review_notice ul li:first-child {
	padding-top: 0
}

#hr-wrap .refund_info .review_notice ul li span {
	color: #ef3f3b
}

@media all and (min-width: 1025px) {
	.pc_show {
		 display: block !important
	}

	.pc_i_show {
		 display: inline-block !important
	}

	.m_show {
		 display: none !important
	}

	.m_i_show {
		 display: none !important
	}
}

@media all and (max-width: 1024px) {
	.pc_show {
		 display: none !important
	}

	.pc_i_show {
		 display: none !important
	}

	.m_show {
		 display: block !important
	}

	.m_i_show {
		 display: inline-block !important
	}
}

#hr-wrap #list_box .v_box .v_img img {
	width: 100%;
	height: auto
}

#hr-wrap #list_box .v_box .v_img>ul>li+li {
	margin-top: 10px
}

/* 20220825 추가 */
#hr-wrap #list_box .v_box .v_img h2 {
	padding: 80px 0 40px;
	text-align: center;
	text-transform: uppercase;
}

#hr-wrap #list_box .v_box .v_img h2 p{
	font-size: 14px;
}
/* //20220825 추가 */

#hr-wrap #best_product {
	padding: 0 0 86px
}

#hr-wrap #best_product>h2 {
	text-align: center;
	padding: 80px 0 40px;
	text-transform: uppercase;
	font-weight: bold
}

#hr-wrap #best_product .con_wrap {
	margin-bottom: 50px;
	text-align: center
}

#hr-wrap #best_product .con_wrap:last-child {
	margin-bottom: 0
}

#hr-wrap #best_product .btn a {
	display: block;
	width: 180px;
	height: 50px;
	margin: 0 auto;
	border: 1px solid #1e1e1e;
	color: #000;
	font-size: 16px;
	text-align: center;
	line-height: 48px
}

#hr-wrap #best_product .btn a:nth-child(2) {
	margin-top: 10px
}

#hr-wrap #new_product {
	padding: 0 0 86px
}

#hr-wrap #new_product #list_box {
	padding-bottom: 0px
}

#hr-wrap #new_product .img_box img {
	max-width: 100%
}

#hr-wrap #new_product h2 {
	text-align: center;
	padding: 53px 0 36px;
	text-transform: uppercase;
	font-family: 'NotoSansBold'
}

#hr-wrap #new_product .img_box2 {
	display: table;
	width: 100%;
	table-layout: fixed
}

#hr-wrap #new_product .img_box2 .img_wrap {
	display: table-cell;
	vertical-align: middle
}

#hr-wrap #new_product .img_box2 .img_wrap .txt_wrap {
	height: 466px;
	display: flex;
	justify-content: center;
	align-items: center;
	table-layout: fixed;
	text-align: center
}

#hr-wrap #new_product .img_box2.box1 .img_wrap .txt_wrap {
	background: url(../images/sub/new_product_v_2_bg.jpg) no-repeat center
}

#hr-wrap #new_product .img_box2.box2 .img_wrap .txt_wrap {
	background: url(../images/sub/new_product_v_3_bg.jpg) no-repeat center
}

#hr-wrap #new_product .img_box2 .img_wrap .txt_wrap .ttl {
	font-size: 26px;
	color: #000000;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	text-transform: uppercase
}

#hr-wrap #new_product .img_box2 .img_wrap .txt_wrap .txt {
	font-size: 14px;
	color: #000000;
	line-height: 20px;
	padding-top: 16px
}

#hr-wrap #new_product .img_box2 .img_wrap .txt_wrap ul {
	padding: 18px 0 39px
}

#hr-wrap #new_product .img_box2 .img_wrap .txt_wrap ul li {
	display: inline-block;
	font-size: 14px;
	color: #000000;
	padding: 0 17px 0 30px;
	background: url(../images/icon/check.png) no-repeat left center
}

#hr-wrap #new_product .img_box2 .img_wrap .txt_wrap ul li:last-child {
	padding-right: 0px
}

#hr-wrap #new_product .img_list {
	width: 876px;
	margin: 0 auto;
	padding-top: 64px
}

#hr-wrap #new_product .img_list .img_wrap {
	width: 204px;
	display: inline-block;
	margin-right: 17px;
	vertical-align: top
}

#hr-wrap #new_product .img_list .img_wrap:last-child {
	float: right;
	margin-right: 0px
}

#hr-wrap #new_product .img_list .img_wrap img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

#hr-wrap #new_product .img_list .img_wrap .txt {
	padding: 14px 11px 0;
	font-size: 12px;
	line-height: 20px;
	color: #666666
}

#hr-wrap #dutyFree {
	padding: 0 0 86px
}

#hr-wrap #dutyFree #list_box {
	padding-bottom: 0px
}

#hr-wrap #dutyFree .img_box img {
	max-width: 100%
}

#hr-wrap #dutyFree h2 {
	text-align: center;
	padding: 10px 50px 36px;
	text-transform: uppercase;
	position: relative;
	font-family: 'NotoSansBold'
}

#hr-wrap #dutyFree h2 .more_btn {
	font-size: 12px;
	color: #999999;
	font-weight: 400;
	position: absolute;
	right: 0px;
	top: 53px
}

#hr-wrap #makeup {
	padding: 0 0 86px
}

#hr-wrap #makeup #list_box {
	padding-bottom: 0px
}

#hr-wrap #makeup #list_box .list_wrap {
	padding-bottom: 60px
}

#hr-wrap #makeup #list_box .list_wrap:last-child {
	padding-bottom: 0px
}

#hr-wrap #makeup .img_box {
	position: relative
}

#hr-wrap #makeup .img_box img {
	max-width: 100%
}

#hr-wrap #makeup .img_box .txt_box {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	table-layout: fixed;
	color: #fff
}

#hr-wrap #makeup .img_box .txt_box .ttl {
	font-size: 26px;
	font-family: 'NotoSansBold'
}

#hr-wrap #makeup .img_box .txt_box .txt {
	font-size: 14px;
	line-height: 20px;
	padding-top: 17px
}

#hr-wrap #makeup .img_box .txt_box .btn {
	color: #000;
	background-color: #fff;
	margin-top: 40px
}

#hr-wrap #makeup h2 {
	text-align: center;
	padding: 53px 50px 36px;
	text-transform: uppercase;
	position: relative;
	font-family: 'NotoSansBold'
}

#hr-wrap #makeup h2 .more_btn {
	font-size: 12px;
	color: #999999;
	font-weight: 400;
	position: absolute;
	right: 0px;
	top: 53px
}

#hr-wrap #skincare {
	padding: 0 0 86px
}

#hr-wrap #skincare #list_box {
	padding-bottom: 0px
}

#hr-wrap #skincare #list_box .list_wrap {
	padding-bottom: 60px
}

#hr-wrap #skincare #list_box .list_wrap:last-child {
	padding-bottom: 0px
}

#hr-wrap #skincare .img_box {
	position: relative
}

#hr-wrap #skincare .img_box img {
	max-width: 100%
}

#hr-wrap #skincare .img_box .txt_box {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 50%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	table-layout: fixed;
	color: #fff
}

#hr-wrap #skincare .img_box .txt_box.type2 {
	color: #000
}

#hr-wrap #skincare .img_box .txt_box .ttl {
	font-size: 26px;
	font-family: 'NotoSansBold'
}

#hr-wrap #skincare .img_box .txt_box .txt {
	font-size: 14px;
	line-height: 20px;
	padding-top: 17px
}

#hr-wrap #skincare .img_box .txt_box .btn {
	color: #000;
	background-color: #fff;
	margin-top: 40px
}

#hr-wrap #skincare h2 {
	text-align: center;
	padding: 53px 50px 36px;
	text-transform: uppercase;
	position: relative;
	font-family: 'NotoSansBold'
}

#hr-wrap #skincare h2 .more_btn {
	font-size: 12px;
	color: #999999;
	font-weight: 400;
	position: absolute;
	right: 0px;
	top: 53px
}

#hr-wrap #location {
	padding: 0 0 60px
}

#hr-wrap #location .vc_list {
	margin-bottom: 15px
}

#hr-wrap #location>h2 {
	text-align: center;
	padding: 53px 0 38px;
	font-weight: bold
}

#hr-wrap #location .location_list:after {
	content: "";
	display: block;
	clear: both
}

#hr-wrap #location .location_list dl {
	float: left;
	width: 455px;
	height: 170px;
	margin-top: 20px;
	padding: 40px 20px;
	border: 1px solid #ddd;
	border-top: 2px solid #222;
	box-sizing: border-box
}

#hr-wrap #location .location_list dl:nth-child(even) {
	float: right
}

#hr-wrap #location .location_list dl dt {
	color: #000;
	font-size: 20px;
	font-weight: bold
}

#hr-wrap #location .location_list dl dd {
	margin-top: 30px;
	color: #666;
	font-size: 14px
}

#hr-wrap #location .img_box img {
	width: 100%;
	height: auto
}

#hr-wrap #perfume {
	padding: 0 0 60px
}

#hr-wrap #perfume #list_box {
	padding-bottom: 0px
}

#hr-wrap #perfume .img_box img {
	max-width: 100%
}

#hr-wrap #perfume h2 {
	text-align: center;
	padding: 53px 50px 36px;
	text-transform: uppercase;
	position: relative;
	font-family: 'NotoSansBold'
}

#hr-wrap #perfume h2 .more_btn {
	font-size: 12px;
	color: #999999;
	font-weight: 400;
	position: absolute;
	right: 0px;
	top: 53px
}

#hr-wrap #perfume .bottom_box {
	background-color: #f2f2f2;
	padding: 60px 28px;
	margin-top: 60px;
	text-align: center
}

#hr-wrap #perfume .bottom_box>.title {
	font-size: 26px;
	color: #111111;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	margin-bottom: 40px
}

#hr-wrap #perfume .bottom_box .con_box {
	display: table;
	width: 100%;
	table-layout: fixed
}

#hr-wrap #perfume .bottom_box .con_wrap {
	display: table-cell;
	vertical-align: top;
	position: relative
}

#hr-wrap #perfume .bottom_box .con_wrap::before {
	content: '';
	width: 278px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0px;
	z-index: 0
}

#hr-wrap #perfume .bottom_box .con_wrap:nth-child(1) {
	padding-right: 14px
}

#hr-wrap #perfume .bottom_box .con_wrap:nth-child(1)::before {
	left: 0px
}

#hr-wrap #perfume .bottom_box .con_wrap:nth-child(2) {
	padding: 0 7px
}

#hr-wrap #perfume .bottom_box .con_wrap:nth-child(2)::before {
	left: 7px
}

#hr-wrap #perfume .bottom_box .con_wrap:nth-child(3) {
	padding-left: 14px
}

#hr-wrap #perfume .bottom_box .con_wrap:nth-child(3)::before {
	right: 0px
}

#hr-wrap #perfume .bottom_box .con_wrap .img_box {
	position: relative;
	z-index: 1
}

#hr-wrap #perfume .bottom_box .con_wrap .txt_wrap {
	position: relative;
	z-index: 1;
	padding: 37px 0 76px;
	min-height: 612px;
	box-sizing: border-box
}

#hr-wrap #perfume .bottom_box .con_wrap .txt_wrap>.ttl {
	font-size: 16px;
	color: #111111;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	padding-bottom: 14px
}

#hr-wrap #perfume .bottom_box .con_wrap .txt_box {
	font-size: 16px;
	color: #111111;
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 14px
}

#hr-wrap #perfume .bottom_box .con_wrap .txt_box::before {
	content: '';
	width: 60px;
	height: 1px;
	position: absolute;
	background-color: #cccccc;
	bottom: 0px;
	left: 50%;
	margin-left: -30px
}

#hr-wrap #perfume .bottom_box .con_wrap .txt {
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	margin-bottom: 20px
}

#hr-wrap #perfume .bottom_box .con_wrap .txt:last-child {
	margin-bottom: 0px
}

#hr-wrap #perfume .bottom_box .con_wrap ul {
	padding-bottom: 33px
}

#hr-wrap #perfume .bottom_box .con_wrap li {
	margin-bottom: 20px
}

#hr-wrap #perfume .bottom_box .con_wrap li:last-child {
	margin-bottom: 0px
}

#hr-wrap #perfume .bottom_box .con_wrap li .ttl {
	color: #666666;
	font-size: 12px;
	line-height: 20px
}

#hr-wrap #perfume .bottom_box .con_wrap .btn {
	font-size: 12px;
	color: #ffffff;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	text-align: center;
	background-color: #000000;
	width: 140px;
	padding: 5px 0;
	display: block;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -70px;
	z-index: 1
}

#hr-wrap #perfume .bottom_box .con_wrap:nth-child(1) .btn {
	margin-left: -77px
}

#hr-wrap #perfume .bottom_box .con_wrap:nth-child(3) .btn {
	margin-left: -63px
}

#hr-wrap #brand {
	padding-bottom: 100px
}

#hr-wrap #brand .vc_list {
	margin-bottom: 15px
}

#hr-wrap #brand h2 {
	text-align: center;
	padding: 80px 0 40px;
	text-transform: uppercase
}

#hr-wrap #brand h2 p {
	font-size: 14px
}

#hr-wrap #brand .bnr_box {
	position: relative;
	margin-top: 10px
}

#hr-wrap #brand .bnr_box:first-of-type {
	margin-top: 0
}

#hr-wrap #brand .bnr_box .txt_wrap {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 420px;
	padding-top: 140px;
	text-align: center
}

#hr-wrap #brand .bnr_box .txt_wrap.left {
	left: 0
}

#hr-wrap #brand .bnr_box .txt_wrap.right {
	right: 0
}

#hr-wrap #brand .bnr_box .txt_wrap p {
	color: #000;
	font-size: 20px;
	line-height: 1.2
}

#hr-wrap #brand .bnr_box .txt_wrap .btn {
	display: block;
	background: #000;
	width: 160px;
	height: 50px;
	margin: 30px auto 0;
	color: #fff;
	line-height: 50px;
	text-align: center;
	font-size: 16px
}

#hr-wrap #brand .bnr_box .txt_wrap.white p {
	color: #fff
}

#hr-wrap #brand .bnr_box .txt_wrap.white .btn {
	background: #fff;
	color: #000
}

#hr-wrap #event {
	min-height: 500px;
	padding: 0 0 60px
}

#hr-wrap #event .vc_list {
	margin-bottom: 15px
}

#hr-wrap #event .none_list {
	padding-top: 80px
}

#hr-wrap #main-hr {
	padding-bottom: 60px
}

#hr-wrap #main-hr .btn {
	display: inline-block;
	width: 140px;
	padding: 8px 0;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background-color: #000;
	margin-top: 50px
}

#hr-wrap .slide_box {
	position: relative
}

#hr-wrap .slide_box .slick-dots {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 10px
}

#hr-wrap .slide_box .slick-dots li {
	display: inline-block;
	width: 11px;
	height: 11px;
	position: relative;
	border-radius: 6px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	transition: all 0.3s;
	margin: 0 4px;
	background-color: #ffffff
}

#hr-wrap .slide_box .slick-dots li.slick-active {
	background-color: #000000;
	border: 1px solid #000
}

#hr-wrap .slide_box .slick-dots li button {
	text-indent: -9999px;
	width: 11px;
	height: 11px;
	top: 0px;
	left: 0px;
	border-radius: 6px;
	background-color: transparent;
	outline: none
}

#hr-wrap .slide_box .slick-arrow {
	position: absolute;
	top: 50%;
	width: 16px;
	height: 28px;
	margin-top: -14px;
	font: 0/0 a;
	z-index: 5
}

#hr-wrap .slide_box .slick-arrow.slick-prev {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 28'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M16 25.89l-2.09 2.1L2.1 16.09 0 14 13.91.02 16 2.11 4.18 14 16 25.89z'/%3e%3c/svg%3e") 50% 50% no-repeat;
	background-size: 100% 100%;
	left: 10px
}

#hr-wrap .slide_box .slick-arrow.slick-next {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 30'%3e%3cpath fill-rule='evenodd' fill='%23FFF' d='M15.02 17.12L3 29.14.88 27.02 12.9 15 .88 2.98 3 .86 17.14 15l-2.12 2.12z'/%3e%3c/svg%3e") 50% 50% no-repeat;
	background-size: 100% 100%;
	right: 10px
}

#hr-wrap .slide_box .img_box img {
	width: 100%;
	height: auto
}

#hr-wrap #main-hr h2 {
	text-align: center;
	padding: 53px 0 58px;
	text-transform: uppercase;
	font-family: 'NotoSansBold'
}

#hr-wrap #main-hr .tab-hr {
	display: flex;
	justify-content: center;
	margin: 60px 0 20px
}

#hr-wrap #main-hr .tab-hr a {
	display: block;
	width: 191px;
	padding-bottom: 15px;
	border-bottom: 2px solid #ddd;
	color: #666;
	font-size: 20px;
	text-align: center;
	font-weight: bold
}

#hr-wrap #main-hr .tab-hr a.on {
	border-color: #000;
	color: #000
}

#hr-wrap #main-hr #list_box .tab_conts_wrap .list_wrap {
	display: none
}

#hr-wrap #main-hr #list_box .tab_conts_wrap .list_wrap.tabCont_01 {
	display: block
}

#hr-wrap #main-hr #list_box .list_wrap .con_box {
	padding-top: 0px
}

#hr-wrap #main-hr #list_box .list_wrap .con_wrap {
	padding: 0 17px;
	box-sizing: border-box
}

#hr-wrap #main-hr #list_box .list_wrap .con_wrap .img_box {
	height: 260px
}

#hr-wrap #main-hr #list_box .list_wrap .con_wrap .btn_box a.view_btn {
	width: 202px;
	color: #fff;
	background-color: #000
}

#hr-wrap #main-hr .box2 {
	background-color: #f2f2f2;
	padding: 0 30px 60px
}

#hr-wrap #main-hr .box2 .con_box {
	width: 200px;
	margin-right: 20px;
	display: inline-block;
	text-align: center;
	background-color: #fff;
	padding-bottom: 20px
}

#hr-wrap #main-hr .box2 .con_box:last-child {
	float: right;
	margin-right: 0px
}

#hr-wrap #main-hr .box2 .con_box .img_box {
	height: 200px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important
}

#hr-wrap #main-hr .box2 .con_box .ttl {
	font-size: 16px;
	color: #000000;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
	font-weight:bold;
	padding-top: 20px
}

#hr-wrap #main-hr .img_bnr_box {
	position: relative;
	margin-top: 10px
}
#hr-wrap #main-hr .img_bnr_box a img{
	width: 100%;
}

#hr-wrap #main-hr .img_bnr_box .txt_box {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 464px;
	padding-top: 142px;
	text-align: center
}

#hr-wrap #main-hr .img_bnr_box .txt_box p {
	color: #000;
	font-size: 20px;
	line-height: 1.2
}

#hr-wrap #main-hr .img_bnr_box .txt_box .btn {
	background: #fff;
	width: 160px;
	height: 50px;
	padding: 0;
	color: #000;
	line-height: 50px;
	font-size: 16px
}

#hr-wrap #main-hr .img_bnr_box.v-1 {
	margin-top: 20px
}

#hr-wrap #main-hr .img_bnr_box.v-1 .txt_box .btn {
	background: #000;
	color: #fff
}

#hr-wrap #main-hr .img_bnr_box.v-2 .txt_box p {
	color: #fff
}

#hr-wrap #main-hr .img_bnr_box.v-4 .txt_box {
	padding-top: 170px
}

#hr-wrap #main-hr .img_bnr_box.vod {
	margin-top: 40px
}

#hr-wrap #main-hr .img_bnr_box.last {
	margin-top: 0
}

#hr-wrap #main-hr #list_box .list_wrap.slide .con_box>.slick-prev {
	left: -27px;
	background: url(../images/icon/list_slide_prev.png) no-repeat center
}

#hr-wrap #main-hr #list_box .list_wrap.slide .con_box>.slick-next {
	right: -27px;
	background: url(../images/icon/list_slide_next.png) no-repeat center
}

#hr-wrap #main-hr #list_box .list_wrap.slide .con_box>.slick-arrow {
	top: 276px
}

#hr-wrap .product-detail .detailInner {
	padding-top: 20px;
	box-sizing: border-box;
	margin-bottom: 50px;
	position: relative
}

#hr-wrap .product-detail .detailInner:after {
	content: '';
	display: block;
	clear: both
}

#hr-wrap .product-detail .sectionL {
	width: 440px;
	float: left;
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 9
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap {
	position: relative;
	width: 350px;
	margin: 0 auto
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .thumbnail {
	width: 100%
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .prodFlag {
	position: absolute;
	left: -45px;
	top: 0
}

#hr-wrap .product-detail .detailInner .sectionL .slick-list {
	overflow: visible
}

#hr-wrap .product-detail .detailInner .sectionL .thumbList .slick-list {
	overflow: hidden
}

#hr-wrap .product-detail .detailInner .sectionL .thumbList .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	display: block;
	border: none;
	background: none;
	font-size: 0;
	cursor: pointer
}

#hr-wrap .product-detail .detailInner .sectionL .thumbList .slick-prev {
	left: 0;
	background: url(../images/common/slick_prev.png) center no-repeat;
	width: 24px;
	height: 24px
}

#hr-wrap .product-detail .detailInner .sectionL .thumbList .slick-next {
	right: 0;
	background: url(../images/common/slick_next.png) center no-repeat;
	width: 24px;
	height: 24px
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .zoomArea {
	position: relative
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .zoomArea .zoomPad {
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 224px;
	height: 224px;
	position: absolute;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: 350px auto;
	background-position: 0 0;
	box-sizing: border-box;
	display: none
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .zoomArea .zoomWindow {
	border: 1px solid #979797;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 392px;
	height: 382px;
	position: absolute;
	left: 490px;
	top: 0;
	z-index: 11;
	display: none;
	overflow: hidden
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .zoomArea .zoomWindow img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: unset
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .zoomArea:hover img.thumbnail {
	opacity: 0.6
}

#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .zoomArea:hover .zoomPad,
#hr-wrap .product-detail .detailInner .sectionL .thumbWrap .thumb .zoomArea:hover .zoomWindow {
	display: block
}

#hr-wrap .product-detail .detailInner .sectionL .zoomTxt {
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.38462;
	color: #666;
	margin-top: 50px
}

#hr-wrap .product-detail .detailInner .sectionL .swiperWrap.thumbList {
	padding: 0 40px;
	margin-top: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

#hr-wrap .product-detail .detailInner .sectionL .swiperWrap.thumbList .slick-slide {
	margin: 0 2px
}

#hr-wrap .product-detail .detailInner .sectionL .swiperWrap.thumbList .swiper-slide img {
	width: 75px;
	height: 75px
}

#hr-wrap .product-detail .detailInner .sectionR {
	width: 520px;
	float: right;
	margin-bottom: 100px
}

#hr-wrap .product-detail .detailInner .sectionR .prodTb {
	position: relative
}

.wish_btn {
	width: 26px;
	height: 26px;
	display: inline-block;
	border: none;
	background: url(../images/common/wish_off.png) 0 no-repeat;
	cursor: pointer
}

.wish_btn.on {
	background: url(../images/common/wish_on.png) 0 no-repeat
}

#hr-wrap .product-detail .recom-list {
	width: 100%;
	clear: both;
	position: relative
}

#hr-wrap .product-detail .recom-list .recom-tit { /* 20221117 수정 */
	font-size: 22px;
	color: #111111;
	font-weight: bold;
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap {
	overflow: hidden;
	margin: 20px 50px;
	position: relative
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li {
	display: inline-flex;
	flex-direction: column;
	margin-right: 10px;
	text-align: center;
	font-size: 14px; /* 20221117 수정 */
	/*font-size: 18px*/
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li img {
	width: 100%;
	height: auto
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li .prod_tit {
	width: 100%;
	margin-top: 10px;
	height: 40px; /* 20221107 수정 */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #111111; /* 20221117 추가 */
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li .prod_pri { /* 20221117 수정 */
	color: #111111;
	/*color: #be0f34;*/
	font-weight: bold;
	margin-top: 5px
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li .worth_price_txt { /* 20221117 수정 */
	font-size: 12px;
	/*font-size: 14px;*/
    color: #999999;
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li .btns {
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li .btns a {
	flex: 1;
	font-family: '맑은 고딕', 'Malgun Gothic', Arial, 'Dotum', '돋움', sans-serif;
	/* 20221117 수정 */
	font-size: 12px;
	line-height:34px;
	height:36px;
	/*font-size: 14px;
	line-height: 38px;
	height: 40px;*/
	text-align: center;
	border: 1px solid #000;
	background: #fff;
	cursor: pointer;
	box-sizing: border-box
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li .btns a.btn_direct {
	border: 1px solid #000;
	background: #000;
	color: #fff
}

#hr-wrap .product-detail .recom-list .recom-slide-wrap>ul>li .btns a+a {
	margin: 0 2px
}

#hr-wrap .product-detail .recom-list .swiper-button-prev,
#hr-wrap .product-detail .recom-list .swiper-button-next {
	font-size: 0;
	top: auto;
	bottom: 150px;
	color: #000
}

/* 20221117 추가 */
#hr-wrap .product-detail .recom-list .swiper-button-next:after,
#hr-wrap .product-detail .recom-list .swiper-button-prev:after{
	font-size: 32px;
	color: #999999;
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup {
	font-size: 0
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup::after {
	content: "";
	display: block;
	clear: both
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup a {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 35px);
	height: 50px;
	line-height: 48px;
	border: 1px solid #000;
	box-sizing: border-box;
	color: #000;
	font-size: 16px;
	text-align: center;
	font-weight: 700
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup a.bk {
	background: #000;
	color: #fff;
	border: none
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup a+a {
	margin-left: 10px
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup .wish_btn {
	width: 50px;
	height: 50px;
	background-position: 50% 50%;
	margin-left: 10px;
	border: 1px solid #000
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup a.buy {
	background: #000;
	color: #fff
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup a.soldOut {
	width: 345px
}

#hr-wrap .product-detail .detailInner .sectionR .btnGroup .alert {
	width: 100%;
	margin-left: 0;
	margin-top: 15px
}

#hr-wrap .product-detail .detailInner .sectionR .share {
	margin-top: 20px
}

#hr-wrap .product-detail .detailInner .sectionR .share ul {
	font-size: 0;
	text-align: right
}

#hr-wrap .product-detail .detailInner .sectionR .share ul li {
	margin-left: 9px;
	display: inline-block
}

#hr-wrap .product-detail .detailInner .sectionR .bullet {
	margin: 24px 0 0;
	text-align: left
}

#hr-wrap .product-detail .detailInner .sectionR .bullet>li {
	margin-top: 8px;
	position: relative;
	padding-left: 10px;
	font-size: 13px;
	color: #777;
	text-align: left
}

#hr-wrap .product-detail .detailInner .sectionR .bullet>li strong {
	color: #000
}

#hr-wrap .product-detail .detailInner .sectionR .bullet>li:first-child {
	margin-top: 0
}

#hr-wrap .product-detail .detailInner .sectionR .bullet>li:after {
	content: '*';
	position: absolute;
	left: 0px;
	top: 3px
}

#hr-wrap .product-detail .detailImg {
	width: 100%;
	min-height: 200px;
	background: #efefef
}

#hr-wrap .product-detail .sectionR table {
	width: 100%
}

#hr-wrap .product-detail .sectionR table tfoot th {
	border-top: 1px solid #dfdfdf;
	height: auto;
	font-size: 14px;
	padding-top: 40px
}

#hr-wrap .product-detail .sectionR table tfoot td {
	border-top: 1px solid #dfdfdf;
	height: auto;
	padding: 30px 0 40px 0;
	text-align: right;
	vertical-align: top
}

#hr-wrap .product-detail .sectionR table tfoot td strong {
	color: #e90649;
	font-size: 26px
}

#hr-wrap .product-detail .sectionR table tfoot td span {
	color: #e90649;
	font-size: 18px;
	margin-left: 4px
}

#hr-wrap .product-detail .sectionR table th .prdNm {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	width: calc(100% - 30px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#hr-wrap .product-detail .sectionR table th.prdSub {
	font-size: 14px;
	color: #777;
	padding-bottom: 20px;
	box-sizing: border-box;
	word-break: keep-all;
	padding-right: 50px;
	position: relative;
}

#hr-wrap .product-detail .sectionR table th.prdSub .ellipsis {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	overflow: hidden;

}

/* 20221121 수정 */
#hr-wrap .product-detail .sectionR table th.prdSub .btn-show-more{
	position: absolute;
	bottom: 20px;
	right: 0;
	font-size: 14px;
	color: #000;
}

/* 20221121 추가 */
#hr-wrap .product-detail .sectionR table th.prdSub .btn-show-more:hover{
	text-decoration: underline;
}

#hr-wrap .product-detail .sectionR table th.prdSub .product-desc {
	width: 460px;
}

#hr-wrap .product-detail .sectionR table th.prdSub .product-desc.ellipsis + .btn-show-more::before {
  content: "더보기";
}
#hr-wrap .product-detail .sectionR table th.prdSub .product-desc + .btn-show-more::before {
	content: '닫기';
}
#hr-wrap .product-detail .sectionR table th.prdSub .detailWrap .detail_wrap .right_area .explan_section .product-sub-area .add-detail .btn-show-more {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 14px;
	color: #777;
}

#hr-wrap .product-detail .sectionR table th.prdSub::after {
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

#hr-wrap .product-detail .sectionR table th {
	font-size: 14px;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: left
}

#hr-wrap .product-detail .sectionR table th.lh20 {
	padding-top: 18px
}

#hr-wrap .product-detail .sectionR table td {
	font-size: 14px;
	color: #878787;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left
}

#hr-wrap .product-detail .sectionR table td strong {
	font-size: 14px;
	font-weight: 700;
	color: #000;
	display: inline-block
}

#hr-wrap .product-detail .sectionR table td .q_mark {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	background: url(../images/common/q_mark.png) 0 no-repeat;
	border: none;
	cursor: pointer;
	margin-left: 4px
}

#hr-wrap .product-detail .sectionR table td .disTxt {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #999;
	margin-left: 8px
}

#hr-wrap .product-detail .sectionR table td.price {
	color: #141414
}

#hr-wrap .product-detail .sectionR table td.price strong {
	font-size: 16px;
	color: #343434;
	font-weight: 700
}

#hr-wrap .product-detail .sectionR table td.price span {
	font-size: 14px;
	color: #999;
	margin-left: 5px
}

#hr-wrap .product-detail .sectionR table td .loginTxt {
	color: #333;
	font-size: 16px
}

#hr-wrap .product-detail .sectionR table td.point strong {
	font-size: 16px;
	color: #343434
}

#hr-wrap .product-detail .sectionR table td.boucher strong {
	font-size: 16px;
	color: #343434
}

#hr-wrap .product-detail .sectionR table td .colorChip {
	width: 190px
}

#hr-wrap .product-detail .sectionR table td .colorChip ul {
	font-size: 0
}

#hr-wrap .product-detail .sectionR table td .colorChip ul li {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 19px;
	height: 19px;
	margin: 5px 6px 5px 0
}

#hr-wrap .product-detail .sectionR table td .colorChip ul li a {
	display: inline-block;
	width: 19px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	border-radius: 100%
}

#hr-wrap .product-detail .sectionR table td .colorChip ul li.on a {
	border: 2px solid #000
}

#hr-wrap .product-detail .sectionR table td .colorChk {
	width: 240px;
	height: 36px;
	padding-left: 20px;
	padding-right: 20px
}

#hr-wrap .product-detail .sectionR table td .colorChk::after {
	content: "";
	display: block;
	clear: both
}

#hr-wrap .product-detail .sectionR table td .colorChk button {
	width: 36px !important;
	height: 36px !important;
	border-radius: 50%;
	position: relative;
	border: none;
	margin: 0 2px;
	cursor: pointer
}
#hr-wrap .product-detail .sectionR table td .colorChk button::after{
  content: "";
  width: 37px;
  height: 37px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  box-sizing: border-box;
}
#hr-wrap .product-detail .sectionR table td .colorChk button.slick-arrow::after {
  border: none;
}
#hr-wrap .product-detail .sectionR table td .colorChk button.check::after {
  content: "";
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #000;
  box-sizing: border-box;
}

#hr-wrap .product-detail .sectionR table td .colorChk button::before {
	content: "";
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 6px solid #fff;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

#hr-wrap .product-detail .sectionR table td .colorChk .slick-arrow::before {
	display: none
}

#hr-wrap .product-detail .sectionR table td .colorChk .slick-arrow {
	width: 20px !important;
	height: 20px !important;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	font-size: 0;
	z-index: 99
}

#hr-wrap .product-detail .sectionR table td .colorChk .slick-prev {
	left: 0;
	background: url(../images/common/slick_prev2.png) 0 no-repeat
}

#hr-wrap .product-detail .sectionR table td .colorChk .slick-next {
	right: 0;
	background: url(../images/common/slick_next2.png) 0 no-repeat
}

#hr-wrap .product-detail .sectionR table td .colorChk .slick-list {
	padding: 0
}

#hr-wrap .product-detail .sectionR table td .colorChk button:last-child {
	margin-right: 0
}

#hr-wrap .product-detail .sectionR table td .colorChk .slick-center button::after {
	content: "";
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	box-sizing: border-box
}

#hr-wrap .product-detail .sectionR table td .colorChk button.disabled {
	cursor: unset
}

#hr-wrap .product-detail .sectionR table td .colorChk button.disabled::after {
	content: "";
	width: 36px;
	height: 36px;
	display: block;
	background: url(../images/common/disabled.png) center no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

#hr-wrap .product-detail .sectionR table td .colorOptionBox {
	position: relative;
	margin-top: 25px
}

#hr-wrap .product-detail .sectionR table td .colorOptionBox .optionColor {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translate(0, -50%);
	width: 26px;
	height: 26px;
	border-radius: 50%
}

#hr-wrap .product-detail .sectionR table td .colorOption {
	width: 235px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	background: url(../images/common/select_arrow2.png) center right 10px no-repeat;
	background-size: 20px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #cecece;
	box-sizing: border-box;
	padding-left: 10px;
	text-indent: 40px
}

#hr-wrap .product-detail .sectionR table td .colorOption option {
	height: 25px;
	line-height: 25px
}

#hr-wrap .product-detail .sectionR table td .sizeOption {
	width: 235px;
	height: 40px;
	line-height: 38px;
	font-size: 14px;
	background: url(../images/common/select_arrow2.png) center right 10px no-repeat;
	background-size: 20px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #cecece;
	box-sizing: border-box;
	text-align-last: center;
	text-align: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center
}

.product-detail .sectionR table .countAm {
	padding-top: 18px
}

#hr-wrap .product-detail .sectionR table td .amount {
	position: relative;
	text-align: center;
	height: 40px;
	margin-bottom: 10px
}

#hr-wrap .product-detail .sectionR table td .amount>button {
	width: 40px;
	height: 40px;
	float: left;
	display: block;
	border: 1px solid #cecece;
	background: none;
	cursor: pointer
}

#hr-wrap .product-detail .sectionR table td .amount>button.minus {
	background: url(../images/common/minus.png) center no-repeat
}

#hr-wrap .product-detail .sectionR table td .amount>button.plus {
	background: url(../images/common/plus_on.png) center no-repeat
}

#hr-wrap .product-detail .sectionR table td .amount .count {
	display: block;
	width: 155px;
	height: 40px;
	line-height: 40px;
	border: none;
	border-bottom: 1px solid #cecece;
	border-top: 1px solid #cecece;
	box-sizing: border-box;
	float: left
}

#hr-wrap .product-detail .sectionR table td .numCount {
	position: absolute;
	right: 100px;
	top: 0
}

#hr-wrap .product-detail .sectionR table td .login_btn {
	display: block;
	width: 320px;
	height: 40px;
	line-height: 38px;
	text-indent: 16px;
	background: url(../images/common/login_arrow.png) center right 6px no-repeat #f8f8f8;
	font-size: 12px;
	color: #000;
	font-weight: 700
}

#hr-wrap .product-detail .sectionR table tr.memberPrice th,
#hr-wrap .product-detail .sectionR table tr.memberPrice td {
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 15px;
	padding-top: 15px
}

#hr-wrap .product-detail .sectionR table tr.memberPrice th {
	vertical-align: middle
}

#hr-wrap .product-detail .sectionR table tr.memberPrice td a,
#hr-wrap .product-detail .sectionR table tr.memberPrice td span {
	display: inline-block;
	vertical-align: middle
}

#hr-wrap .product-detail .sectionR table tr.memberPrice td.member .us-currency {
	color: #f82d73;
	font-size: 1.8rem;
	font-weight: 700
}

#hr-wrap .product-detail .sectionR table tr.memberPrice td.member span .rate {
	color: #f82d73
}

#hr-wrap .product-detail .sectionR table tr.memberPrice td.member span .rate span {
	color: #f82d73
}

#hr-wrap .product-detail .sectionR table tr.memberPrice.cn th {
	color: #d62b21
}

#hr-wrap .product-detail .sectionR table tr.memberPrice.cn td span {
	color: #d62b21
}

#hr-wrap .product-detail .sectionR table tr.colorSelect th {
	vertical-align: top
}

#hr-wrap .product-detail .sectionR table tr.reserves th,
#hr-wrap .product-detail .sectionR table tr.reserves td {
	padding-top: 20px
}

#hr-wrap .product-detail .sectionR table tr.reserves .txt {
	color: #878787
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .toggleBtn[aria-expanded="true"]+.tipCont {
	display: block
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont {
	display: none;
	position: absolute;
	top: 20px;
	left: -40px;
	width: 278px;
	border: 2px solid #2a2a2a;
	background: #fff;
	z-index: 999
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont.on {
	display: block
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont .head {
	height: 40px;
	padding: 2px 0 0 16px;
	background: #2a2a2a
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont .head .title {
	font-size: 16px;
	color: #fff;
	margin-top: 6px
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont .body {
	padding: 12px 12px 20px;
	color: #555;
	font-size: 1.2rem
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont .body p.rate {
	padding-bottom: 12px;
	font-size: 12px;
	line-height: 18px
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont .body .layer-btn {
	text-align: center
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont .body .layer-btn img {
	width: auto
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont .toggleClose img {
	width: auto;
	display: block;
	margin: auto
}

#hr-wrap .product-detail .sectionR table tr.reserves .tipSave .tipCont .toggleClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 39px;
	height: 39px;
	background: none;
	border: none;
	cursor: pointer
}

#hr-wrap .product-detail .slick-slide img {
	width: 100%;
	height: auto
}

#hr-wrap .prInfo_con {
	width: 100%;
	margin: 0 auto
}

/* 슬라이드 재생정지버튼 */
.slide-controller-wrap {
	display: block;
	text-align: center;
	margin-top: -50px;
	margin-bottom: 50px;
	position: relative;
	z-index: 9;
}
.slide-controller-wrap .slide-controller {
	height: 30px;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	background-color: rgba(0, 0, 0, .75);
	padding: 0 10px;
	border-radius: 15px;
}
.slide-controller-wrap .slide-controller > span {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	line-height: 1;
}
.slide-controller-wrap .slide-controller > span .btn-control {
	font-size: 0;
	display: inline-block;
	width: 18px; height: 18px;
	background: url(../images/common/ico_pause.png) no-repeat 50% 50%;
	background-size: 18px 18px;
	margin-left: 5px;
}
.slide-controller-wrap .slide-controller > span .btn-control.pause {
	background: url(../images/common/ico_play.png) no-repeat 50% 50%;
}

/* 20221017 재입고 알림 버튼 */
#hr-wrap .product-detail .detailInner .sectionR .btnGroup a.soldOut{
	width: calc(100% - 60px);
}

/* 20221103 로그인시 등급 아이콘 */
.header .headInner .headTop .utilMenu li.loginAfter .level:before{
	top:50%;
	transform: translateY(-50%);
}

/* 20221104 공유하기 input 수정 */
.copyArea input{
	height: 38px;
	padding: 0 75px 0 10px;
	font-weight: 400;
}

/* 20221108 상품정보제공고시 유의사항 */
#hr-wrap .infoBox .titInfo {
	font-size: 1.5rem;
    line-height: 56px;
	font-family: Noto Sans KR,"notokr","Open Sans","Helvetica Neue",sans-serif;
}

/* 20221109 myPick 메세지 */
.mypickMessagePop .inner .myPickFavo {
	width: calc(100% - 77px);
}