.col_cRed05 {
	color: #fe324b !important
}

.shoppingBasket .basketBottom .btnCart .calculator,
.shoppingBasket .chkOptList .detailOptItem .del,
.reviewOption .reviewAttachList>li .cont .del,
.ratingArea .rating>button,
.reviewDetail>button,
.prodReview .allReview .mySetting .setting,
.mixPr .conList .frmSel input[type=checkbox]+label,
.visualBanner .paging .btnAll,
.imageScalable .mapBtn .btnCtrl,
.storeInfo .con>li .btnLink a,
.basketTop .btnCart .calculator,
.optionsResult .optionsReflection .btnDel,
.prSelect .prList .optionSelect .btn,
.prSelect .prList .optionSelect .soldOut .soldOut_tipArea .tipCon .closeT,
.prInfo_top .prImg .functionBtn .btIco {
	overflow: hidden;
	text-indent: -9999px
}

.reviewOption .reviewAttachList>li .cont .del::before,
.reviewOption .reviewAttachList>li .cont::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.prodScroll,
.shoppingBasket .scrollArea,
.snsconWrap,
.reviewDetail .reviewContext,
.scrollWrap.scrollH {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.prodScroll::-webkit-scrollbar,
.shoppingBasket .scrollArea::-webkit-scrollbar,
.snsconWrap::-webkit-scrollbar,
.reviewDetail .reviewContext::-webkit-scrollbar,
.scrollWrap.scrollH::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.prodScroll::-webkit-scrollbar-thumb,
.shoppingBasket .scrollArea::-webkit-scrollbar-thumb,
.snsconWrap::-webkit-scrollbar-thumb,
.reviewDetail .reviewContext::-webkit-scrollbar-thumb,
.scrollWrap.scrollH::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.prodScroll::-webkit-scrollbar-track,
.shoppingBasket .scrollArea::-webkit-scrollbar-track,
.snsconWrap::-webkit-scrollbar-track,
.reviewDetail .reviewContext::-webkit-scrollbar-track,
.scrollWrap.scrollH::-webkit-scrollbar-track {
	border-radius: 10px
}

.col_cRed05 {
	color: #fe324b !important
}

.shoppingBasket .basketBottom .btnCart .calculator,
.shoppingBasket .chkOptList .detailOptItem .del,
.reviewOption .reviewAttachList>li .cont .del,
.ratingArea .rating>button,
.reviewDetail>button,
.prodReview .allReview .mySetting .setting,
.mixPr .conList .frmSel input[type=checkbox]+label,
.visualBanner .paging .btnAll,
.imageScalable .mapBtn .btnCtrl,
.storeInfo .con>li .btnLink a,
.basketTop .btnCart .calculator,
.optionsResult .optionsReflection .btnDel,
.prSelect .prList .optionSelect .btn,
.prSelect .prList .optionSelect .soldOut .soldOut_tipArea .tipCon .closeT,
.prInfo_top .prImg .functionBtn .btIco {
	overflow: hidden;
	text-indent: -9999px
}

.reviewOption .reviewAttachList>li .cont .del::before,
.reviewOption .reviewAttachList>li .cont::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.prodScroll,
.shoppingBasket .scrollArea,
.snsconWrap,
.reviewDetail .reviewContext,
.scrollWrap.scrollH {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.prodScroll::-webkit-scrollbar,
.shoppingBasket .scrollArea::-webkit-scrollbar,
.snsconWrap::-webkit-scrollbar,
.reviewDetail .reviewContext::-webkit-scrollbar,
.scrollWrap.scrollH::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.prodScroll::-webkit-scrollbar-thumb,
.shoppingBasket .scrollArea::-webkit-scrollbar-thumb,
.snsconWrap::-webkit-scrollbar-thumb,
.reviewDetail .reviewContext::-webkit-scrollbar-thumb,
.scrollWrap.scrollH::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.prodScroll::-webkit-scrollbar-track,
.shoppingBasket .scrollArea::-webkit-scrollbar-track,
.snsconWrap::-webkit-scrollbar-track,
.reviewDetail .reviewContext::-webkit-scrollbar-track,
.scrollWrap.scrollH::-webkit-scrollbar-track {
	border-radius: 10px
}

@font-face {
	font-family: "Pretendard";
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard Bold"), local("Pretendard-Bold"), url(/fo/fonts/Pretendard-Bold.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Bold.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Bold.ttf) format("truetype"), url(/fo/fonts/Pretendard-Bold.otf) format("opentype")
}

@font-face {
	font-family: "Pretendard";
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard Medium"), local("Pretendard-Medium"), url(/fo/fonts/Pretendard-Medium.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Medium.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Medium.ttf) format("truetype"), url(/fo/fonts/Pretendard-Medium.otf) format("opentype")
}

@font-face {
	font-family: "Pretendard";
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard Regular"), local("Pretendard-Regular"), url(/fo/fonts/Pretendard-Regular.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Regular.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Regular.ttf) format("truetype"), url(/fo/fonts/Pretendard-Regular.otf) format("opentype")
}

.prInfo_intro {
	position: relative
}

.prInfo_intro .name {
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286;
	color: #373a3c;
	font-weight: 500;
	width: 70%
}

[lang=zh] .prInfo_intro .name {
	font-weight: 700
}

.prInfo_intro .name em {
	display: block;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 400
}

.prInfo_intro .name em b {
	position: relative;
	font-weight: 400;
	padding-left: 5px
}

.prInfo_intro .name em b::before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin-right: 5px;
	background: #373a3c;
	border-radius: 100%;
	vertical-align: middle
}

.prInfo_intro .brandLink {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	text-align: center
}

.prInfo_intro .brandLink a {
	display: table;
	table-layout: fixed;
	padding: 10px 16px
}

.prInfo_intro .brandLink a>* {
	display: table-cell;
	vertical-align: middle
}

.prInfo_intro .brandLink .logo {
	width: 96px;
	height: 36px
}

.prInfo_intro .brandLink .logo img {
	width: 100%
}

.prInfo_intro .brandLink .txt {
	padding: 0 15px 0 8px;
	background: url(/fo/images/view/ico_chevron_s.png) no-repeat right 50%;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #373a3c
}

.prInfo_tool .priceInfoFlat {
	position: relative;
	padding-top: 31px
}

.prInfo_tool .priceInfoFlat .con li {
	margin-top: 15px
}

.prInfo_tool .priceInfoFlat .con li .inWrap {
	min-height: 28px;
	line-height: 28px
}

.prInfo_tool .priceInfoFlat .con li .inWrap>* {
	display: inline-block;
	line-height: 28px;
	vertical-align: middle
}

.prInfo_tool .priceInfoFlat .con li .inWrap .tit {
	display: inline-block;
	position: relative;
	width: 110px;
	padding-left: 7px;
	color: #6b6e73;
	font-size: 1.4rem
}

.prInfo_tool .priceInfoFlat .con li .inWrap .tit .icoInfo {
	display: inline-block;
	width: 14px;
	height: 28px;
	margin-left: 6px;
	vertical-align: top;
	font-size: 0;
	background: url(/fo/images/common/ico_tooltip.svg) no-repeat 0 50%
}

.prInfo_tool .priceInfoFlat .con li .inWrap .info {
	display: inline-block;
	min-height: 28px;
	line-height: 28px;
	vertical-align: middle
}

.prInfo_tool .priceInfoFlat .con li .inWrap .info del {
	color: #8b8f94;
	font-size: 2.2rem
}

.prInfo_tool .priceInfoFlat .con li .inWrap .info .dollarNum {
	color: #1e2023;
	font-size: 2.2rem;
	font-weight: 700
}

.prInfo_tool .priceInfoFlat .con li .inWrap .info .wonNum,
.prInfo_tool .priceInfoFlat .con li .inWrap .info .saleNum {
	margin-left: 6px;
	color: #373a3c;
	font-size: 1.8rem
}

.prInfo_tool .priceInfoFlat .con li .inWrap .info .wonNum b,
.prInfo_tool .priceInfoFlat .con li .inWrap .info .saleNum b {
	margin-left: 2px;
	color: #373a3c;
	font-size: 1.6rem;
	font-weight: 400
}

.prInfo_tool .priceInfoFlat .con li .inWrap .info .discountNum {
	margin-left: 5px;
	color: #f42d10;
	font-size: 2rem;
	font-weight: 700
}

.prInfo_tool .priceInfoFlat .con li .inWrap .info .point_colRed b {
	color: #f42d10
}

.prInfo_tool .priceInfoFlat .con li .inWrap .info .point_col_DGred b {
	color: #fe324b
}

.prInfo_tool .priceInfoFlat .con li:first-child {
	margin: 0
}

.prInfo_top {
	position: relative;
	clear: both;
	margin-top: 16px;
	border-top: 1px solid #dcdfe3
}

.prInfo_top.zoom .prSide {
	z-index: 11
}

.prInfo_top.zoom .zoomGuide {
	display: block
}

.prInfo_top.zoom.hover .imgZoomLens,
.prInfo_top.zoom.hover .zoomResult {
	opacity: 1;
	z-index: 104
}

.prInfo_top::after {
	content: "";
	display: block;
	height: 0;
	clear: both
}

.prInfo_top .prSide {
	overflow: visible;
	width: 41.7%;
	display: inline-block;
	vertical-align: top;
	padding: 32px 40px 0 0
}

.prInfo_top .prSide .reviewPreview {
	margin-top: 32px;
	border-radius: 8px;
	border: 1px solid #dcdfe3;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 24px 0
}

.prInfo_top .prSide .reviewPreview>* {
	display: table-cell;
	vertical-align: middle
}

.prInfo_top .prSide .reviewPreview .gradeArea {
	width: 150px;
	text-align: center
}

.prInfo_top .prSide .reviewPreview .gradeArea a,
.prInfo_top .prSide .reviewPreview .gradeArea em {
	display: block;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73;
	text-decoration: underline
}

.prInfo_top .prSide .reviewPreview .reviewTxt_area {
	padding: 0 24px;
	text-align: center;
	border-left: 1px solid #dcdfe3
}

.prInfo_top .prSide .reviewPreview .reviewTxt_area em {
	padding-right: 8px;
	color: #4d6ee4
}

.prInfo_top .prSide .reviewPreview .reviewTxt_area p {
	color: #373a3c
}

.prInfo_top .prSide .reviewPreview .reviewTxt_area .keywords li {
	display: inline-block;
	padding: 0 2px
}

.prInfo_top .prSide .reviewPreview .reviewTxt_area .keywords li a {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #9fa2a8
}

.prInfo_top .prSide .prBanner {
	margin-top: 8px
}

.prInfo_top .prSide .prBanner a {
	display: block
}

.prInfo_top .prSide .prBanner a img {
	width: 100%;
	border-radius: 8px
}

.prInfo_top .prSide .goddealBanner {
	position: relative
}

.prInfo_top .prSide .goddealBanner .time {
	position: absolute;
	top: 50%;
	right: 48px;
	margin-top: -18px
}

.prInfo_top .prSide .goddealBanner .time .con {
	display: table;
	table-layout: fixed
}

.prInfo_top .prSide .goddealBanner .time .con>* {
	display: table-cell;
	vertical-align: middle
}

.prInfo_top .prSide .goddealBanner .time .tit {
	width: 110px;
	padding-left: 25px;
	font-weight: 500;
	color: #fff;
	background: url(/fo/images/view/ico_clock_s02.png) no-repeat 0 50%
}

[lang=zh] .prInfo_top .prSide .goddealBanner .time .tit {
	font-weight: 700
}

.prInfo_top .prSide .timesaleBanner {
	display: table;
	position: relative;
	table-layout: fixed;
	width: 100%;
	width: 100%;
	height: 85px;
	line-height: 85px;
	padding: 0 160px 0 24px;
	background: #ffcd84;
	border-radius: 8px
}

.prInfo_top .prSide .timesaleBanner .tit {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 400
}

.prInfo_top .prSide .timesaleBanner .tit em {
	padding-left: 4px;
	font-weight: 700
}

.prInfo_top .prSide .timesaleBanner .time {
	position: absolute;
	top: 0;
	right: 0;
	width: 170px;
	height: 85px;
	padding-left: 40px;
	background: url(/fo/images/view/bg_timebanner.png) no-repeat 0 0
}

.prInfo_top .prSide .timesCon span {
	position: relative;
	margin-right: 10px;
	display: inline-block;
	border-radius: 4px;
	background: #fff;
	color: #ff4372;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700;
	padding: 4px 8px
}

.prInfo_top .prSide .timesCon span::before,
.prInfo_top .prSide .timesCon span::after {
	content: "";
	display: block;
	position: absolute;
	right: -8px;
	width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 100%
}

.prInfo_top .prSide .timesCon span::before {
	top: 12px
}

.prInfo_top .prSide .timesCon span::after {
	bottom: 12px
}

.prInfo_top .prSide .timesCon span:last-child {
	margin-right: 0
}

.prInfo_top .prSide .timesCon span:last-child::before,
.prInfo_top .prSide .timesCon span:last-child::after {
	display: none
}

.prInfo_top .prImg {
	overflow: visible;
	position: relative;
	padding: 3% 17% 0
}

.prInfo_top .prImg+.prBanner {
	margin-top: 32px
}

.prInfo_top .prImg .badge {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 48px;
	padding: 7px 9px;
	border-radius: 8px 8px 8px 0px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 500;
	background: rgba(230, 36, 10, .8);
	box-sizing: border-box
}

[lang=zh] .prInfo_top .prImg .badge {
	font-weight: 700
}

.prInfo_top .prImg .badge.offLine {
	width: 66px;
	top: 0;
	left: 54px;
	background: rgba(143, 111, 65, .8);
	border-radius: 8px 8px 8px 0
}

.prInfo_top .prImg .badge.package {
	width: 45px;
	height: 50px;
	padding: 0 10px;
	padding-top: 11px;
	line-height: 15.4px;
	border-radius: 8px 8px 0 8px;
	font-size: 1.4rem;
	font-weight: 700;
	background: rgba(234, 78, 58, .8)
}

[lang=zh] .prInfo_top .prImg .badge.package {
	width: 48px
}

[lang=en] .prInfo_top .prImg .badge.package {
	width: 66px;
	text-align: left
}

.prInfo_top .prImg .functionBtn {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1
}

.prInfo_top .prImg .functionBtn .btIco {
	display: block;
	width: 48px;
	height: 48px;
	background: url(/fo/images/view/ico_pr_img.png) no-repeat
}

.prInfo_top .prImg .functionBtn .btIco.icoRotate {
	background-position: 0 0
}

.prInfo_top .prImg .functionBtn .btIco.icoPic {
	background-position: 0 -96px
}

.prInfo_top .prImg .functionBtn .btIco.reviewLook {
	background-position: 0 -48px
}

.prInfo_top .prImg .functionBtn .btIco~.btIco {
	margin-top: 8px
}

/* .prInfo_top .prImg .chImgWrap .detailImg {
	margin-bottom: 43px
} */
.mySwiper2 img{display: block;width: 100%;}
.prInfo_top .prImg .chImgWrap .detailImg p img {
	object-fit: contain
}

.prInfo_top .prImg .chImgWrap .swiperWrap {
	margin: 0 auto
}

.prInfo_top .imgZoomLens {
	position: absolute;
	width: 210px;
	height: 210px;
	border: 1px solid #dcdfe3;
	cursor: crosshair;
	opacity: 0
}

.prInfo_top .imgZoomLens div {
	position: absolute;
	background: #fff;
	opacity: .7
}

.prInfo_top .imgZoomLens div.t {
	left: -500px;
	right: -500px;
	top: -500px;
	height: 500px
}

.prInfo_top .imgZoomLens div.b {
	left: -500px;
	right: -500px;
	bottom: -500px;
	height: 500px
}

.prInfo_top .imgZoomLens div.l {
	top: 0;
	bottom: 0;
	left: -500px;
	width: 500px
}

.prInfo_top .imgZoomLens div.r {
	top: 0;
	bottom: 0;
	right: -500px;
	width: 500px
}

.prInfo_top .zoomResult {
	position: absolute;
	top: 45px;
	right: -432px;
	width: 392px;
	height: 392px;
	z-index: -1;
	border: 1px solid #8b8f94;
	background-color: #fff;
	opacity: 0;
	pointer-events: none
}

.prInfo_top .zoomGuide {
	display: none;
	text-align: center;
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	text-align: center;
	color: #6b6e73;
	font-size: 1.3rem
}

.prInfo_top .prCon {
	float: right;
	position: relative;
	width: 49.3%;
	padding-top: 32px
}

.prInfo_top .prCon .prodFlag {
	margin-bottom: 13px
}

.prInfo_top .prCon .prodFlag>span {
	margin-right: 4px
}

.prInfo_top .prCon .icoArea {
	top: 28px
}

.prInfo_top .prCon .soldOutText {
	margin-top: 32px;
	font-size: 2.4rem;
	color: #6b6e73
}

.prInfo_top .prCon .banner-smilepay {
	position: relative;
	width: 100%;
	height: 56px;
	margin-top: 8px
}

.prInfo_top .prCon .banner-smilepay::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 24px;
	height: 100%;
	background: url(/fo/images/view/smilepay_banner_bg_l.png) no-repeat left center;
	background-size: auto;
	object-fit: cover
}

.prInfo_top .prCon .banner-smilepay>a {
	display: block;
	position: relative;
	z-index: 1;
	padding-left: 24px;
	cursor: default;
	pointer-events: none
}

.prInfo_top .prCon .banner-smilepay>a p {
	overflow: hidden;
	position: relative;
	height: 100%;
	padding: 0 50px 0 32px;
	line-height: 56px;
	font-size: 1.5rem;
	color: #5a5f64;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(/fo/images/view/smilepay_banner_bg_l.png) no-repeat right center;
	background-size: auto;
	object-fit: cover
}

.prInfo_top .prCon .banner-smilepay>a p::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(/fo/images/view/ico_smile.svg) no-repeat left center;
	background-size: cover
}

.prInfo_top .prCon .banner-smilepay>a p::after {
	content: "";
	display: block;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 46px;
	border-right: 1px dashed #c7cdf6
}

.prInfo_top .prCon .banner-smilepay>a p span {
	overflow: hidden;
	font-weight: bold;
	color: #6b6e73;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prInfo_top .prCon .banner-smilepay>a[href*=link],
.prInfo_top .prCon .banner-smilepay>a[href*=http],
.prInfo_top .prCon .banner-smilepay>a[href*="/"] {
	cursor: pointer;
	pointer-events: auto
}

.prInfo_top .prCon .banner-smilepay>p {
	overflow: hidden;
	position: relative;
	height: 100%;
	padding-left: 24px;
	line-height: 56px;
	font-size: 1.5rem;
	color: #5a5f64;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(/fo/images/view/smilepay_banner_bg_l.png) no-repeat right center;
	background-size: auto;
	object-fit: cover
}

.prInfo_top .prCon .banner-smilepay>p span {
	overflow: hidden;
	font-weight: bold;
	color: #6b6e73;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prInfo_top .prCon .banner-smilepay>p a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 0 50px 0 32px;
	cursor: default;
	pointer-events: none
}

.prInfo_top .prCon .banner-smilepay>p a[href*=link],
.prInfo_top .prCon .banner-smilepay>p a[href*=http],
.prInfo_top .prCon .banner-smilepay>p a[href*="/"] {
	cursor: pointer;
	pointer-events: auto
}

.prInfo_top .prCon .banner-smilepay>p a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(/fo/images/view/ico_smile.svg) no-repeat left center;
	background-size: cover
}

.prInfo_top .prCon .banner-smilepay>p a::after {
	content: "";
	display: block;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 46px;
	border-right: 1px dashed #c7cdf6
}

.prInfo_top .prCon .banner-smilepay>p a span {
	overflow: hidden;
	font-weight: bold;
	color: #6b6e73;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prInfo_top .icoArea {
	position: absolute;
	top: 40px;
	right: -7px;
	z-index: 1
}

.prInfo_top .icoArea .popWrap {
	margin-left: 8px
}

.prInfo_top .icoArea .popWrap .icoShare::after {
	background-position: -24px -75px
}

.prInfo_top .icoArea .popWrap .icoShare[aria-expanded=true]:after {
	background-position: -321px -24px
}

.prInfo_top .icoArea .popWrap .icoShare:hover:after {
	background-position: -321px -24px
}

.prInfo_top .priceInfo {
	position: relative;
	padding-top: 13px
}

.prInfo_top .priceInfo .txt {
	color: #6b6e73
}

.prInfo_top .priceInfo .costNum {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #6b6e73;
	text-decoration: line-through
}

.prInfo_top .priceInfo .salePrice {
	display: block;
	color: #373a3c
}

.prInfo_top .priceInfo .salePrice .discountNum {
	font-size: 3.6rem;
	line-height: 1.2222222222;
	font-weight: 700;
	color: #f42d10
}

.prInfo_top .priceInfo .salePrice .dollarNum {
	padding: 0 4px;
	font-size: 3.6rem;
	line-height: 1.2222222222;
	font-weight: 700
}

.prInfo_top .priceInfo .salePrice .saleNum {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.prInfo_top .priceInfo .salePrice .saleNum b {
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 400
}

.prInfo_top .priceInfoFlat {
	position: relative;
	padding-top: 24px
}

.prInfo_top .priceInfoFlat .con li {
	margin-top: 15px
}

.prInfo_top .priceInfoFlat .con li .inWrap {
	min-height: 28px;
	line-height: 28px
}

.prInfo_top .priceInfoFlat .con li .inWrap>* {
	display: inline-block;
	line-height: 28px;
	vertical-align: middle
}

.prInfo_top .priceInfoFlat .con li .inWrap .tit {
	display: inline-block;
	position: relative;
	width: 110px;
	padding-left: 7px;
	color: #6b6e73;
	font-size: 1.4rem
}

.prInfo_top .priceInfoFlat .con li .inWrap .tit .icoInfo {
	display: inline-block;
	width: 14px;
	height: 28px;
	margin-left: 6px;
	vertical-align: top;
	font-size: 0;
	background: url(/fo/images/common/ico_tooltip.svg) no-repeat 0 50%
}

.prInfo_top .priceInfoFlat .con li .inWrap .info {
	display: inline-block;
	min-height: 28px;
	line-height: 28px;
	vertical-align: middle
}

.prInfo_top .priceInfoFlat .con li .inWrap .info del {
	color: #8b8f94;
	font-size: 2.2rem
}

.prInfo_top .priceInfoFlat .con li .inWrap .info .dollarNum {
	color: #1e2023;
	font-size: 2.2rem;
	font-weight: 700
}

.prInfo_top .priceInfoFlat .con li .inWrap .info .wonNum,
.prInfo_top .priceInfoFlat .con li .inWrap .info .saleNum {
	margin-left: 6px;
	color: #373a3c;
	font-size: 1.8rem
}

.prInfo_top .priceInfoFlat .con li .inWrap .info .wonNum b,
.prInfo_top .priceInfoFlat .con li .inWrap .info .saleNum b {
	margin-left: 2px;
	color: #373a3c;
	font-size: 1.6rem;
	font-weight: 400
}

.prInfo_top .priceInfoFlat .con li .inWrap .info .maxDiscountText {
	font-size: 1.7rem;
	font-weight: 700;
	color: #f42d10
}

.prInfo_top .priceInfoFlat .con li .inWrap .info .discountNum {
	margin-left: 4px;
	color: #f42d10;
	font-size: 2rem;
	font-weight: 700
}

.prInfo_top .priceInfoFlat .con li .inWrap .info .point_colRed b {
	color: #f42d10
}

.prInfo_top .priceInfoFlat .con li .inWrap .info .point_col_DGred b {
	color: #fe324b
}

.prInfo_top .priceInfoFlat .con li:first-child {
	margin: 0
}

.prInfo_top .reservesInfo.loginInfo a {
	display: block;
	margin-top: 32px;
	color: #4d6ee4;
	height: 56px;
	line-height: 56px;
	padding: 0 24px;
	font-weight: 500;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	background: none
}

[lang=zh] .prInfo_top .reservesInfo.loginInfo a {
	color: #fe324b
}

[lang=zh] .prInfo_top .reservesInfo.loginInfo a {
	font-weight: 700
}

.prInfo_top .reservesInfo.loginInfo a span {
	display: inline-block;
	padding-right: 18px;
	background: url(/fo/images/view/ico_chevron_blue.png) no-repeat right 50%
}

.prInfo_top .reservesInfo a {
	display: inline-block;
	margin-top: 10px;
	padding-right: 18px;
	color: #6b6e73;
	background: url(/fo/images/view/ico_chevron_s.png) no-repeat right 50%
}

.prInfo_top .reservesInfo a .eng em {
	padding: 0 4px 0 5px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.prInfo_top .reservesInfo a .eng b {
	font-size: 1.4rem;
	font-weight: 400
}

.prInfo_top .reservesInfo .tipArea .tipCont .bultType01 {
	margin-top: 0
}

.prInfo_top .reservesInfo .tip {
	display: inline-block;
	margin-top: 4px;
	color: #6b6e73;
	font-weight: 500
}

[lang=zh] .prInfo_top .reservesInfo .tip {
	font-weight: 700
}

.prInfo_top .reservesInfo .tip em {
	color: #4d6ee4
}

[lang=zh] .prInfo_top .reservesInfo .tip em {
	color: #fe324b
}

.prInfo_top .reservesInfo .txt_soldOut {
	padding-top: 30px;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #6b6e73;
	font-weight: 500
}

[lang=zh] .prInfo_top .reservesInfo .txt_soldOut {
	font-weight: 700
}

.prInfo_top .reservesInfo .txt_soldOut em {
	color: #4d6ee4
}

[lang=zh] .prInfo_top .reservesInfo .txt_soldOut em {
	color: #fe324b
}

.prInfo_top .tipArea {
	vertical-align: -2px
}

.prInfo_top .tipArea .tipCont {
	z-index: 99
}

.prInfo_top .benefitsTop {
	margin-top: 28px
}

.prInfo_top .benefitsTop .toggleBtn {
	padding: 0 23px;
	height: 56px;
	line-height: 56px;
	border-radius: 4px;
	width: 100%;
	border: 1px solid #dcdfe3
}

.prInfo_top .benefitsTop .toggleBtn em {
	position: relative;
	display: inline-block;
	padding-right: 18px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .prInfo_top .benefitsTop .toggleBtn em {
	font-weight: 700
}

.prInfo_top .benefitsTop .toggleBtn em::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -5px;
	background: url(/fo/images/view/ico_expand_more02.png) no-repeat 0 0
}

.prInfo_top .benefitsTop .toggleBtn[aria-expanded=true] {
	border-bottom: 0;
	border-radius: 4px 4px 0 0
}

.prInfo_top .benefitsTop .toggleBtn[aria-expanded=true] em:after {
	background-position: 0 -12px
}

.prInfo_top .benefitsTop .toggleBtn[aria-expanded=true]+.detail {
	display: block
}

.prInfo_top .benefitsTop .detail {
	display: none;
	border: 1px solid #dcdfe3;
	border-radius: 0 0 4px 4px;
	padding: 0 23px 24px;
	border-top: 0
}

.prInfo_top .benefitsTop .detail .con li {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding-top: 8px
}

.prInfo_top .benefitsTop .detail .con li>* {
	display: table-cell;
	font-size: 1.4rem;
	color: #8b8f94
}

.prInfo_top .benefitsTop .detail .con li span {
	width: 20%
}

.prInfo_top .benefitsTop .detail .con li em {
	width: 80%
}

.prInfo_top .benefitsTop .detail .con li em a {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle
}

.prInfo_top .benefitsTop .detail .con li .btn_coupon_down {
	display: inline-block;
	height: 30px;
	padding: 0 29px 0 13px;
	line-height: 30px;
	border-radius: 4px;
	border: 1px solid #4d6ee4
}

.prInfo_top .benefitsTop .detail .con li .btn_coupon_down span {
	display: block;
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 28px;
	color: #4d6ee4;
	font-size: 1.3rem;
	font-weight: 500
}

[lang=zh] .prInfo_top .benefitsTop .detail .con li .btn_coupon_down span {
	font-weight: 700
}

[lang=zh] .prInfo_top .benefitsTop .detail .con li .btn_coupon_down span {
	color: #fe324b
}

.prInfo_top .benefitsTop .detail .con li .btn_coupon_down span::after {
	content: "";
	display: block;
	position: absolute;
	right: -16px;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: url(/fo/images/view/ico_download.svg)
}

[lang=zh] .prInfo_top .benefitsTop .detail .con li .btn_coupon_down span::after {
	background: url(/fo/images/view/ico_download_cn.svg)
}

[lang=zh] .prInfo_top .benefitsTop .detail .con li .btn_coupon_down {
	border: 1px solid #fe324b
}

.prSelect {
	margin-top: 16px
}

.prSelect .prList {
	position: relative;
	display: inline-block;
	padding-left: 63px
}

.prSelect .prList .tit {
	position: absolute;
	top: 8px;
	left: 0;
	width: 63px;
	color: #373a3c;
	font-weight: 400
}

.prSelect .prList .optionSelect {
	position: relative
}

.prSelect .prList .optionSelect .soldOut {
	position: relative
}

.prSelect .prList .optionSelect .soldOut:hover .soldOut_tipArea {
	display: block;
	cursor: pointer
}

.prSelect .prList .optionSelect .soldOut em {
	display: none !important
}

.prSelect .prList .optionSelect .soldOut .soldOut_tipArea {
	display: none;
	position: absolute;
	top: 0;
	left: -8px;
	z-index: 99;
	padding-top: 32px
}

.prSelect .prList .optionSelect .soldOut .soldOut_tipArea .tipCon {
	position: relative;
	min-width: 177px;
	padding: 15px 36px 15px 18px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	line-height: 1.8;
	border: 1px solid #8b8f94;
	border-radius: 4px;
	background: #fff
}

.prSelect .prList .optionSelect .soldOut .soldOut_tipArea .tipCon::before {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: 15px;
	width: 15px;
	height: 7px;
	background: url(/fo/images/common/bg_tipCont.png) no-repeat
}

.prSelect .prList .optionSelect .soldOut .soldOut_tipArea .tipCon .btnSSG {
	margin-top: 8px;
	height: 32px;
	line-height: 30px;
	font-weight: 400
}

.prSelect .prList .optionSelect .soldOut .soldOut_tipArea .tipCon .closeT {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 22px;
	height: 22px
}

.prSelect .prList .optionSelect .soldOut .soldOut_tipArea .tipCon .closeT::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 12px;
	height: 12px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -150px -24px
}

.prSelect .prList .optionSelect .btn {
	display: none;
	width: 24px;
	height: 24px;
	background: url(/fo/images/view/btn_option_more.png) no-repeat
}

.prSelect .prList .optionSelect .btn.btn_more {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px;
	background-position: 0 0
}

.prSelect .prList .optionSelect .btn.btn_close {
	margin-left: 5px;
	background-position: 0 -24px
}

.prSelect .prList .optionSelect.moreList .btn.btn_more {
	display: inline-block
}

.prSelect .prList .optionSelect.moreListSelect .con li:nth-child(n+9) {
	display: inline-block
}

.prSelect .prList .optionSelect.moreListSelect .btn.btn_more {
	display: none
}

.prSelect .prList .optionSelect.moreListSelect .btn.btn_close {
	display: block
}

.prSelect .prList.selectOption {
	display: block;
	padding: 0
}

.prSelect .prList.selectOption .frmSwitch {
	top: 0
}

.prSelect .prList.selectOption .tit {
	display: block;
	position: static;
	width: auto;
	padding-bottom: 8px;
	color: #373a3c;
	font-weight: 400
}

.prSelect .prList.selectOption .selectWrap {
	display: block;
	width: 100%
}

.prSelect .prList.selectOption .selectWrap .ui-selectmenu-menu.ui-selectmenu-open {
	z-index: 103
}

.prSelect .prList.selectOption.sizeSelect {
	padding-right: 140px
}

.prSelect .prList.selectOption.sizeSelect .btnSSG {
	position: absolute;
	bottom: 0;
	right: 0
}

.prSelect .prList.colorOption .optionSelect.moreList {
	padding-right: 30px
}

@media screen and (max-width: 1570px) {
	.prSelect .prList.colorOption .optionSelect.moreList em {
		width: 30%
	}
}

@media screen and (max-width: 1440px) {
	.prSelect .prList.colorOption .optionSelect.moreList em {
		width: 25%
	}
}

.prSelect .prList.colorOption .optionSelect.moreListSelect {
	padding-right: 0
}

.prSelect .prList.colorOption .optionSelect.showAll {
	padding-right: 0
}

.prSelect .prList.colorOption .optionSelect.showAll .con {
	max-width: 100%
}

.prSelect .prList.colorOption .optionSelect.showAll .con li:nth-child(n+9) {
	display: inline-block
}

.prSelect .prList.colorOption .optionSelect.showAll .btn_more,
.prSelect .prList.colorOption .optionSelect.showAll .btn_close {
	display: none !important
}

.prSelect .prList.colorOption .con {
	max-width: 312px
}

.prSelect .prList.colorOption .con li:nth-child(n+9) {
	display: none
}

.prSelect .prList.sizeOption .optionSelect {
	padding-right: 85px
}

.prSelect .prList.sizeOption .optionSelect.moreList {
	padding-right: 135px
}

.prSelect .prList.sizeOption .optionSelect.moreListSelect {
	padding-right: 85px
}

.prSelect .prList.sizeOption .optionSelect.moreListSelect .con li:nth-child(n+8) {
	display: inline-block
}

.prSelect .prList.sizeOption .optionSelect.showAll {
	padding-right: 85px;
	max-width: 80%
}

.prSelect .prList.sizeOption .optionSelect.showAll .con {
	max-width: 100%
}

.prSelect .prList.sizeOption .optionSelect.showAll .con li:nth-child(n+8) {
	display: inline-block
}

.prSelect .prList.sizeOption .optionSelect.showAll .btn_more,
.prSelect .prList.sizeOption .optionSelect.showAll .btn_close {
	display: none !important
}

.prSelect .prList.sizeOption .optionSelect .soldOut_tipArea {
	padding-top: 45px
}

.prSelect .prList.sizeOption .con {
	max-width: 320px
}

.prSelect .prList.sizeOption .con li:nth-child(n+8) {
	display: none
}

.prSelect .prList.sizeOption .btnCon {
	position: absolute;
	top: 4px;
	right: 0
}

.prSelect .prList.sizeOption .btnCon .btn {
	position: static
}

.prSelect .prList.sizeOption .btnCon .btn+.btn_sizeInfo {
	margin-left: 26px
}

.prSelect .prList.sizeOption .btn_sizeInfo {
	display: inline-block;
	width: 74px;
	height: 32px;
	background: #f5f7fa;
	border-radius: 4px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #373a3c;
	line-height: 32px;
	text-align: center
}

.prSelect .con li {
	display: inline-block;
	vertical-align: middle
}

.prSelect .con li>div input {
	position: absolute;
	opacity: 0;
	pointer-events: none
}

.prSelect .con li>div span {
	display: block
}

.prSelect .con li>div.colorSl {
	padding: 4px
}

.prSelect .con li>div.colorSl input {
	top: 50%;
	left: 50%
}

.prSelect .con li>div.colorSl input+label strong {
	position: relative;
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%
}

.prSelect .con li>div.colorSl input+label strong img {
	width: 24px;
	height: 24px;
	border-radius: 50%
}

.prSelect .con li>div.colorSl input+label span {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.prSelect .con li>div.colorSl input:checked+label span {
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1)
}

.prSelect .con li>div.colorSl input:checked+label span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 4px;
	margin: -4px 0 0 -5px;
	-webkit-transform: rotate(-46deg);
	transform: rotate(-46deg);
	border: solid #fff;
	border-width: 0 0 2px 2px
}

.prSelect .con li>div.colorSl input:checked+label em {
	display: block
}

.prSelect .con li>div.colorSl.soldOut input+label strong::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	-webkit-transform: rotate(-46deg);
	transform: rotate(-46deg)
}

.prSelect .con li>div.colorSl.soldOut input+label strong::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .4);
	border-radius: 50%
}

.prSelect .con li>div.colorSl.soldOut input+label span {
	box-shadow: inset 0 0 0 2px #fff
}

.prSelect .con li>div.colorSl.soldOut input:checked+label span::before {
	display: none
}

.prSelect .con li>div.colorSl em {
	display: none;
	position: absolute;
	top: 7px;
	left: 108%;
	width: 80%;
	padding-left: 10px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	word-break: break-all;
	color: #6b6e73
}

.prSelect .con li>div.colorSl em b {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 6px;
	height: 6px;
	margin: -3px 4px 0 0;
	border-radius: 50%
}

.prSelect .con li>div.colorSl em b img {
	width: 6px;
	height: 6px;
	border-radius: 50%
}

.prSelect .con li>div.sizeSl {
	position: relative;
	padding: 4px 1px
}

.prSelect .con li>div.sizeSl input {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.prSelect .con li>div.sizeSl input+label span {
	width: auto;
	height: 32px;
	padding: 0 10px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #dcdfe3;
	color: #6b6e73;
	line-height: 32px;
	text-align: center
}

.prSelect .con li>div.sizeSl input:checked+label span {
	background: #f5f7fa;
	border-color: #4d6ee4;
	border: 1px solid;
	color: #4d6ee4
}

[lang=zh] .prSelect .con li>div.sizeSl input:checked+label span {
	border-color: #fe324b
}

[lang=zh] .prSelect .con li>div.sizeSl input:checked+label span {
	color: #fe324b
}

.prSelect .con li>div.sizeSl input:disabled+label span {
	color: #dcdfe3
}

.prSelect .con li>div.sizeSl input:disabled+label span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 46px;
	margin-top: -23px;
	background: #dcdfe3;
	transform: rotate(54deg)
}

.optionCon .frmSwitch {
	position: absolute;
	top: 20px;
	right: 0
}

.optionPr {
	position: relative
}

.optionPr .tit {
	padding-bottom: 12px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .optionPr .tit {
	font-weight: 700
}

.optionPr .frmSwitch {
	top: 0
}

.optionPr .toggleBtn {
	display: block;
	position: relative;
	width: 100%;
	height: 64px;
	border: 1px solid #f8fafc;
	border-radius: 4px;
	text-align: left;
	background: #f8fafc
}

.optionPr .toggleBtn::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background-image: url(/fo/images/common/spr_form.png);
	background-repeat: no-repeat
}

[lang=zh] .optionPr .toggleBtn::after {
	background-image: url(/fo/images/cmall/spr_formC.png);
	background-repeat: no-repeat
}

.optionPr .toggleBtn[aria-expanded=true] {
	border-color: #4d6ee4;
	border-radius: 4px 4px 0 0;
	background: #fff
}

[lang=zh] .optionPr .toggleBtn[aria-expanded=true] {
	border-color: #fe324b
}

.optionPr .toggleBtn[aria-expanded=true] .selectTit {
	color: #4d6ee4
}

[lang=zh] .optionPr .toggleBtn[aria-expanded=true] .selectTit {
	color: #fe324b
}

.optionPr .toggleBtn[aria-expanded=true]::after {
	background-position: -18px 0
}

.optionPr .toggleBtn .selectTit {
	padding-left: 14px;
	color: #b9bcc0
}

.optionPr .setPr_list {
	border-color: #4d6ee4
}

[lang=zh] .optionPr .setPr_list {
	border-color: #fe324b
}

.optionPr.all .setPr_list {
	display: block
}

.setoptionBox {
	padding-top: 8px;
	display: table;
	table-layout: fixed;
	width: 100%
}

.setoptionBox .selectWrap {
	display: table-cell;
	width: 100%
}

.setoptionBox .selectWrap~.selectWrap {
	padding-left: 16px
}

.setoptionBox .selectWrap .ui-selectmenu-menu {
	width: auto;
	right: 0
}

.setoptionBox .selectGroup {
	display: table-row;
	width: 100%;
	margin-top: 5px
}

.setoptionBox .selectGroup .selectWrap {
	padding-top: 5px;
	width: 100%
}

.setprCon {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 4px 12px
}

.setprCon>* {
	display: table-cell;
	vertical-align: middle
}

.setprCon .thumb {
	position: relative;
	overflow: hidden;
	width: 56px;
	height: 56px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 60%
}

.setprCon .thumb::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03);
	z-index: 1
}

.setprCon .thumb img {
	display: block;
	width: 56px;
	height: 56px
}

.setprCon .info {
	overflow: hidden;
	padding-left: 16px
}

.setprCon .info>* {
	display: block
}

.setprCon .brandTit {
	color: #6b6e73;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.setprCon .prodName {
	padding-right: 20px;
	color: #373a3c;
	font-weight: 500;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .setprCon .prodName {
	font-weight: 700
}

.setPr_list {
	display: none;
	border: 1px solid #a0adf0;
	border-top: 0;
	border-radius: 0 0 4px 4px
}

.setPr_list li {
	position: relative;
	border-top: 1px solid #eaeaea
}

.setPr_list li:first-child {
	border-top: 0
}

.setPr_list li a {
	position: relative;
	display: block
}

.setPr_list li a:hover {
	background: #f5f7fa
}

.setPr_list li a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/view/ico_check_set.png) no-repeat 0 0
}

.setPr_list li a.select:before {
	background-position: 0 -16px
}

.optionBox {
	position: relative
}

.optionBox::after {
	content: "";
	display: block;
	clear: both
}

.optionBox .tit {
	padding-bottom: 8px;
	color: #6b6e73
}

.optionBox .tit em {
	padding-left: 8px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .optionBox .tit em {
	font-weight: 700
}

.optionPrTxt {
	counter-reset: section
}

.optionPrTxt>li {
	position: relative;
	padding: 16px 0;
	color: #373a3c;
	border-bottom: 1px dashed #eaeaea
}

.optionPrTxt>li::before {
	content: counter(section) ".";
	display: block;
	position: absolute;
	top: 16px;
	left: 0;
	width: 15px;
	counter-increment: section
}

.optionPrTxt .tit {
	display: block;
	padding: 0 150px 0 17px
}

.optionPrTxt .selectWrap {
	display: block;
	width: 100%;
	margin-top: 8px
}

.selectWrap .ui-menu-item.ui-state-disabled button {
	color: #6b6e73;
	opacity: .4
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
	position: relative
}

.ui-selectmenu-menu .ui-menu button.ui-action-button {
	position: absolute;
	top: 6px;
	right: 5px;
	height: 34px;
	width: auto;
	line-height: 34px;
	z-index: 1;
	color: #373a3c;
	opacity: 1;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	box-sizing: border-box
}

.optionsResult .optionsReflection {
	position: relative;
	padding: 24px;
	margin-top: 8px;
	border: 1px solid #dcdfe3;
	border-radius: 4px
}

.optionsResult .optionsReflection .optProp {
	padding-right: 30px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #6b6e73
}

.optionsResult .optionsReflection .optProp .noOption {
	color: #b9bcc0
}

.optionsResult .optionsReflection .quantity {
	overflow: hidden
}

.optionsResult .optionsReflection .quantity::after {
	content: "";
	display: block;
	clear: both
}

.optionsResult .optionsReflection .frmNum {
	width: 160px;
	height: 40px;
	border-radius: 4px
}

.optionsResult .optionsReflection .frmNum input[type=text] {
	padding-top: 3px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.optionsResult .optionsReflection .price {
	float: right;
	padding-top: 5px
}

.optionsResult .optionsReflection .price .dollar {
	font-size: 2rem;
	line-height: 1.4;
	color: #373a3c;
	font-weight: 700
}

.optionsResult .optionsReflection .price .won {
	color: #6b6e73;
	padding-left: 4px
}

.optionsResult .optionsReflection .price .won b {
	font-weight: 400
}

.optionsResult .optionsReflection .btnDel {
	position: absolute;
	top: 10px;
	right: 16px;
	width: 30px;
	height: 30px
}

.optionsResult .optionsReflection .btnDel::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url(/fo/images/view/ico_del.png) no-repeat 0 0
}

.optionsResult .optionsReflection .btnSize {
	margin-bottom: 15px
}

.optionWrap {
	margin-top: 8px;
	padding: 15px 23px;
	border: 1px solid #dcdfe3;
	border-radius: 4px
}

.optionWrap .optionsResult {
	margin: 24px -23px -15px
}

.optionWrap .optionsResult .optionsReflection {
	position: relative;
	margin-top: 0;
	border: 0;
	border-top: 1px solid #eaeaea;
	border-radius: 0
}

.optionWrap .optionsResult .optionsReflection+.optionsReflection {
	padding-top: 0;
	border-top: 0
}

.optionWrap .optionsResult .optionsReflection+.optionsReflection::before {
	content: "";
	display: block;
	border-top: 1px dashed #eaeaea;
	padding-bottom: 16px
}

.optionWrap .code {
	padding-top: 10px;
	margin-bottom: 4px
}

.optionWrap .code span {
	display: block;
	color: #6b6e73
}

.optionWrap .code span em {
	margin-left: 6px;
	font-weight: bold;
	color: #373a3c
}

.prCon .optionCon .prSelect .frmSwitch label {
	font-size: 1.3rem
}

.layPop .enquiry .orderProdInfo .optionCon>button {
	display: block;
	min-width: 74px;
	height: 36px;
	margin-top: 12px;
	padding: 0 24px;
	line-height: 36px;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	text-align: center;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 500
}

[lang=zh] .layPop .enquiry .orderProdInfo .optionCon>button {
	font-weight: 700
}

.basketTop {
	margin-top: 40px
}

.basketTop .priceArea {
	float: right;
	padding-bottom: 20px
}

.basketTop .priceArea em {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.basketTop .priceArea em b {
	font-weight: 400
}

.basketTop .priceArea .dollar {
	padding: 0 4px 0 10px;
	font-size: 3rem;
	line-height: 1.2666666667;
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .basketTop .priceArea .dollar {
	color: #fe324b
}

.basketTop .priceArea .won {
	color: #4d6ee4;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

[lang=zh] .basketTop .priceArea .won {
	color: #fe324b
}

.basketTop .priceArea .won b {
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 400
}

.basketTop .btnCart {
	clear: both;
	position: relative;
	padding-left: 64px
}

.basketTop .btnCart.case {
	padding-left: 0
}

.basketTop .btnCart.case .btn span {
	width: 100%;
	flex-grow: 1;
	-ms-flex: 1;
	flex: 1
}

.basketTop .btnCart.case .btn span+span {
	padding-left: 12px
}

.basketTop .btnCart.case02 {
	padding-left: 0
}

.basketTop .btnCart.case02 .btn span {
	width: 100%
}

.basketTop .btnCart .calculator {
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 56px;
	border: 1px solid #373a3c;
	border-radius: 4px
}

.basketTop .btnCart .calculator::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(/fo/images/view/ico_calcu.png) no-repeat 0 0
}

.basketTop .btnCart .btn {
	display: flex
}

.basketTop .btnCart .btn span {
	display: inline-block;
	width: 100%;
	vertical-align: top
}

.basketTop .btnCart .btn span+span {
	padding-left: 12px
}

.basketTop .btnCart .btn button {
	width: 100%
}

.basketTop .btnCart .btn button.btnLineG {
	border: 1px solid #373a3c !important
}

.basketTop .btnCart .btn button.action {
	box-shadow: 0 10px 20px 0 rgba(77, 110, 228, .4)
}

.basketTop .btnCart .btn button.btnMy {
	box-shadow: 0 6px 10px 0 rgba(55, 58, 60, .35)
}

.contents.u646 {
	opacity: 0;
	transition: opacity .3s ease-in-out
}

.contents.u646.show {
	opacity: 1
}

.contents.u646+.prInfo_conWrap .prInfo_con>.prInfo_tabCon {
	margin-top: 0;
	margin-bottom: 80px
}

.contents.u646+.prInfo_conWrap .prInfo_con>.prInfo_tabCon .benefitsInfo {
	margin-top: 48px;
	padding-top: 0
}

.contents.u646+.prInfo_conWrap .prInfo_con>.prInfo_tabCon h2 {
	margin-top: 0 !important;
	padding-top: 0 !important
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_tabCon #infoCon01 {
	top: -80px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon~.prInfo_tabCon {
	margin-top: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .benefitsInfo .swiperWrap.giftBrand {
	width: 470px
}

.contents.u646.brandCont .prInfo_conWrap {
	width: 1000px;
	margin: 0 auto
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo {
	margin-bottom: 72px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dcdfe3
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo #infoCon03 {
	top: 75px
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo>strong {
	display: block;
	margin-bottom: 30px;
	color: #373a3c;
	font-size: 2.8rem;
	font-weight: 700
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .titArea {
	position: relative
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .titArea * {
	display: block
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .titArea .titDep3 {
	font-size: 2.4rem;
	font-weight: 700
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .titArea .side {
	position: absolute;
	right: 0;
	top: 0
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .titArea .side a {
	margin-top: 0;
	color: #8b8f94
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .titArea .side a::after {
	bottom: 3px;
	background: #8b8f94
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con {
	padding-top: 30px;
	border-top: 1px solid #dcdfe3
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li {
	margin-top: 15px;
	font-size: 0
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li:first-child {
	margin: 0
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .tit {
	display: inline-block;
	width: 104px;
	vertical-align: top;
	color: #6b6e73;
	font-size: 1.5rem
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info {
	display: inline-block;
	width: calc(100% - 104px);
	color: #1e2023;
	font-size: 1.5rem
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info a {
	color: #1e2023;
	font-size: 1.5rem
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info a::after {
	bottom: 3px;
	background: #8b8f94
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info .couponBtn {
	display: inline-block;
	width: 148px;
	height: 40px;
	margin-left: 16px;
	background: url(/fo/images/common/coupon_down.svg);
	background-size: cover
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info .couponBtn span {
	display: block;
	padding: 11px 0 10px 19px;
	height: 40px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info .couponBtn span {
	font-weight: 700
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info .event {
	position: relative;
	color: #4d6ee4;
	font-size: 1.5rem;
	font-weight: 700
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info .event::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 20px;
	bottom: -1px;
	width: calc(100% - 20px);
	height: 1px;
	background: #4d6ee4
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info .event img {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: middle
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info .tipArea {
	top: -3px
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con li .info .tipArea .tipCont {
	width: 354px;
	border-radius: 8px
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand>b {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-height: 44px;
	margin-top: -3px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 400
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr {
	margin-top: 12px
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con {
	display: flex;
	align-items: center;
	position: relative;
	padding: 16px 8px;
	border-top: 1px dashed #dcdfe3
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure {
	overflow: hidden;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 4px
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #fff
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt {
	width: calc(100% - 68px);
	padding-left: 14px
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt .name {
	color: #373a3c;
	font-size: 1.4rem;
	font-weight: 700
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt .quantity {
	display: block;
	color: #6b6e73;
	font-size: 1.2rem
}

.contents.u646.brandCont .prInfo_conWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .more {
	position: absolute;
	right: 10px;
	top: 24px;
	width: 40px;
	height: 40px;
	font-size: 0;
	background: url(/fo/images/common/ico_arrow_right_gray.svg) no-repeat 50% 50%;
	background-size: 9px
}

.contents.u646.brandCont .prInfo_conWrap .prInfo_tabCon .brandPr {
	margin-bottom: -32px
}

.contents.u646 .prInfo_top {
	margin-bottom: 96px;
	margin-left: 80px;
	border: none
}

.contents.u646 .prInfo_top.zoom {
	display: flex;
	justify-content: center
}

.contents.u646 .prInfo_top.zoom.center {
	margin-left: 0
}

.contents.u646 .prInfo_top.zoom .prSide {
	padding: 0
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg {
	padding: 0
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper {
	position: absolute;
	left: -80px;
	top: 0;
	width: 56px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .swiper-container {
	display: block;
	width: initial;
	height: 312px !important;
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .swiper-container .swiper-slide {
	display: block;
	height: 56px !important
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .swiper-container .swiper-slide .swiperItem {
	width: 56px;
	height: 56px;
	padding: 0;
	border-radius: 4px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .swiper-container .swiper-slide .swiperItem::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 56px;
	border-radius: 4px;
	background: rgba(12, 38, 159, .03)
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .swiper-container .swiper-slide .swiperItem img {
	position: static;
	width: 56px;
	height: 56px;
	object-fit: contain
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .swiper-container .swiper-slide.on .swiperItem::after {
	border-radius: 4px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper.hide {
	display: none
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-prev,
.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-next {
	width: 28px;
	height: 18px;
	top: 342px;
	border-radius: 0;
	background: url("../images/ico_prodDetail_thumbBtn.png") no-repeat
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-prev::after,
.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-next::after {
	display: none
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-prev {
	left: 0;
	width: 28px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-prev.ts-button-disabled {
	background-position: 0 -20px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-next {
	right: 0;
	background-position: -28px 0
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-next.ts-button-disabled {
	background-position: -28px -40px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-prev.ts-button-disabled,
.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .chImgWrap.bigImg .swiperWrap.imgThumbSwiper .ts-next.ts-button-disabled {
	pointer-events: none
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .prImg .zoomResult {
	top: 111px;
	right: -452px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .grade {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	line-height: 24px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .grade * {
	height: 24px;
	line-height: 24px;
	vertical-align: middle
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .grade .star {
	top: -1px;
	height: 12px;
	margin: 0
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .grade .score {
	margin-left: 4px;
	color: #1e2023;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .grade .reviewBtn {
	margin-left: 12px;
	color: #6b6e73;
	font-size: 1.3rem;
	text-decoration: underline
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt {
	margin-top: 5px;
	padding: 15px;
	text-align: center;
	border: 1px solid #eaeaea;
	border-radius: 4px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt .con .txt {
	margin-bottom: 8px;
	color: #373a3c;
	font-size: 1.3rem
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt .con .txt .point {
	margin-right: 4px;
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt .con .txt .point {
	color: #fe324b
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt .con.vertical {
	height: 20px;
	line-height: 20px
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt .con.vertical .txt {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px 0 0
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt .tagList {
	font-size: 0
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt .tagList li {
	display: inline-block
}

.contents.u646 .prInfo_top.zoom .prSide #imgInfo .reviewTxt .tagList li span {
	display: block;
	height: 24px;
	margin: 0 4px;
	padding: 0 8px;
	line-height: 24px;
	border-radius: 12px;
	color: #8b8f94;
	font-size: 1.2rem;
	background: #f5f7fa
}

.contents.u646 .prInfo_top.zoom .prCon {
	width: initial;
	margin-left: 60px;
	padding: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main {
	height: 100%
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .popShare {
	position: absolute;
	right: 3px;
	top: 4px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .popShare .icoShare::after {
	background-position: -24px -75px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .popShare .icoShare:hover::after {
	background-position: -321px -24px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .name {
	padding-right: 20px;
	line-height: 1.3;
	color: #1e2023;
	font-size: 2rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .name em {
	overflow: hidden;
	display: inline-block;
	max-width: calc(100% - 20px);
	margin-bottom: 6px;
	padding-right: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url("../images/ico_arrow_right_darkgray.svg") no-repeat right 50%;
	background-size: 5px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .name em a {
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .name em a b {
	padding-left: 5px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .name em a b::before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin-right: 5px;
	vertical-align: middle;
	background: #6b6e73
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .name span {
	display: block;
	color: #1e2023;
	font-size: 2rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat {
	margin-top: 24px;
	border-top: 1px solid #eaeaea
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con .inWrap .tit {
	width: 104px;
	padding: 0;
	vertical-align: top;
	color: #6b6e73;
	font-size: 1.5rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con .inWrap .icoInfo {
	position: relative;
	top: -1px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con .inWrap .info span+.login_needBox {
	margin: 12px 0 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con .inWrap .login_needBox {
	display: block;
	color: #5a5f64;
	font-size: 1.3rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con .inWrap .login_needBox .loginInfo {
	display: inline-block;
	height: 28px;
	margin-left: 8px;
	padding: 0 8px;
	line-height: 28px;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	color: #373a3c;
	font-size: 1.2rem;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con~.layerPopupButton {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 28px;
	padding: 0 16px 0 8px;
	line-height: 28px;
	border-radius: 8px;
	border: 1px solid #eaeaea;
	color: #373a3c;
	font-size: 1.2rem;
	font-weight: 700;
	background: #fff
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con~.layerPopupButton::after {
	content: "+";
	display: block;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con~.layerPopupButton.btnBenefitPreview {
	padding: 0 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con~.layerPopupButton.btnBenefitPreview::after {
	display: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp,
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp {
	position: absolute;
	right: 0;
	top: 24px;
	margin: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp a,
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 178px;
	height: 36px;
	padding: 0 17px 0 18px;
	line-height: 1;
	border: 1px solid #bc32d0;
	border-radius: 18px;
	box-shadow: 0px 6px 18px rgba(0, 0, 0, .08)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp a span,
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a span {
	display: block;
	height: 100%;
	line-height: 36px;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp a em,
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a em {
	margin-top: 2px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp a .timeInfo,
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a .timeInfo {
	padding-left: 18px;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 500;
	background: url(/fo/images/view/ico_timesale_clock.svg) no-repeat left 9px;
	background-size: 13px
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp a .timeInfo,
[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a .timeInfo {
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp a .remainTimer,
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a .remainTimer {
	margin-left: 8px;
	color: #bc32d0;
	font-size: 1.3rem;
	font-weight: 700;
	white-space: nowrap
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp a span {
	margin-top: 2px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a .timeInfo {
	padding: 1px 0 0;
	background: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a em {
	margin-left: 2px;
	color: #bc32d0;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a em.remainTimer {
	margin-left: 2px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp a em:first-child {
	margin-left: 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .spotNoti {
	margin-top: 24px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .spotNoti>a {
	display: block;
	height: 47px;
	padding: 0 24px;
	line-height: 47px;
	border-radius: 8px;
	background: #f7f7fd
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .spotNoti>a em {
	float: left;
	color: #1e2023
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .spotNoti>a span {
	float: right;
	padding-right: 16px;
	color: #1e2023;
	font-weight: 700;
	background: url(/fo/images/common/ico_mainsideban_arr_r_on.svg) no-repeat right 16px;
	background-size: 11px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .spotNoti>a::after {
	content: "";
	display: block;
	clear: both
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo {
	margin-top: 57px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .titDep3 {
	margin-bottom: 24px;
	font-size: 1.6rem;
	color: #1e2023;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .bultType01 {
	margin-top: 20px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap {
	padding: 24px;
	border-radius: 8px;
	background: #f8fafc
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore {
	width: calc(100% + 24px);
	padding: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-container {
	overflow: visible;
	width: calc(100% - 24px);
	text-align: left
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide {
	position: relative;
	width: 220px;
	height: 100px;
	padding: 12px 16px;
	border-radius: 12px;
	border: 1px solid #dcdfe3;
	background: #fff
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide strong {
	position: absolute;
	left: 16px;
	top: 12px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide strong a {
	display: inline-block;
	padding-right: 16px;
	vertical-align: middle;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #373a3c;
	background: url(/fo/images/common/ico_mainsideban_arr_r_off.svg) no-repeat right 50%
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide .tel {
	position: absolute;
	left: 16px;
	bottom: 12px;
	font-size: 1.3rem;
	color: #5a5f64;
	pointer-events: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide .btnLink {
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 12px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide .btnLink span {
	display: block;
	position: relative;
	height: 25px;
	padding: 0 8px 0 24px;
	line-height: 26px;
	border-radius: 8px;
	color: #007a34;
	font-size: 1.1rem;
	background: rgba(230, 250, 238, .6)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide .btnLink span::before {
	content: "";
	display: block;
	position: absolute;
	left: 8px;
	top: 7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00d06e
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide .btnLink span.disabled {
	color: #8b8f94;
	background: rgba(242, 245, 249, .8)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .offline_storeInfo .storeInfoWrap .swiperStore .swiper-slide .btnLink span.disabled::before {
	background: #9fa2a8
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp {
	display: flex;
	position: relative;
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #eaeaea
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .tit {
	width: 104px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .optLabel {
	position: absolute;
	left: 104px;
	top: 20px;
	color: #1e2023;
	font-size: 1.5rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList {
	width: calc(100% - 104px);
	padding-left: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList .optionSelect {
	padding-top: 30px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList .optionSelect .con {
	max-width: 100%;
	font-size: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList .optionSelect .con>li {
	margin-right: 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList .optionSelect .con .soldOut {
	position: static
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList .optionSelect .con .soldOut input:checked+label em {
	display: block !important
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList .optionSelect .con label em {
	left: 0;
	top: -5px;
	padding: 5px 0;
	color: #1e2023;
	font-size: 1.5rem;
	background: #fff
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList .optionSelect .con label em b {
	display: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li {
	margin-bottom: 13px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li:nth-child(n+9) {
	display: inline-block
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li:nth-child(11),
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li:nth-child(22),
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li:nth-child(33) {
	margin-right: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl {
	padding: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl input+label {
	display: block;
	padding: 2px;
	border: 1px solid #eaeaea;
	border-radius: 28px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl input+label strong {
	width: 27px;
	height: 27px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl input+label strong img {
	width: 100%;
	height: 100%
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl input:checked+label {
	border: 1px solid rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 1px #1e2023
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl.soldOut {
	position: static
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl.soldOut input+label strong::before {
	height: 1px;
	transform: rotate(45deg)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl.soldOut input+label span {
	box-shadow: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.colorOption .con li div.colorSl.soldOut input:checked+label em {
	display: block !important
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li {
	margin-bottom: 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li div.colorSl {
	padding: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li div.colorSl input+label strong {
	width: 48px;
	height: 48px;
	border-radius: 4px;
	border: 1px solid #eaeaea;
	box-sizing: border-box
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li div.colorSl input+label strong img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	background: #fff
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li div.colorSl input:checked+label strong {
	border: 1px solid #1e2023
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li div.colorSl input:checked+label strong span::before {
	display: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li div.colorSl.soldOut input+label strong::before {
	content: "";
	display: block;
	position: absolute;
	left: -25%;
	top: 50%;
	z-index: 2;
	transform: rotate(45deg);
	width: 150%;
	height: 1px;
	background: #fff
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li div.colorSl.soldOut input+label strong::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: rgba(0, 0, 0, .1)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.imgOption .con li:nth-child(8n) {
	margin-right: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .optionSelect {
	padding-right: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con {
	margin: 0 -8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li {
	margin-right: 0;
	margin-left: 8px;
	margin-bottom: 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl {
	position: static;
	padding: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl input+label span {
	height: 40px;
	padding: 0 16px;
	line-height: 40px;
	color: #1e2023;
	font-size: 1.5rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl input:checked+label span {
	margin: 0 -1px;
	border: 1px solid #1e2023;
	font-weight: 700;
	background: #fff
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl input:checked~em {
	display: block;
	width: 100%
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl.soldOut input+label span {
	border: 1px solid rgba(0, 0, 0, 0);
	color: #b9bcc0;
	background: rgba(0, 0, 0, .06)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl.soldOut input+label span::before {
	display: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl.soldOut input:checked+label span {
	border: 1px solid #1e2023
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl.soldOut input:checked~em {
	display: block !important
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li .sizeSl em {
	display: none;
	position: absolute;
	left: 0;
	top: -5px;
	padding: 5px 0;
	color: #1e2023;
	font-size: 1.5rem;
	background: #fff
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .prList.txtOption .con li:nth-child(n+8) {
	display: inline-block
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .prSelect.imp .btn_more {
	position: absolute;
	right: 9px;
	bottom: 16px;
	width: 27px;
	height: 27px;
	font-size: 0;
	background: url(/fo/images/common/ico_btn_more.svg) no-repeat;
	background-size: 100%
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo {
	margin-top: 24px;
	margin-bottom: 8px;
	padding-top: 23px;
	border-top: 1px solid #dcdfe3;
	border-bottom: 1px solid #dcdfe3
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .titArea {
	position: relative;
	margin-bottom: 24px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .titArea * {
	display: block
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .titArea .titDep3 {
	height: 24px;
	line-height: 24px;
	font-size: 1.6rem;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .titArea .side {
	position: absolute;
	right: 0;
	top: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .titArea .side a {
	margin-top: 0;
	color: #8b8f94
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .titArea .side a::after {
	bottom: 3px;
	background: #8b8f94
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con {
	padding-bottom: 6px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li {
	margin-bottom: 16px;
	font-size: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .tit {
	display: inline-block;
	width: 104px;
	vertical-align: top;
	color: #6b6e73;
	font-size: 1.5rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .tit.toolTipBobox .tipArea {
	width: 14px;
	height: 18px;
	margin-left: 4px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .tit.toolTipBobox .tipArea .btTip {
	position: relative;
	width: 14px;
	height: 18px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .tit.toolTipBobox .tipArea .btTip::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 15px;
	margin: 0;
	background: url(/fo/images/common/price_tooltip-ico.svg) no-repeat;
	background-size: contain;
	border: none;
	transform: translate(-50%, -50%)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .tit.toolTipBobox .tipArea .tipCont {
	padding: 16px 44px 16px 16px;
	line-height: 18px;
	letter-spacing: -0.26px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox.vertical {
	display: flex;
	align-items: center
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox.vertical>.tit {
	margin-top: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn {
	width: auto;
	height: auto;
	margin-left: 0;
	border: 1px solid #4d6ee4;
	border-radius: 4px;
	background-image: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn>span {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 29px;
	padding: 8px 26px 8px 10px;
	color: #4d6ee4;
	font-size: 1.3rem;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn>span::after {
	content: "";
	position: absolute;
	top: 8px;
	right: 10px;
	width: 12px;
	height: 12px;
	background: url(/fo/images/common/coupon_blue_down.svg) no-repeat center/cover
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn.couponBtndisbled {
	border: 1px solid #9fa2a8;
	background: #f5f7fa;
	pointer-events: none;
	cursor: not-allowed
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn.couponBtndisbled>span {
	color: #9fa2a8
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn.couponBtndisbled>span::after {
	background: url(/fo/images/common/coupon_gray_down.svg) no-repeat center/cover
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn:not(.couponBtndisbled) {
	border-color: #fe324b
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn:not(.couponBtndisbled)>span {
	color: #fe324b
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponBtn:not(.couponBtndisbled)>span::after {
	background: url(/fo/images/common/coupon_red_down.svg) no-repeat center/cover
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponLogin {
	line-height: 100%;
	font-size: 1.5rem;
	font-weight: 400;
	color: #5a5f64
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponLogin>a {
	position: relative;
	color: #4d6ee4
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponLogin>a {
	color: #fe324b
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponLogin>a::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #4d6ee4
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.couponAreaBox .info.couponArea .couponLogin>a::after {
	background: #fe324b
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info {
	display: inline-block;
	width: calc(100% - 104px);
	color: #1e2023;
	font-size: 1.5rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info a {
	color: #1e2023;
	font-size: 1.5rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info a::after {
	bottom: 3px;
	background: #8b8f94
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .couponBtn {
	display: inline-block;
	width: 148px;
	height: 40px;
	margin-left: 16px;
	background: url(/fo/images/common/coupon_down.svg);
	background-size: cover
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .couponBtn span {
	display: block;
	padding: 11px 0 10px 19px;
	height: 40px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .couponBtn span {
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .event {
	position: relative;
	color: #4d6ee4;
	font-size: 1.5rem;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .event::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 20px;
	bottom: -1px;
	width: calc(100% - 20px);
	height: 1px;
	background: #4d6ee4
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .event::after {
	background: #fe324b
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .event img {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: middle
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .event {
	color: #fe324b
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .package {
	max-width: 100%;
	color: #4d6ee4;
	font-size: 1.5rem;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .package::after {
	background: #4d6ee4
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .package::after {
	background: #fe324b
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .package {
	color: #fe324b
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .tipArea {
	top: -3px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .tipArea .tipCont {
	left: -154px;
	width: 354px;
	border-radius: 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li .info .tipArea .tipCont::before {
	left: 156px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con li.vertical .tit {
	margin-top: 12px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand {
	margin-bottom: -16px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand>b {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-height: 44px;
	margin-top: -3px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 400
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr {
	margin-top: 12px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li {
	margin: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con {
	display: flex;
	align-items: center;
	position: relative;
	padding: 16px 8px;
	border-top: 1px dashed #dcdfe3
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure {
	overflow: hidden;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 4px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #fff
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure .soldOut {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: 60px;
	height: 24px;
	padding: 0 6px;
	line-height: 24px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 400;
	background: rgba(55, 58, 60, .6)
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt {
	width: calc(100% - 68px);
	padding-left: 14px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt .name {
	color: #373a3c;
	font-size: 1.4rem;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt .quantity {
	display: block;
	color: #6b6e73;
	font-size: 1.2rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .more {
	position: absolute;
	right: 10px;
	top: 24px;
	width: 40px;
	height: 40px;
	font-size: 0;
	background: url(/fo/images/common/ico_arrow_right_gray.svg) no-repeat 50% 50%;
	background-size: 9px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection {
	display: block !important;
	min-height: 106px;
	margin-top: 24px;
	padding: 20px 16px 13px;
	border: none;
	border-radius: 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection .name {
	display: block;
	color: #6b6e73;
	font-size: 1.3rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection .quantity {
	display: block;
	width: 100% !important;
	margin-top: 13px !important
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection .quantity .frmNum {
	width: 108px;
	border-radius: 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection .quantity .frmNum input[type=text],
.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection .quantity .frmNum input[type=num] {
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection .quantity .price .dollar {
	color: #1e2023;
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection .quantity .price .won {
	padding-left: 8px;
	color: #373a3c;
	font-size: 1.6rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .optionsResult .optionsReflection .quantity .price .won b {
	margin-left: 2px;
	font-size: 1.4rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop {
	margin-top: 24px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	margin-right: 8px;
	border: 1px solid #dcdfe3;
	border-radius: 4px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo.noneCnt input+label::after {
	margin-top: -11px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo.noneCnt em {
	display: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo.noneCnt .ani {
	top: -25px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo input {
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo input+label {
	position: relative;
	width: 100%;
	height: 100%
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo input+label::after {
	width: 24px;
	height: 21px;
	margin: -18px 0 0 -12px;
	background: url("../images/ico_myPick_off.svg");
	background-size: cover
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo input+label.view::after {
	opacity: 1
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo input:checked+label::after {
	display: none;
	width: 24px;
	height: 21px;
	background-image: url("../images/ico_myPick_on.svg");
	transition: opacity .25s ease-in-out .25s
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo em {
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	text-align: center;
	color: #6b6e73;
	font-size: 1.1rem
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo .ani {
	position: absolute;
	left: -26px;
	top: -32px;
	width: 105px;
	cursor: pointer
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup .chkFavo.on label::after {
	opacity: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button {
	flex: 1;
	height: 56px;
	padding: 0;
	text-align: center;
	line-height: 56px;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	text-indent: 0
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button.icCart {
	display: block;
	width: initial;
	background: #1e2023
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button.icCart::after {
	display: none
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button+button {
	margin-left: 8px
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button.btnSSG.btnL:not(.action) {
	color: #4d6ee4;
	background-color: #e9ebfb
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button.btnSSG.btnL:not(.action) {
	color: #fe324b
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button.btnSSG.btnL:not(.action) {
	background-color: #ffeef1
}

.contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button.btnSSG.btnL:not(.action):hover {
	background: #c7cdf6
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .basketTop .btnGroup button.btnSSG.btnL:not(.action):hover {
	background: #ffd6db
}

.contents.u646 .prInfo_top.zoom .prCon.isCbs .prInfo_main .spotNoti p {
	margin-top: 14px;
	padding-left: 12px;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .contents.u646 .prInfo_top.zoom .prCon.isCbs .prInfo_main .spotNoti p {
	font-weight: 700
}

.contents.u646 .prInfo_top.zoom .prCon.isCbs .prInfo_main .spotNoti p span {
	color: #f42d10
}

.contents.u646 .prInfo_top.zoom .prCon.isCbs .prInfo_main .optionsResult {
	border-top: none
}

.contents.u646 .prInfo_top.zoom .prCon.isCbs .prInfo_main .optionsResult .optionsReflection {
	margin-top: 34px
}

.contents.u646 .prInfo_tabCon {
	padding-top: 48px
}

.contents.u646 .prInfo_tabCon>h2 {
	padding-top: 0 !important
}

.contents.u646 .prInfo_tabCon>.prInfo_tabCon {
	padding-top: 0
}

.contents.u646 .prInfo_tabCon>.prInfo_tabCon>.brandPr {
	margin-top: 0
}

.contents.u646 .prInfo_tabCon>.prInfo_tabCon+.prInfo_tabCon {
	margin-top: 0;
	padding-top: 0
}

.contents.u646 .prInfo_tabCon #infoCon01 {
	top: -100px
}

.contents.u646 .prInfo_tabCon~.prInfo_tabCon {
	margin-top: 0
}

.contents.u646 .prInfo_conWrap {
	width: 1000px;
	margin: 0 auto
}

.contents.u646 .prInfo_conWrap .transformTab_area+.prInfo_con>.prInfo_tabCon {
	padding-top: 48px
}

.contents.u646 .prInfo_conWrap .transformTab_area+.prInfo_con>.prInfo_tabCon~.prInfo_tabCon {
	padding-top: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con {
	width: 100%;
	padding: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con>.prInfo_tabCon {
	margin-bottom: 80px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon.empty {
	margin-bottom: 0;
	padding-top: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon.empty+.prInfo_tabCon {
	padding-top: 48px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .titDep2 {
	color: #373a3c;
	font-size: 2.8rem;
	font-weight: 700
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox {
	min-height: 190px;
	padding: 24px 40px 32px;
	border-radius: 8px;
	background: #f8fafc
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .code {
	margin: 0 0 15px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .code span {
	display: block !important;
	position: relative;
	margin-left: 0;
	padding-left: 5px;
	color: #6b6e73
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .code span::before {
	content: "";
	display: block;
	position: absolute;
	left: -2px;
	top: 8px;
	width: 2px;
	height: 2px;
	background: #8b8f94
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .code span~span {
	margin-top: 8px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti {
	padding-top: 34px;
	border-top: 1px solid #eaeaea
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti p {
	margin-bottom: 20px;
	color: #6b6e73;
	font-size: 1.5rem
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti p em {
	margin: 0 4px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore {
	padding: 0 0 20px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-container {
	text-align: left
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide {
	width: 220px !important;
	height: 100px;
	margin-left: 12px;
	border-radius: 12px;
	border: 1px solid #dcdfe3;
	background: #fff
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide:first-child {
	margin: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide strong {
	position: absolute;
	left: 18px;
	top: 15px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .subTxt {
	position: absolute;
	left: 18px;
	top: 35px;
	color: #8b8f94;
	font-size: 1.3rem
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .tel {
	position: absolute;
	left: 18px;
	bottom: 9px;
	color: #5a5f64;
	font-size: 1.3rem
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink {
	position: absolute;
	right: 16px;
	top: 12px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink span {
	display: block;
	position: relative;
	height: 25px;
	padding: 0 8px 0 24px;
	line-height: 26px;
	border-radius: 8px;
	color: #007a34;
	font-size: 1.1rem;
	background: rgba(230, 250, 238, .6)
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink span::before {
	content: "";
	display: block;
	position: absolute;
	left: 8px;
	top: 7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00d06e
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink span.disabled {
	color: #8b8f94;
	background: rgba(242, 245, 249, .8)
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink span.disabled::before {
	background: #9fa2a8
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti~.bultType01 {
	margin-top: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti~.bultType01 li {
	margin-top: 3px;
	color: #6b6e73
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti~.bultType01 li:first-child {
	margin: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea {
	position: absolute;
	right: 40px;
	top: 120px;
	z-index: 1;
	width: 304px;
	padding: 0 16px 0 18px;
	border: 1px solid #dcdfe3;
	border-radius: 12px;
	background: #fff;
	box-sizing: border-box
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea .csLink {
	position: relative;
	top: 2px;
	float: left;
	line-height: 44px;
	color: #373a3c;
	font-size: 15px;
	font-weight: 700;
	pointer-events: none
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea .tel {
	position: relative;
	top: 2px;
	float: right;
	position: relative;
	line-height: 44px;
	color: #5a5f64;
	font-size: 1.3rem;
	font-weight: 400;
	pointer-events: none
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea .tel::before {
	content: "";
	display: block;
	position: absolute;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url(/fo/images/order/ico_call_gray.svg);
	background-size: cover
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea::after {
	content: "";
	display: block;
	clear: both
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode.offline .noti {
	padding-top: 20px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode.storeMore .noti .swiperStore .swiper-slide strong a {
	position: relative
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode.storeMore .noti .swiperStore .swiper-slide strong a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: calc(100% + 2px);
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	background: url(/fo/images/common/arr_link.png);
	background-size: cover
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox {
	margin-top: 32px;
	padding: 18px 28px 17px;
	border-radius: 8px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .titInfo {
	height: initial;
	margin-bottom: 15px;
	padding-left: 25px;
	line-height: initial;
	font-size: 1.5rem;
	font-weight: 700
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .titInfo::before {
	display: none
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01 {
	padding: 0;
	color: #1e2023;
	font-size: 1.3rem
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01 li {
	margin-top: 7px;
	color: #1e2023;
	font-size: 1.3rem
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01 li:first-child {
	margin: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01 li::before {
	top: 6px;
	background: #ce0700
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01>strong {
	font-size: 1.3rem;
	color: #1e2023
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01>button {
	margin-left: 5px;
	font-size: 1.3rem;
	color: #ce0700;
	font-weight: 700;
	text-decoration-line: underline
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.imminentNoti .infoBox {
	border: 1px solid #ffcabb;
	background: rgba(255, 241, 240, .6)
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.imminentNoti .infoBox .titInfo {
	color: #ce0700;
	background: url(/fo/images/common/ico_warning_fill.svg) no-repeat left 50%;
	background-size: 17px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.mdNoti .infoBox .titInfo {
	color: #1e2023;
	background: url(/fo/images/common/ico_warning_fill_black.svg) no-repeat left 50%;
	background-size: 17px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.mdNoti.type1 .infoBox {
	border: 1px solid #f3fb94;
	background: rgba(253, 255, 231, .6)
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.mdNoti.type2 .infoBox {
	border-color: rgba(0, 0, 0, 0);
	background: #f7f7fd
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .ingdInfo .titArea {
	margin-bottom: 6px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .ingdInfo .titArea .side .txtLink.lineU::after {
	bottom: 4px;
	background: #6b6e73;
	opacity: .6
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .ingdInfo .ingdKind_frList {
	margin-top: 6px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con::after {
	height: 180px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 6.25%, rgba(255, 255, 255, 0.15) 20.74%, rgba(255, 255, 255, 0.6) 34.69%, rgba(255, 255, 255, 0.9) 46.28%, #ffffff 56.82%)
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 30px;
	width: 327px;
	height: 47px;
	margin-left: -164px;
	border: 1px solid #5a5f64;
	border-radius: 4px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .look,
.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .fold {
	position: relative;
	padding-right: 22px;
	line-height: 49px;
	color: #5a5f64
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .look::after,
.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .fold::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 6px;
	background: url(/fo/images/common/ico_expand_more.svg) no-repeat;
	background-size: 100%
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .fold::after {
	transform: translateY(-50%) rotate(180deg)
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con.short::after {
	display: none
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con.short .more.toggleBtn {
	display: none
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .titDep2 {
	display: inline-block;
	margin-bottom: 20px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .titDep2 span {
	font-size: 2.4rem
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .side {
	float: right;
	margin-top: 6px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary {
	min-height: 260px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary .rating .textRating b::after {
	display: none
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary .rating .star {
	margin-top: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary~.summary {
	margin-top: 20px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary~.titDep2 {
	margin-top: 80px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData {
	position: relative;
	min-height: 244px;
	padding: 140px 0 70px;
	border-top: 1px solid #1e2023
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData::before {
	content: "";
	display: block;
	position: absolute;
	top: 70px;
	width: 55px;
	height: 53px;
	margin-left: -27px;
	background: url(/fo/images/view/ico_empty.svg) no-repeat;
	background-size: 100%
}

html[lang=zh] .contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData::before {
	background-image: url(/fo/images/view/ico_empty_cn.svg)
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData p {
	line-height: 32px;
	color: #6b6e73
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData p~p {
	margin-top: 10px;
	line-height: 23px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData p span {
	color: #4d6ee4
}

[lang=zh] .contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData p span {
	color: #fe324b
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .titDep3 {
	display: inline-block
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .listNum.listDel {
	height: 50px;
	margin-top: -52px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .side {
	margin-top: 8px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .btnSorting {
	padding-right: 24px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .btnSorting::after {
	top: 2px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .reviewList .review .cont .textArea .reviewFlag {
	margin-bottom: 16px;
	font-size: 0
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .reviewList .review .cont .textArea .reviewFlag span {
	height: 24px;
	line-height: 28px;
	vertical-align: middle
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .qnaWrap {
	margin-top: 125px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .qnaWrap .btnSSG.btnXS {
	min-width: 94px;
	width: 94px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #dcdfe3
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .qnaWrap .toggleAction .ctrl .qnaFlag>span {
	padding-top: 2px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .qnaWrap .toggleAction .accordCont .answer .authorInfo .date span {
	position: relative;
	margin-left: 6px;
	padding-left: 9px
}

.contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .qnaWrap .toggleAction .accordCont .answer .authorInfo .date span::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.contents.u646 .prInfo_conWrap .fixSide {
	display: none
}

.contents.u646 .toastBoxWrap {
	position: absolute;
	left: 50%;
	top: calc(50% - 68px);
	z-index: 1;
	width: 343px;
	height: 56px;
	margin: -28px 0 0 -171.5px
}

.contents.u646 .toastBoxWrap .toastBox.stockToast {
	width: 100%;
	height: 100%;
	padding: 0;
	line-height: 56px;
	text-align: center;
	border-radius: 8px;
	background: rgba(0, 0, 0, .5);
	backdrop-filter: blur(15px)
}

.contents.u646 .toastBoxWrap .toastBox.stockToast .txtToast {
	display: inline-block;
	position: relative;
	padding: 0 0 0 22px;
	font-size: 1.3rem;
	font-weight: 400
}

.contents.u646 .toastBoxWrap .toastBox.stockToast .txtToast::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 15px;
	height: 18px;
	margin-top: -9px;
	background: url(/fo/images/common/ico_union.svg);
	background-size: cover
}

.contents.u646 .fixBottomWrap {
	position: fixed;
	left: 0%;
	right: 0;
	bottom: -400px;
	z-index: 1000;
	height: 72px;
	background: rgba(255, 255, 255, .6);
	backdrop-filter: blur(26px);
	box-shadow: 0px -5px 60px rgba(0, 0, 0, .1);
	transition: all .25s ease-in-out
}

.contents.u646 .fixBottomWrap.fixed {
	bottom: 0
}

.contents.u646 .fixBottomWrap .inWrap {
	width: 1000px;
	margin: 0 auto
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	transition: all .25s ease-in-out
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodWrap {
	overflow: hidden;
	display: flex;
	align-items: center
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodWrap figure {
	overflow: hidden;
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 8px
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodWrap figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodWrap figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #fff
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodWrap span {
	overflow: hidden;
	display: block;
	width: calc(100% - 48px);
	height: 48px;
	padding-left: 8px;
	line-height: 48px;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 0 0 30px
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .selectOpt {
	display: none
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup {
	display: flex;
	align-items: center;
	transition: all .25s ease-in-out
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo {
	width: 48px;
	height: 48px;
	margin-right: 8px;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	background: #fff
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo.noneCnt input+label::after {
	margin-top: -8px
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo.noneCnt em {
	display: none
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo.noneCnt .ani {
	top: -14px
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input {
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input+label {
	position: relative;
	width: 100%;
	height: 100%
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input+label::after {
	width: 18px;
	height: 16px;
	margin: -16px 0 0 -9px;
	background: url(/fo/images/order/ico_myPick_off.svg);
	background-size: cover
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input+label.view::after {
	opacity: 1
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input:checked+label::after {
	display: none;
	width: 24px;
	height: 21px;
	background-image: url(/fo/images/order/ico_myPick_on.svg);
	transition: opacity .25s ease-in-out .25s
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo em {
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	text-align: center;
	color: #6b6e73;
	font-size: 1.1rem
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo .ani {
	position: absolute;
	left: -15px;
	top: -22px;
	width: 75px;
	cursor: pointer
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup .chkFavo.on label::after {
	opacity: 0
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button {
	flex: auto;
	min-width: 263px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border-radius: 4px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;
	text-indent: 0
}

[lang=zh] .contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button {
	font-weight: 700
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button.icCart {
	width: initial;
	background: #1e2023
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button.icCart::after {
	display: none
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button.icCart+button.icCart {
	margin-left: 0
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button+button {
	margin-left: 8px
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button.btnSSG.btnL:not(.action) {
	color: #4d6ee4;
	background-color: #e9ebfb;
	font-weight: 700
}

[lang=zh] .contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button.btnSSG.btnL:not(.action) {
	color: #fe324b
}

[lang=zh] .contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button.btnSSG.btnL:not(.action) {
	background-color: #ffeef1
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button.btnSSG.btnL:not(.action):hover {
	background: #c7cdf6
}

[lang=zh] .contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button.btnSSG.btnL:not(.action):hover {
	background: #ffd6db
}

.contents.u646 .fixBottomWrap.unfold {
	height: 240px
}

.contents.u646 .fixBottomWrap.unfold.single {
	height: 174px !important
}

.contents.u646 .fixBottomWrap.unfold.single .prodWrap {
	display: none
}

.contents.u646 .fixBottomWrap.unfold.single.opt1 {
	height: 174px
}

.contents.u646 .fixBottomWrap.unfold.single.opt2 {
	height: 174px
}

.contents.u646 .fixBottomWrap.unfold.single.opt2 .inWrap .prodInfo {
	padding-top: 20px
}

.contents.u646 .fixBottomWrap.unfold.single .selectOpt {
	padding-top: 0 !important
}

.contents.u646 .fixBottomWrap.unfold.single .selectOpt .optionsResult {
	margin-top: 6px !important
}

.contents.u646 .fixBottomWrap.unfold.single .prSelect {
	display: none
}

.contents.u646 .fixBottomWrap.unfold.single.opt1 .optionsResult,
.contents.u646 .fixBottomWrap.unfold.single.op2 .optionsResult {
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 668px;
	height: 126px !important
}

.contents.u646 .fixBottomWrap.unfold.single.opt1 .optionsResult .optionsReflection,
.contents.u646 .fixBottomWrap.unfold.single.op2 .optionsResult .optionsReflection {
	height: 100%;
	padding-top: 16px !important
}

.contents.u646 .fixBottomWrap.unfold.single.opt1.optShow .btnGroup,
.contents.u646 .fixBottomWrap.unfold.single.opt1 .btnGroup,
.contents.u646 .fixBottomWrap.unfold.single.op2.optShow .btnGroup,
.contents.u646 .fixBottomWrap.unfold.single.op2 .btnGroup {
	bottom: -6px !important
}

.contents.u646 .fixBottomWrap.unfold.single.opt1 .btClose,
.contents.u646 .fixBottomWrap.unfold.single.op2 .btClose {
	bottom: 185px !important
}

.contents.u646 .fixBottomWrap.unfold.single .btClose {
	bottom: 185px !important
}

.contents.u646 .fixBottomWrap.unfold.single .btnGroup {
	bottom: 0 !important
}

.contents.u646 .fixBottomWrap.unfold.optShow .optionsResult {
	overflow: initial !important
}

.contents.u646 .fixBottomWrap.unfold.opt1 {
	height: 176px
}

.contents.u646 .fixBottomWrap.unfold.opt1.optShow {
	height: 320px
}

.contents.u646 .fixBottomWrap.unfold.opt1.optShow .btnGroup {
	bottom: -2px !important
}

.contents.u646 .fixBottomWrap.unfold.opt1.optShow .btClose {
	bottom: 330px
}

.contents.u646 .fixBottomWrap.unfold.opt1 .btClose {
	bottom: 188px
}

.contents.u646 .fixBottomWrap.unfold.opt1 .inWrap .prodInfo .prodOpt .btnGroup {
	bottom: 49px
}

.contents.u646 .fixBottomWrap.unfold.opt2 {
	height: 240px
}

.contents.u646 .fixBottomWrap.unfold.opt2.optShow {
	height: 382px
}

.contents.u646 .fixBottomWrap.unfold.opt2.optShow .btnGroup {
	bottom: -2px !important
}

.contents.u646 .fixBottomWrap.unfold.opt2.optShow .btClose {
	bottom: 392px !important
}

.contents.u646 .fixBottomWrap.unfold.opt2 .btnGroup {
	bottom: 16px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo {
	display: block;
	padding: 24px 0 0
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodWrap {
	width: 668px;
	padding-bottom: 16px;
	border-bottom: 1px solid #dcdfe3
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt {
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	position: relative;
	padding: 0
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt {
	display: block;
	width: 668px;
	min-height: 120px;
	padding-top: 16px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect {
	margin-top: 0
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect~.prSelect {
	margin-top: 16px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .tit {
	display: inline-block;
	width: 102px;
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 400
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap {
	width: 562px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-menu.ui-selectmenu-open {
	top: auto !important;
	bottom: 46px;
	border-radius: 8px 8px 0 0;
	border: 1px solid #a0adf0
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-menu.ui-selectmenu-open {
	border: 1px solid #fe324b
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-menu .ui-menu button .ui-menu button.ui-state-selected {
	background: #f5f7fa
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-menu .ui-menu button.ui-state-selected,
.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-menu .ui-menu button.ui-state-active {
	background: #f5f7fa
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-button {
	border: 1px solid #8b8f94;
	border-radius: 4px;
	background: #fff
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-button[aria-expanded=true] {
	border: 1px solid #a0adf0 !important;
	border-top: none !important;
	border-radius: 0 0 4px 4px !important
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-button[aria-expanded=true] {
	border: 1px solid #fe324b !important
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-button span {
	color: #1e2023
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-button.ui-selectmenu-button-open {
	border-radius: 0 0 4px 4px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-button.ui-selectment-button-default {
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .selectOpt .prSelect .selectWrap .ui-selectmenu-button.ui-selectment-button-default span {
	color: #b9bcc0
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult {
	overflow: hidden;
	height: 0;
	margin-top: 16px;
	transition: all .25s ease-in-out
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection {
	display: block !important;
	margin: 0;
	padding: 11px 16px 16px 24px;
	border: none
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection>* {
	display: block
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .selectInfo {
	margin-bottom: 24px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .selectInfo span {
	display: inline-block;
	position: relative;
	color: #1e2023;
	font-size: 1.8rem
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .selectInfo span~span {
	margin-left: 4px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .selectInfo span~span::before {
	content: "/";
	display: inline-block;
	margin-right: 4px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .frmNum {
	width: 108px;
	margin-top: 1px;
	border-radius: 8px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .frmNum input {
	font-weight: 700
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .quantity {
	width: 100%
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .price .dollar {
	color: #1e2023;
	font-size: 2.2rem;
	font-weight: 700
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .price .won {
	padding-left: 8px;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 400
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult .optionsReflection .price .won b {
	position: relative;
	top: -1px;
	margin-left: 2px;
	font-size: 1.5rem;
	font-weight: 400
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .optionsResult.show {
	height: 120px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup {
	overflow: hidden;
	display: block;
	position: absolute;
	right: 0;
	width: 300px;
	height: 120px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo {
	width: 56px;
	height: 56px;
	margin-right: 8px;
	border: 1px solid #dcdfe3;
	border-radius: 4px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo.noneCnt input+label::after {
	margin-top: -11px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo.noneCnt em {
	display: none
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo.noneCnt .ani {
	top: -25px
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input {
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input+label {
	position: relative;
	width: 100%;
	height: 100%
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input+label::after {
	width: 24px;
	height: 21px;
	margin: -18px 0 0 -12px;
	background: url(/fo/images/order/ico_myPick_off.svg);
	background-size: cover
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input+label.view::after {
	opacity: 1
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo input:checked+label::after {
	display: none;
	width: 24px;
	height: 21px;
	background-image: url(/fo/images/order/ico_myPick_on.svg);
	transition: opacity .25s ease-in-out .25s
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo em {
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	text-align: center;
	color: #6b6e73;
	font-size: 1.1rem
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo .ani {
	position: absolute;
	left: -26px;
	top: -32px;
	width: 105px;
	cursor: pointer
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup .chkFavo.on label::after {
	opacity: 0
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button {
	height: 56px;
	font-size: 1.8rem;
	font-weight: 700
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.action {
	position: absolute;
	right: 0;
	top: 0;
	min-width: 236px;
	width: 236px !important;
	color: #4d6ee4 !important;
	border: 1px solid;
	border-color: #4d6ee4;
	background: #fff !important
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.action {
	border-color: #fe324b
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.action:hover {
	background: #e9ebfb !important
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.action:hover {
	background: #fff6f8 !important
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.action {
	color: #fe324b !important
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.action:disabled:hover {
	background: #b9bcc0 !important
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.icCart {
	position: absolute;
	left: 0;
	bottom: 0;
	min-width: 300px;
	width: 300px;
	border: 1px solid;
	border-color: #4d6ee4;
	color: #fff !important;
	background-color: #4d6ee4
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.icCart {
	border-color: #fe324b
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.icCart {
	background-color: #fe324b
}

.contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.icCart:hover {
	background: #3557da
}

[lang=zh] .contents.u646 .fixBottomWrap.unfold .inWrap .prodInfo .prodOpt .btnGroup button.icCart:hover {
	background: #e6240a
}

.contents.u646 .fixBottomWrap.unfold .btClose {
	opacity: 1;
	bottom: 256px;
	transform: rotate(360deg)
}

.contents.u646 .fixBottomWrap .btClose {
	opacity: 0;
	position: absolute;
	left: calc(50% + 456px);
	bottom: 200px;
	width: 44px;
	height: 44px;
	border-radius: 22px;
	font-size: 0;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	transform: rotate(0deg);
	transition: all .3s ease .25s
}

.contents.u646 .fixBottomWrap .btClose::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	background: url(/fo/images/common/ico_close.svg);
	background-size: cover
}

.contents.u646 .fixBottomWrap.single .btClose {
	bottom: 100px
}

.contents.u646.brandCont~.prInfo_conWrap {
	width: 1000px;
	margin: 0 auto
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con {
	width: 100%;
	padding: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .titDep2 {
	color: #373a3c;
	font-size: 2.8rem;
	font-weight: 700
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox {
	min-height: 190px;
	padding: 24px 40px 32px;
	border-radius: 8px;
	background: #f8fafc
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .code {
	margin: 0 0 15px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .code span {
	display: block !important;
	position: relative;
	margin-left: 0;
	padding-left: 5px;
	color: #6b6e73
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .code span::before {
	content: "";
	display: block;
	position: absolute;
	left: -2px;
	top: 8px;
	width: 2px;
	height: 2px;
	background: #8b8f94
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .code span~span {
	margin-top: 8px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti {
	padding-top: 34px;
	border-top: 1px solid #eaeaea
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti p {
	color: #6b6e73;
	font-size: 1.5rem
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti p em {
	margin: 0 4px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore {
	margin-top: 20px;
	padding: 0 0 20px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-container {
	text-align: left
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide {
	width: 220px !important;
	height: 100px;
	margin-left: 12px;
	border-radius: 12px;
	border: 1px solid #dcdfe3;
	background: #fff
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide:first-child {
	margin: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide strong {
	position: absolute;
	left: 18px;
	top: 15px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .subTxt {
	position: absolute;
	left: 18px;
	top: 35px;
	color: #8b8f94;
	font-size: 1.3rem
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .tel {
	position: absolute;
	left: 18px;
	bottom: 9px;
	color: #5a5f64;
	font-size: 1.3rem
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink {
	position: absolute;
	right: 16px;
	top: 12px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink span {
	display: block;
	position: relative;
	height: 25px;
	padding: 0 8px 0 24px;
	line-height: 26px;
	border-radius: 8px;
	color: #007a34;
	font-size: 1.1rem;
	background: rgba(230, 250, 238, .6)
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink span::before {
	content: "";
	display: block;
	position: absolute;
	left: 8px;
	top: 7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #00d06e
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink span.disabled {
	color: #8b8f94;
	background: rgba(242, 245, 249, .8)
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti .swiperStore .swiper-slide .btnLink span.disabled::before {
	background: #9fa2a8
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti~.bultType01 {
	margin-top: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti~.bultType01 li {
	margin-top: 3px;
	color: #6b6e73
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .noti~.bultType01 li:first-child {
	margin: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea {
	position: absolute;
	right: 40px;
	bottom: 32px;
	width: 304px;
	padding: 0 16px 0 18px;
	border: 1px solid #dcdfe3;
	border-radius: 12px;
	background: #fff;
	box-sizing: border-box
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea .csLink {
	position: relative;
	top: 2px;
	float: left;
	line-height: 46px;
	color: #373a3c;
	font-size: 15px;
	font-weight: 700
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea .tel {
	position: relative;
	top: 2px;
	float: right;
	position: relative;
	line-height: 44px;
	color: #5a5f64;
	font-size: 1.3rem;
	font-weight: 400
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea .tel::before {
	content: "";
	display: block;
	position: absolute;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url(/fo/images/order/ico_call_gray.svg);
	background-size: cover
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode .csArea::after {
	content: "";
	display: block;
	clear: both
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .conBox.infoCode.offline .noti {
	padding-top: 20px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox {
	margin-top: 32px;
	padding: 18px 28px 17px;
	border-radius: 8px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .titInfo {
	height: initial;
	margin-bottom: 15px;
	padding-left: 25px;
	line-height: initial;
	font-size: 1.5rem;
	font-weight: 700
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .titInfo::before {
	display: none
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01 {
	padding: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01 li {
	margin-top: 7px;
	color: #1e2023;
	font-size: 1.3rem
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01 li:first-child {
	margin: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti .infoBox .bultType01 li::before {
	top: 6px;
	background: #ce0700
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.imminentNoti .infoBox {
	border: 1px solid #ffcabb;
	background: rgba(255, 241, 240, .6)
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.imminentNoti .infoBox .titInfo {
	color: #ce0700;
	background: url(/fo/images/common/ico_warning_fill.svg) no-repeat left 50%;
	background-size: 17px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.mdNoti .infoBox .titInfo {
	color: #1e2023;
	background: url(/fo/images/common/ico_warning_fill_black.svg) no-repeat left 50%;
	background-size: 17px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.mdNoti.type1 .infoBox {
	border: 1px solid #f3fb94;
	background: rgba(253, 255, 231, .6)
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prNotiWrap .prNoti.mdNoti.type2 .infoBox {
	border-color: rgba(0, 0, 0, 0);
	background: #f7f7fd
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .ingdInfo .titArea {
	margin-bottom: 6px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .ingdInfo .titArea .side .txtLink.lineU::after {
	bottom: 4px;
	background: #6b6e73;
	opacity: .6
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .ingdInfo .ingdKind_frList {
	margin-top: 6px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con::after {
	height: 180px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 6.25%, rgba(255, 255, 255, 0.15) 20.74%, rgba(255, 255, 255, 0.6) 34.69%, rgba(255, 255, 255, 0.9) 46.28%, #ffffff 56.82%)
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 30px;
	width: 327px;
	height: 47px;
	margin-left: -164px;
	border: 1px solid #5a5f64;
	border-radius: 4px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .look,
.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .fold {
	position: relative;
	padding-right: 22px;
	line-height: 49px;
	color: #5a5f64
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .look::after,
.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .fold::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 6px;
	background: url(/fo/images/common/ico_expand_more.svg) no-repeat;
	background-size: 100%
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con .more.toggleBtn .fold::after {
	transform: translateY(-50%) rotate(180deg)
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con.short::after {
	display: none
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prdeatilImg .con.short .more.toggleBtn {
	display: none
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .titDep2 {
	display: inline-block;
	margin-bottom: 20px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .titDep2 span {
	font-size: 2.4rem
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .side {
	float: right;
	margin-top: 6px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary {
	min-height: 260px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary .rating .textRating b::after {
	display: none
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary .rating .star {
	margin-top: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary~.summary {
	margin-top: 20px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .summary~.titDep2 {
	margin-top: 80px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData {
	position: relative;
	min-height: 244px;
	padding: 140px 0 70px;
	border-top: 1px solid #1e2023
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData::before {
	content: "";
	display: block;
	position: absolute;
	top: 70px;
	width: 55px;
	height: 53px;
	margin-left: -27px;
	background: url(/fo/images/common/ico_noData.svg) no-repeat;
	background-size: 100%
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData p {
	line-height: 32px;
	color: #6b6e73
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData p~p {
	margin-top: 10px;
	line-height: 23px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData p span {
	color: #4d6ee4
}

[lang=zh] .contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .noData p span {
	color: #fe324b
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .titDep3 {
	display: inline-block
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .listNum.listDel {
	height: 50px;
	margin-top: -52px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .side {
	margin-top: 8px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .btnSorting {
	padding-right: 24px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .btnSorting::after {
	top: 2px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .reviewList .review .cont .textArea .reviewFlag {
	margin-bottom: 16px;
	font-size: 0
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .prodReview .allReview .reviewList .review .cont .textArea .reviewFlag span {
	height: 24px;
	line-height: 28px;
	vertical-align: middle
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .qnaWrap {
	margin-top: 125px
}

.contents.u646.brandCont~.prInfo_conWrap .prInfo_con .prInfo_tabCon .qnaWrap .btnSSG.btnXS {
	min-width: 94px;
	width: 94px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #dcdfe3
}

.contents.u646.brandCont~.prInfo_conWrap .fixSide {
	display: none
}

.contents.u646.offline .benefitInfoArea {
	padding: 22px 8px 0;
	border-top: 1px solid #eaeaea
}

.contents.u646.offline .benefitInfoArea span {
	font-size: 1.3rem;
	color: #1e2023
}

.contents.u646.offline .prInfo_conWrap .transformTab_area {
	height: 0
}

.contents.u646.offline .prInfo_conWrap::before {
	content: "";
	display: block;
	position: absolute;
	left: -100vw;
	right: 100vw;
	top: -40px;
	width: 10000px;
	height: 1px;
	background: #eaeaea
}

.contents.u646.offline .prInfo_conWrap .conBox.infoCode.offline {
	min-height: initial;
	padding: 24px 40px
}

.contents.u646.offline .prInfo_conWrap .conBox.infoCode.offline .code {
	margin: 0
}

.contents.u646.offline .prInfo_conWrap .noticeInfo_Tab .tapContentList li a {
	text-align: left;
	border-left: none;
	border-right: none;
	pointer-events: none;
	font-size: 1.6rem
}

.contents.u646.offline .prInfo_conWrap .qnaWrap {
	margin-top: 0 !important
}

body.offline {
	overflow-x: hidden
}

#container.container .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp .innerWrap,
#container.container .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp .innerWrap {
	width: 100% !important
}

#container.container .contents.u646 .prInfo_top.zoom .prSide .prImg .badge {
	width: 45px;
	height: 50px;
	padding: 0 10px;
	padding-top: 11px;
	line-height: 15.4px;
	border-radius: 8px 8px 0 8px;
	font-size: 1.4rem;
	font-weight: 500;
	background: rgba(234, 78, 58, .8)
}

[lang=zh] #container.container .contents.u646 .prInfo_top.zoom .prSide .prImg .badge {
	min-width: 48px
}

[lang=en] #container.container .contents.u646 .prInfo_top.zoom .prSide .prImg .badge {
	min-width: 66px;
	text-align: left
}

#container .prInfo_conWrap .swiperWrap.giftBrand .swiper-slide {
	margin-top: 0
}

#container .swiperWrap.giftBrand {
	margin-bottom: -16px;
	padding-bottom: 8px
}

#container .swiperWrap.giftBrand .swiper-slide {
	margin-bottom: 0
}

#container .swiperWrap.giftBrand+.swiperWrap.giftBrand {
	margin-top: 32px
}

#container .swiperWrap.giftBrand .swiper-slide {
	width: 230px
}

#container .swiperWrap.giftBrand.swiper-no-swiping {
	padding-bottom: 8px
}

#container .swiperWrap.giftBrand.swiper-no-swiping .ts-controls {
	display: none !important
}

#container .swiperWrap.giftBrand.swiper-no-swiping.only-child .swiper-wrapper {
	width: 100%
}

#container .swiperWrap.giftBrand.swiper-no-swiping.only-child .swiper-wrapper .swiper-slide {
	width: 100%;
	margin: 0 !important
}

#container .swiperWrap.giftBrand.swiper-no-swiping.only-child .swiper-wrapper .swiper-slide .prodCont {
	width: 100%
}

#container .swiperWrap.giftBrand .prodCont {
	position: relative;
	width: 230px;
	min-height: initial
}

#container .swiperWrap.giftBrand .prodCont>a figure {
	float: left;
	width: 60px;
	height: 60px;
	min-height: initial
}

#container .swiperWrap.giftBrand .prodCont>a figure img {
	object-fit: cover
}

#container .swiperWrap.giftBrand .prodCont>a figure .soldOut {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	transform: translate(-50%, -50%);
	min-width: 60px;
	height: 24px;
	padding: 0 6px;
	line-height: 24px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 400;
	background: rgba(55, 58, 60, .6)
}

#container .swiperWrap.giftBrand .prodCont>a .txt {
	float: left;
	width: calc(100% - 60px);
	padding-left: 14px
}

#container .swiperWrap.giftBrand .prodCont>a .txt .tit,
#container .swiperWrap.giftBrand .prodCont>a .txt .prodName {
	overflow: hidden;
	display: block;
	font-size: 1.4rem;
	text-overflow: ellipsis;
	white-space: nowrap
}

#container .swiperWrap.giftBrand .prodCont>a .txt .tit {
	width: auto;
	margin-top: 8px;
	color: #373a3c
}

#container .swiperWrap.giftBrand .prodCont>a .txt .prodName {
	height: initial;
	color: #6b6e73
}

#container .swiperWrap.giftBrand .prodCont>a::after {
	content: "";
	display: block;
	clear: both
}

[lang=en] #container .benefitsInfo .con li .tit {
	width: 120px
}

[lang=en] #container .benefitsInfo .con li .tit+.info {
	width: calc(100% - 120px)
}

#container .benefitsInfo .con li .tit.promo {
	padding-top: 2px
}

#container .benefitsInfo .con li .tit.promo+.info li {
	position: relative;
	margin: 10px 0 0 0;
	padding-left: 23px
}

#container .benefitsInfo .con li .tit.promo+.info li:first-child {
	margin-top: 0
}

#container .benefitsInfo .con li .tit.promo+.info li::before {
	content: "";
	display: block;
	position: absolute;
	left: 11px;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #1e2023
}

#container .benefitsInfo .con li .tit.promo+.info li a {
	display: block;
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap
}

#container .benefitsInfo .con li .tit.promo+.info li .titPromotion {
	overflow: hidden;
	position: relative;
	max-width: 100%;
	color: #1e2023;
	text-overflow: ellipsis;
	white-space: nowrap
}

#container .benefitsInfo .con li .tit.promo+.info li .titPromotion::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #1e2023
}

#container .benefitsInfo .con li .tit.promo+.info li .subTxt {
	overflow: hidden;
	max-width: 100%;
	margin-left: 16px;
	color: #6b6e73;
	font-size: 1.4rem;
	text-overflow: ellipsis;
	white-space: nowrap
}

#container .benefitsInfo .con li .tit.promo>em {
	position: relative
}

#container .benefitsInfo .con li .tit.promo>em::after {
	opacity: .3;
	content: "";
	display: block;
	position: absolute;
	right: -17px;
	top: 3px;
	width: 11px;
	height: 11px;
	background: url(/fo/images/common/arr_link03.png);
	background-size: 100%
}

#container .benefitsInfo .con li.giftBrandSwArea+.benefitPromoArea {
	padding-top: 6px
}

#container .benefitsInfo .con .benefitPromoArea {
	margin-bottom: 26px
}

#container .benefitsInfo .con .benefitPromoArea .info li {
	margin-top: 8px !important
}

#container .benefitsInfo .con .benefitPromoArea .info li:first-child {
	margin-top: 0 !important
}

#container .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .timesale_imp .innerWrap,
#container .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .specialprice_imp .innerWrap {
	width: 100% !important
}

#container .prInfo_top.zoom .prSide .prImg .badge {
	width: 45px;
	height: 50px;
	padding: 0 10px;
	padding-top: 11px;
	line-height: 15.4px;
	border-radius: 8px 8px 0 8px;
	font-size: 1.4rem;
	font-weight: 500;
	background: rgba(234, 78, 58, .8)
}

[lang=zh] #container .prInfo_top.zoom .prSide .prImg .badge {
	min-width: 48px
}

[lang=en] #container .prInfo_top.zoom .prSide .prImg .badge {
	min-width: 66px;
	text-align: left
}

.badge.bundleSale,
.badge.quantitySale,
.badge.setSale {
	position: absolute;
	left: 16px !important;
	top: 16px !important;
	width: 80px !important;
	height: 80px !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	font-size: 0 !important;
	background: none !important;
	background-repeat: no-repeat !important;
	background-size: cover !important
}

.badge.bundleSale {
	background-image: url(/fo/images/common/ico_badge_bundledc_kr.svg) !important
}

[lang=zh] .badge.bundleSale {
	background-image: url(/fo/images/common/ico_badge_bundledc_cn.svg) !important
}

[lang=en] .badge.bundleSale {
	background-image: url(/fo/images/common/ico_badge_bundledc_en.svg) !important
}

.badge.quantitySale {
	background-image: url(/fo/images/common/ico_badge_quantitydc_kr.svg) !important
}

[lang=zh] .badge.quantitySale {
	background-image: url(/fo/images/common/ico_badge_quantitydc_cn.svg) !important
}

[lang=en] .badge.quantitySale {
	background-image: url(/fo/images/common/ico_badge_quantitydc_en.svg) !important
}

.badge.setSale {
	background-image: url(/fo/images/common/ico_badge_setdc_kr.svg) !important
}

[lang=zh] .badge.setSale {
	background-image: url(/fo/images/common/ico_badge_setdc_cn.svg) !important
}

[lang=en] .badge.setSale {
	background-image: url(/fo/images/common/ico_badge_setdc_en.svg) !important
}

.asideTop.btScrlTop {
	left: calc(50% + 481px);
	bottom: 85px;
	width: 44px;
	height: 44px
}

.asideTop.btScrlTop .btTop {
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.asideTop.btScrlTop .btTop::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/common/ico_btScrlTop.svg);
	background-size: cover
}

.layPop .layCont .gwpInfo {
	padding-top: 10px
}

.layPop .layCont .gwpInfo>ul>li .tit {
	overflow: hidden;
	display: -webkit-box;
	margin-bottom: 12px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis
}

.layPop .layCont .gwpInfo>ul>li>span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 700
}

.layPop .layCont .gwpInfo>ul>li .period {
	display: block;
	margin-bottom: 6px;
	color: #9fa2a8;
	font-size: 1.3rem;
	font-weight: 400
}

.layPop .layCont .gwpInfo>ul>li .gift_pr>li~li {
	margin-top: 8px
}

.layPop .layCont .gwpInfo>ul>li .gift_pr .con {
	display: flex;
	align-items: center;
	padding: 8px;
	border-radius: 4px;
	background: #f5f7fa
}

.layPop .layCont .gwpInfo>ul>li .gift_pr .con figure {
	overflow: hidden;
	position: relative;
	width: 76px;
	height: 76px;
	border-radius: 4px
}

.layPop .layCont .gwpInfo>ul>li .gift_pr .con figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.layPop .layCont .gwpInfo>ul>li .gift_pr .con figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #fff
}

.layPop .layCont .gwpInfo>ul>li .gift_pr .con figure .soldOut {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-width: 60px;
	height: 24px;
	padding: 0 6px;
	line-height: 24px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 400;
	background: rgba(55, 58, 60, .6)
}

.layPop .layCont .gwpInfo>ul>li .gift_pr .con .txt {
	width: calc(100% - 76px);
	padding-left: 20px
}

.layPop .layCont .gwpInfo>ul>li .gift_pr .con .txt .name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 23px;
	margin-bottom: 6px;
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .layPop .layCont .gwpInfo>ul>li .gift_pr .con .txt .name {
	font-weight: 700
}

.layPop .layCont .gwpInfo>ul>li .gift_pr .con .txt .quantity {
	display: block;
	color: #6b6e73;
	font-size: 1.3rem;
	font-weight: 400
}

.layPop .layCont .gwpInfo>ul>li .gift_pr~span {
	margin-top: 14px
}

.layPop .layCont .gwpInfo>ul>li~li {
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px dashed #b9bcc0
}

.layPop .layCont .gwpInfo .infoBox {
	margin-top: 24px;
	border-top: 1px solid #eaeaea
}

.layPop .layCont .gwpInfo .infoBox li {
	margin-top: 10px
}

.layPop .layCont .gwpInfo .infoBox li:first-child {
	margin: 0
}

.layPop .layCont .storeWrap .pinchMap {
	margin-bottom: 16px
}

.layPop .layCont .storeWrap .pinchMap figure {
	position: relative;
	width: 100%;
	height: 280px;
	text-align: center;
	border: 1px solid #eaeaea;
	border-radius: 4px
}

.layPop .layCont .storeWrap .pinchMap figure img {
	height: 100%
}

.layPop .layCont .storeWrap .pinchMap figure button {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 44px;
	height: 44px;
	border-radius: 22px;
	background: rgba(0, 0, 0, .4)
}

.layPop .layCont .storeWrap .pinchMap figure button::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	background: url(/fo/images/common/ico_zoomout.svg) no-repeat;
	background-size: 100%
}

.layPop .layCont .storeWrap .info {
	display: flex;
	align-items: flex-start;
	margin-bottom: 17px;
	padding: 10px 24px;
	border-radius: 4px;
	background: #f8fafc
}

.layPop .layCont .storeWrap .info strong {
	display: block;
	width: 146px;
	color: #373a3c;
	font-size: 2.4rem;
	font-weight: 500
}

[lang=zh] .layPop .layCont .storeWrap .info strong {
	font-weight: 700
}

.layPop .layCont .storeWrap .info .adTime {
	width: calc(100% - 146px)
}

.layPop .layCont .storeWrap .info .adTime li {
	display: flex;
	margin-top: 8px
}

.layPop .layCont .storeWrap .info .adTime li:first-child {
	margin: 0
}

.layPop .layCont .storeWrap .info .adTime li em {
	display: inline-block;
	position: relative;
	width: 70px;
	padding-left: 6px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 400
}

.layPop .layCont .storeWrap .info .adTime li em::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 9px;
	width: 2px;
	height: 2px;
	border-radius: 2px;
	background: #373a3c
}

.layPop .layCont .storeWrap .info .adTime li p {
	width: calc(100% - 70px);
	line-height: 23px;
	color: #6b6e73;
	font-size: 1.5rem;
	word-wrap: break-word;
	word-break: break-all
}

.layPop .layCont .enquiry .orderProdInfo .optionCon {
	padding-left: 25px
}

.layPop .layCont .enquiry .orderProdInfo .optionCon .brandName {
	margin-bottom: 5px
}

.layPop .layCont .enquiry .orderProdInfo .optionCon .optionInfo {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.layPop .layCont .enquiry .orderProdInfo .optionCon .optionInfo>span:not(.btn) {
	overflow: hidden;
	display: block;
	max-width: 268px;
	margin-left: 0;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #6b6e73;
	font-size: 1.3rem
}

.layPop .layCont .enquiry .orderProdInfo .optionCon .optionInfo>span:not(.btn)::before {
	display: inline-block;
	position: relative;
	top: -3px;
	width: 5px;
	height: 6px;
	margin-right: 6px;
	border: solid #b9bcc0;
	border-width: 0 0 1px 1px;
	background: none
}

.layPop .layCont .enquiry .orderProdInfo .optionCon .optionInfo>span.btn {
	margin: 0 0 0 6px;
	line-height: 28px
}

.layPop .layCont .enquiry .orderProdInfo .optionCon .optionInfo>span.btn a {
	width: auto;
	height: 28px;
	padding: 0 10px;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	line-height: 28px;
	color: #8b8f94;
	font-size: 1.3rem;
	text-indent: 0
}

.layPop .layCont .enquiry .orderProdInfo .optionCon .optionInfo>span.btn a::before {
	display: none
}

.layPop .layCont .enquiry .orderProdInfo .optionCon .optionInfo>span.btn .ness {
	position: relative;
	top: -4px;
	margin-left: 0;
	padding-left: 3px
}

[lang=zh] .layPop .layCont .enquiry .orderProdInfo .optionCon .optionInfo>span.btn .ness {
	color: #fe324b
}

.layPop .layCont .enquiry .usedInfoList .bultType01 li {
	font-size: 1.3rem
}

.layPop .layCont .enquiry .usedInfoList .bultType01 li a {
	display: inline-block;
	position: relative;
	color: #4d6ee4;
	font-size: 1.3rem
}

[lang=zh] .layPop .layCont .enquiry .usedInfoList .bultType01 li a {
	color: #6b6e73
}

.layPop .layCont .enquiry .usedInfoList .bultType01 li a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background: #4d6ee4;
	opacity: .6
}

[lang=zh] .layPop .layCont .enquiry .usedInfoList .bultType01 li a::after {
	display: none
}

.layPop .layCont .reviewDetail .reviewContext {
	height: 420px
}

.layPop .layCont .reviewDetail .reviewContext .reviewCont .authorInfo {
	display: flex;
	align-items: center
}

.layPop .layCont .reviewDetail .reviewContext .reviewCont .authorInfo span {
	height: 20px;
	line-height: 20px
}

.layPop .layCont .reviewDetail .reviewContext .reviewCont .authorInfo span::after {
	top: 5px
}

.layPop .layCont .reviewDetail .reviewContext .reviewCont .authorInfo span.date {
	line-height: 23px
}

.layPop .layCont .reviewDetail .reviewContext .reviewCont .authorInfo span~span {
	margin-left: 12px;
	padding-left: 11px
}

.layPop .layCont .reviewDetail .reviewContext .reviewCont .authorInfo a::after,
.layPop .layCont .reviewDetail .reviewContext .reviewCont .authorInfo button::after {
	top: 5px
}

.layPop .layCont .reviewDetail .reviewContext .reviewCont .reviewTxt .txt {
	line-height: 18px;
	color: #373a3c;
	font-size: 1.3rem
}

.layPop .layCont .report {
	padding-top: 20px
}

.layPop .layCont .report .formList .frmInp>label {
	margin-bottom: 6px;
	font-size: 1.3rem
}

.layPop .layCont .report .formList .frmInp .listCol2 .frmSel {
	margin: 10px 0 0
}

.layPop .layCont .report .formList .frmInp .listCol2 .frmSel label {
	padding: 0 0 4px 32px
}

.layPop .layCont .myRivewSet {
	padding-top: 20px;
	padding-bottom: 34px
}

.layPop .layCont .myRivewSet .titDep5~.titDep5 {
	margin: 40px 0 8px
}

.layPop .layCont .myRivewSet .radBox>.frmSel label {
	color: #8b8f94;
	font-size: 1.3rem
}

.layPop .layCont .myRivewSet .radBox>.frmSel input:checked+label {
	color: #4d6ee4
}

[lang=zh] .layPop .layCont .myRivewSet .radBox>.frmSel input:checked+label {
	color: #fe324b
}

.layPop .layCont .ingdInfoPop .tabContentWrap .ingdKindTop {
	min-height: 140px;
	margin-bottom: 6px
}

.layPop .layCont .ingdInfoPop .tabContentWrap .ingdKind_con .ingdKind {
	padding-bottom: 20px;
	border-bottom: 1px solid #eaeaea
}

.layPop.storeMap {
	height: 580px
}

.layPop.mapScale {
	height: 650px
}

.layPop.mapScale .layCont {
	margin: 0
}

.layPop.mapScale .btnArea {
	margin-top: 22px
}

.layPop.u646 {
	max-height: 580px
}

.layPop.u646.layerL.infoPop {
	max-height: 650px
}

.layPop.u646.layerL.infoPop .btnArea {
	margin-top: 24px
}

.layPop.u646 .titLay {
	line-height: 72px
}

.layPop.u646 .prSelectView {
	overflow: hidden;
	display: flex;
	position: relative;
	align-items: center;
	padding: 32px 40px;
	border-bottom: 1px solid #dcdfe3;
	font-size: 0
}

.layPop.u646 .prSelectView>b {
	overflow: hidden;
	width: 50px;
	height: 50px;
	padding: 1px;
	border: 1px solid #eaeaea;
	border-radius: 50%;
	vertical-align: top;
	font-size: 0
}

.layPop.u646 .prSelectView>b img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover
}

.layPop.u646 .prSelectView .priceArea {
	width: calc(100% - 80px);
	padding-left: 16px
}

.layPop.u646 .prSelectView .priceArea .priceWrap>.saleNum {
	color: #f42d10;
	font-size: 1.8rem;
	font-weight: 400
}

[lang=zh] .layPop.u646 .prSelectView .priceArea .priceWrap>.saleNum {
	font-weight: 700 !important
}

.layPop.u646 .prSelectView .priceArea .priceWrap>.saleNum b {
	display: inline-block;
	width: initial;
	height: initial;
	color: #f42d10;
	font-size: 1.8rem;
	font-weight: 700
}

[lang=zh] .layPop.u646 .prSelectView .priceArea .priceWrap>.saleNum b {
	font-size: 1.5rem !important;
	font-weight: 700 !important
}

.layPop.u646 .prSelectView .priceArea .priceWrap .originPrice {
	margin-left: 4px;
	color: #6b6e73;
	font-size: 1.8rem;
	font-weight: 400;
	text-decoration: line-through
}

.layPop.u646 .prSelectView .priceArea .saleCont {
	display: block
}

.layPop.u646 .prSelectView .priceArea .saleCont .saleDollar {
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.u646 .prSelectView .priceArea .saleCont .saleWon,
.layPop.u646 .prSelectView .priceArea .saleCont .saleNum,
.layPop.u646 .prSelectView .priceArea .saleCont .wonNum {
	margin-left: 8px;
	color: #6b6e73;
	font-size: 1.8rem
}

[lang=zh] .layPop.u646 .prSelectView .priceArea .saleCont .saleWon b,
[lang=zh] .layPop.u646 .prSelectView .priceArea .saleCont .saleNum b,
[lang=zh] .layPop.u646 .prSelectView .priceArea .saleCont .wonNum b {
	font-weight: 400
}

.layPop.u646 .prSelectView.imgOption {
	padding: 31px 40px;
	font-size: 0
}

.layPop.u646 .prSelectView.imgOption b {
	width: 80px;
	height: 80px;
	border-radius: 4px;
	border: none
}

.layPop.u646 .prSelectView.imgOption b img {
	border-radius: 4px
}

.layPop.u646 .prSelectView.imgOption .priceArea {
	width: calc(100% - 80px);
	padding-left: 16px
}

.layPop.u646 .prSelectView.imgOption .priceArea .priceWrap .saleNum {
	color: #f42d10;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.u646 .prSelectView.imgOption .priceArea .priceWrap .saleNum b {
	display: inline-block;
	width: initial;
	height: initial;
	color: #f42d10;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.u646 .prSelectView.imgOption .priceArea .priceWrap .originPrice {
	margin-left: 4px;
	color: #6b6e73;
	font-size: 1.8rem;
	font-weight: 400;
	text-decoration: line-through
}

.layPop.u646 .prSelectView.imgOption .priceArea .saleCont {
	display: block
}

.layPop.u646 .prSelectView.imgOption .priceArea .saleCont .saleDollar {
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.u646 .prSelectView.imgOption .priceArea .saleCont .saleWon,
.layPop.u646 .prSelectView.imgOption .priceArea .saleCont .saleNum,
.layPop.u646 .prSelectView.imgOption .priceArea .saleCont .wonNum {
	margin-left: 8px;
	color: #6b6e73;
	font-size: 1.8rem
}

.layPop.u646 .prSelectView.imgOption+.layCont {
	max-height: 249px
}

.layPop.u646 .prSelectView.imgOption~.btnArea .btnGroup {
	margin-top: 24px
}

.layPop.u646 .prSelectView+.layCont {
	margin-top: 16px
}

.layPop.u646 .layCont {
	max-height: 289px;
	margin-top: 16px;
	margin-bottom: 0;
	padding: 0 32px 8px 40px
}

.layPop.u646 .prSelect {
	margin-top: 0
}

.layPop.u646 .prSelect .tit {
	display: block;
	margin: 4px 0 10px;
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.u646 .prSelect .prList {
	margin: 0 -4px;
	padding: 0
}

.layPop.u646 .prSelect .prList .optionSelect .con {
	max-width: 100%;
	font-size: 0
}

.layPop.u646 .prSelect .prList .optionSelect .con>li {
	margin: 4px
}

.layPop.u646 .prSelect .prList .optionSelect .con>li .colorSl,
.layPop.u646 .prSelect .prList .optionSelect .con>li .sizeSl {
	position: relative;
	padding: 0
}

.layPop.u646 .prSelect .prList .optionSelect .con>li .colorSl.soldOut label em,
.layPop.u646 .prSelect .prList .optionSelect .con>li .sizeSl.soldOut label em {
	border-color: rgba(0, 0, 0, 0);
	color: #b9bcc0;
	background: rgba(0, 0, 0, .06)
}

.layPop.u646 .prSelect .prList .optionSelect .con>li .colorSl input:checked+label em,
.layPop.u646 .prSelect .prList .optionSelect .con>li .sizeSl input:checked+label em {
	border-color: #1e2023
}

.layPop.u646 .prSelect .prList .optionSelect input+label strong {
	display: none
}

.layPop.u646 .prSelect .prList .optionSelect input+label em {
	display: block;
	position: initial;
	width: initial;
	height: 40px;
	padding: 0 16px;
	line-height: 40px;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	color: #1e2023;
	font-size: 1.5rem
}

.layPop.u646 .prSelect .prList .optionSelect input+label em b {
	display: none
}

.layPop.u646 .prSelect .prList .optionSelect input:checked+label em {
	margin: 0 -1px;
	border: 1px solid #1e2023;
	font-weight: 700
}

.layPop.u646 .prSelect .prList .optionSelect .soldOut em {
	display: block !important
}

.layPop.u646 .prSelect .prList.colorOption .con li:nth-child(n+9) {
	display: inline-block
}

.layPop.u646 .prSelect .prList.imgOption .con .colorSl,
.layPop.u646 .prSelect .prList.imgOption .con .sizeSl,
.layPop.u646 .prSelect .prList.txtOption .con .colorSl,
.layPop.u646 .prSelect .prList.txtOption .con .sizeSl {
	position: relative
}

.layPop.u646 .prSelect .prList.imgOption .con .colorSl.soldOut label em,
.layPop.u646 .prSelect .prList.imgOption .con .sizeSl.soldOut label em,
.layPop.u646 .prSelect .prList.txtOption .con .colorSl.soldOut label em,
.layPop.u646 .prSelect .prList.txtOption .con .sizeSl.soldOut label em {
	border-color: rgba(0, 0, 0, 0);
	color: #b9bcc0;
	background: rgba(0, 0, 0, .06)
}

.layPop.u646 .prSelect .prList.imgOption .con .colorSl input:checked+label em,
.layPop.u646 .prSelect .prList.imgOption .con .sizeSl input:checked+label em,
.layPop.u646 .prSelect .prList.txtOption .con .colorSl input:checked+label em,
.layPop.u646 .prSelect .prList.txtOption .con .sizeSl input:checked+label em {
	border-color: #1e2023
}

.layPop.u646 .prSelect .prList.txtOption .optionSelect {
	padding-right: 0
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl {
	position: static;
	padding: 0
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl input {
	width: initial;
	height: initial
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl input+label span {
	height: 40px;
	padding: 0 16px;
	line-height: 40px;
	color: #1e2023;
	font-size: 1.5rem
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl input:checked+label span {
	margin: 0 -1px;
	border: 1px solid #1e2023;
	font-weight: 700;
	background: #fff
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl input:checked~em {
	display: block;
	width: 100%
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl.soldOut input+label span {
	border: 1px solid rgba(0, 0, 0, 0);
	color: #b9bcc0;
	background: rgba(0, 0, 0, .06)
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl.soldOut input+label span::before {
	display: none
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl.soldOut input:checked+label span {
	border: 1px solid #1e2023
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl.soldOut input:checked~em {
	display: block !important
}

.layPop.u646 .prSelect .prList.txtOption .con li .sizeSl em {
	display: none;
	position: absolute;
	left: 0;
	top: -5px;
	padding: 5px 0;
	color: #1e2023;
	font-size: 1.5rem;
	background: #fff
}

.layPop.u646 .prSelect .prList.txtOption .con li:nth-child(n+8) {
	display: inline-block
}

.layPop.u646 .btnArea {
	margin: 0 40px 25px
}

.layPop.u646 .btnArea .optionsReflection {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0;
	padding: 16px 0 9px;
	border-top: 1px dashed #eaeaea;
	border-radius: 0;
	background: #fff
}

.layPop.u646 .btnArea .optionsReflection .tit {
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.u646 .btnArea .optionsReflection .quantity .frmNum {
	width: 108px
}

.layPop.u646 .btnArea .optionsReflection .quantity .frmNum input {
	padding: 0 30px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .layPop.u646 .btnArea .optionsReflection .quantity .frmNum input {
	font-weight: 700
}

.layPop.u646 .btnArea .btnGroup {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 28px
}

.layPop.u646 .btnArea .btnGroup button {
	width: 100%;
	margin: 0 auto;
	font-size: 1.5rem
}

.layPop.u646 .btnArea .btnGroup button+button {
	margin-left: 8px
}

.layPop.u646 .btnArea .btnGroup button.icCart {
	color: #fff;
	background: #1e2023
}

.layPop.u646.opt .layCont {
	max-height: 178px !important
}

.layPop.u646.opt .prSelectView.colorOption+.layCont {
	max-height: 202px !important
}

.layPop.u646.opt .btnArea .optionsReflection+.btnGroup {
	margin-top: 18px
}

.layPop.u646.opt .btnArea .btnGroup button {
	min-width: 196px;
	width: 100%;
	font-size: 1.8rem
}

.layPop.u646.multi {
	max-height: 580px
}

.layPop.u646.multi .layCont {
	max-height: 270px
}

.layPop.u646.multi .layCont .prList+.tit {
	margin-top: 20px
}

.layPop.u646.infoPop .layCont {
	max-height: 464px
}

.layPop.u646.infoPop .infoWrap {
	padding: 17px 0
}

.layPop.u646.infoPop .infoWrap .prInfo_main .name {
	padding-right: 20px;
	line-height: 1.3;
	color: #1e2023;
	font-size: 2rem
}

.layPop.u646.infoPop .infoWrap .prInfo_main .name em {
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 26px;
	overflow: hidden;
	display: inline-block;
	max-width: calc(100% - 20px);
	padding-right: 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(/fo/images/common/ico_arrow_right_darkgray.svg) no-repeat right 50%;
	background-size: 5px
}

.layPop.u646.infoPop .infoWrap .prInfo_main .name em a {
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.layPop.u646.infoPop .infoWrap .prInfo_main .name em a b {
	padding-left: 5px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.layPop.u646.infoPop .infoWrap .prInfo_main .name em a b::before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin-right: 5px;
	vertical-align: middle;
	background: #6b6e73
}

.layPop.u646.infoPop .infoWrap .prInfo_main .name span {
	display: block;
	color: #1e2023;
	font-size: 2rem
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eaeaea
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con>li {
	margin-top: 15px
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con>li:first-child {
	margin: 0
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .tit {
	display: inline-block;
	width: 104px;
	padding: 0;
	color: #6b6e73;
	font-size: 1.5rem
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .icoInfo {
	position: relative;
	top: -3px
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info {
	font-size: 1.6rem
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info del {
	color: #8b8f94
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .dollarNum {
	color: #1e2023;
	font-size: 2.2rem;
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .saleWon,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .saleNum,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .wonNum {
	margin-left: 4px;
	color: #373a3c;
	font-size: 1.8rem
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .saleWon b,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .saleNum b,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .wonNum b {
	font-size: 1.6rem;
	font-weight: 400
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .discountNum {
	margin-left: 4px;
	color: #f42d10;
	font-size: 2rem;
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con .inWrap .info .discountNum b {
	font-size: 1.6rem;
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con~.layerPopupButton {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 28px;
	padding: 0 16px 0 8px;
	line-height: 28px;
	border-radius: 8px;
	border: 1px solid #eaeaea;
	color: #373a3c;
	font-size: 1.2rem;
	font-weight: 700;
	background: #fff
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .con~.layerPopupButton::after {
	content: "+";
	display: block;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%)
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .timesale_imp,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp {
	position: absolute;
	right: 0;
	top: 24px;
	margin: 0
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .timesale_imp a,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 178px;
	height: 36px;
	padding: 0 17px 0 18px;
	line-height: 1;
	border: 1px solid #bc32d0;
	border-radius: 18px;
	box-shadow: 0px 6px 18px rgba(0, 0, 0, .08)
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .timesale_imp a span,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a span {
	display: block;
	height: 100%;
	line-height: 36px;
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .timesale_imp a em,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a em {
	margin-top: 2px
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .timesale_imp a .timeInfo,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a .timeInfo {
	padding-left: 18px;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 500;
	background: url(/fo/images/view/ico_timesale_clock.svg) no-repeat left 9px;
	background-size: 13px
}

[lang=zh] .layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .timesale_imp a .timeInfo,
[lang=zh] .layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a .timeInfo {
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .timesale_imp a .remainTimer,
.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a .remainTimer {
	margin-left: 8px;
	color: #bc32d0;
	font-size: 1.3rem;
	font-weight: 700;
	white-space: nowrap
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .timesale_imp a span {
	margin-top: 2px
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a .timeInfo {
	padding: 1px 0 0;
	background: none
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a em {
	margin-left: 2px;
	color: #bc32d0;
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a em.remainTimer {
	margin-left: 2px
}

.layPop.u646.infoPop .infoWrap .prInfo_main .priceInfoFlat .specialprice_imp a em:first-child {
	margin-left: 8px
}

.layPop.u646.infoPop .infoWrap .benefitsInfo {
	margin-top: 24px;
	padding-top: 15px;
	border-top: 1px dashed #dcdfe3
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .titArea {
	position: relative
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .titArea * {
	display: block
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .titArea .titDep3 {
	height: 24px;
	line-height: 24px;
	font-size: 1.6rem;
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .titArea .side {
	position: absolute;
	right: 0;
	top: 0
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .titArea .side a {
	margin-top: 0;
	color: #8b8f94
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .titArea .side a::after {
	bottom: 3px;
	background: #8b8f94
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li {
	margin-top: 15px;
	font-size: 0
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li:first-child {
	margin: 0
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .tit {
	display: inline-block;
	width: 104px;
	vertical-align: top;
	color: #6b6e73;
	font-size: 1.5rem
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info {
	display: inline-block;
	width: calc(100% - 104px);
	color: #1e2023;
	font-size: 1.5rem
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info a {
	color: #1e2023;
	font-size: 1.5rem
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info a::after {
	bottom: 3px;
	background: #8b8f94
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .couponBtn {
	display: inline-block;
	width: 148px;
	height: 40px;
	margin-left: 16px;
	background: url(/fo/images/common/coupon_down.svg);
	background-size: cover
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .couponBtn span {
	display: block;
	padding: 11px 0 10px 19px;
	height: 40px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .couponBtn span {
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .event {
	position: relative;
	color: #4d6ee4;
	font-size: 1.5rem;
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .event::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 20px;
	bottom: -1px;
	width: calc(100% - 20px);
	height: 1px;
	background: #4d6ee4
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .event img {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: middle
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .tipArea {
	top: 2px
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .tipArea .tipCont {
	left: -154px;
	width: 354px;
	border-radius: 8px
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li .info .tipArea .tipCont::before {
	left: 156px
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con li.vertical .tit {
	margin-top: 12px
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand>b {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-height: 44px;
	margin-top: -3px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 400
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr {
	margin-top: 12px
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con {
	display: flex;
	align-items: center;
	position: relative;
	padding: 16px 8px;
	border-top: 1px dashed #dcdfe3
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure {
	overflow: hidden;
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 4px
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #fff
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt {
	width: calc(100% - 68px);
	padding-left: 14px
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt .name {
	color: #373a3c;
	font-size: 1.4rem;
	font-weight: 700
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .txt .quantity {
	display: block;
	color: #6b6e73;
	font-size: 1.2rem
}

.layPop.u646.infoPop .infoWrap .benefitsInfo .con .giftBrand .giftPr .giftList_pr li .con .more {
	position: absolute;
	right: 10px;
	top: 24px;
	width: 40px;
	height: 40px;
	font-size: 0;
	background: url(/fo/images/common/ico_arrow_right_gray.svg) no-repeat 50% 50%;
	background-size: 9px
}

.layPop.u646.infoPop .btnArea button {
	min-width: 194px
}

.layPop.u646Calc .layCont.benefitCustomizing {
	padding-bottom: 60px
}

.layPop.u646layPopStore {
	height: auto
}

.layPop.u646layPopStore.layGatePop {
	height: auto
}

.layPop.u646layPopStore.layGatePop .tabType01 {
	margin-top: 0
}

.layPop.u646layPopStore .layCont {
	margin-bottom: 0
}

.layPop.u646layPopStore .layCont .storeWrap .info {
	margin-bottom: 0;
	padding: 18px 24px
}

.layPop.u646layPopStore .layCont .storeWrap .info strong {
	flex-shrink: 0;
	width: 153px
}

.layPop.u646layPopStore .layCont .storeWrap .info .adTime li {
	margin: 0
}

.layPop.u646layPopStore .btnArea {
	margin-top: 21px
}

.layPop.u646layPopStore.mapScale {
	height: 580px
}

.layPop.u646layPopStore.mapScale .imageScalable {
	height: 411px !important
}

.layPop.u646layPopStore.mapScale .imageScalable .zoomTarget {
	min-height: 411px
}

.layPop.u646layPopStore.mapScale .btnArea {
	margin-top: 27px
}

@media screen and (max-width: 1440px) {
	.contents.u646 .prCon .prSelect.imp .prList.colorOption .con li {
		margin-right: 7px !important
	}

	.contents.u646 .prCon .prSelect.imp .prList.colorOption .con li:nth-child(11),
	.contents.u646 .prCon .prSelect.imp .prList.colorOption .con li:nth-child(22) {
		margin-right: 0 !important
	}

	.contents.u646 .prCon .prSelect.imp .prList.imgOption .con li {
		margin-right: 7px !important
	}

	.contents.u646 .prCon .prSelect.imp .prList.imgOption .con li:nth-child(8),
	.contents.u646 .prCon .prSelect.imp .prList.imgOption .con li:nth-child(16),
	.contents.u646 .prCon .prSelect.imp .prList.imgOption .con li:nth-child(24) {
		margin-right: 0 !important
	}
}

@media screen and (min-width: 1903px) {
	.contents.u646 .prCon .prSelect.imp .prList.colorOption .con li {
		margin-right: 8px !important
	}

	.contents.u646 .prCon .prSelect.imp .prList.colorOption .con li:nth-child(12),
	.contents.u646 .prCon .prSelect.imp .prList.colorOption .con li:nth-child(24) {
		margin-right: 0 !important
	}

	.contents.u646 .prCon .prSelect.imp .prList.imgOption .con li {
		margin-right: 11px !important
	}

	.contents.u646 .prCon .prSelect.imp .prList.imgOption .con li:nth-child(8),
	.contents.u646 .prCon .prSelect.imp .prList.imgOption .con li:nth-child(16),
	.contents.u646 .prCon .prSelect.imp .prList.imgOption .con li:nth-child(24) {
		margin-right: 0 !important
	}
}

.layPop.layPopIngdInfo {
	height: 800px
}

.layPop.layPopIngdInfo .layCont {
	max-height: 700px
}

.layPop.dcPop {
	border-radius: 8px
}

.layPop.dcPop .titLay {
	border: none
}

.layPop.dcPop .layCont {
	padding: 0 32px 8px 40px
}

.layPop.dcPop .layCont .con li {
	padding: 15px 0 12px;
	border-bottom: 1px solid #eaeaea
}

.layPop.dcPop .layCont .con li .inWrap {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.layPop.dcPop .layCont .con li .inWrap .tit {
	width: 50%;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .layPop.dcPop .layCont .con li .inWrap .tit {
	font-weight: 700
}

.layPop.dcPop .layCont .con li .inWrap .tit i {
	display: block;
	position: relative;
	padding-left: 12px;
	color: #6b6e73;
	font-size: 1.3rem;
	font-weight: 400;
	font-style: normal
}

.layPop.dcPop .layCont .con li .inWrap .tit i::before {
	content: "";
	display: block;
	position: absolute;
	left: 2px;
	top: 50%;
	width: 5px;
	height: 5px;
	border: solid #9fa2a8;
	border-width: 1px 1px 0 0;
	transform: translateY(-50%) rotate(180deg)
}

.layPop.dcPop .layCont .con li .inWrap .info {
	width: 50%;
	text-align: right
}

.layPop.dcPop .layCont .con li .inWrap .info del {
	color: #8b8f94;
	font-size: 1.6rem
}

.layPop.dcPop .layCont .con li .inWrap .info .dollarNum {
	margin-left: 8px;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 700
}

.layPop.dcPop .layCont .con li .inWrap .info .saleNum,
.layPop.dcPop .layCont .con li .inWrap .info .wonNum {
	margin-left: 8px;
	color: #373a3c;
	font-size: 1.6rem
}

.layPop.dcPop .layCont .con li .inWrap .info .saleNum b,
.layPop.dcPop .layCont .con li .inWrap .info .wonNum b {
	margin-left: 2px;
	font-size: 1.3rem;
	font-weight: 400
}

.layPop.dcPop .layCont .con li .inWrap .info .discountNum {
	color: #f42d10;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.dcPop .layCont .con li .inWrap .info::after {
	content: "";
	display: block;
	clear: both
}

.layPop.dcPop .layCont .con li .inWrap .info .small {
	display: block;
	color: #373a3c;
	font-size: 1.4rem
}

.layPop.dcPop .layCont .con li .inWrap .info span+.login_needBox {
	display: block;
	clear: both;
	padding-top: 10px
}

.layPop.dcPop .layCont .con li .inWrap::after {
	content: "";
	display: block;
	clear: both
}

.layPop.dcPop .layCont .con li .inWrap:first-child {
	margin: 0
}

.layPop.dcPop .layCont .con li .inWrap .icoInfo {
	position: relative;
	left: 5px;
	top: -5px;
	width: 14px;
	height: 14px;
	font-size: 0;
	background: url(/fo/images/order/ico_pricetooltipInfo.svg) no-repeat;
	background-size: cover
}

.layPop.dcPop .layCont .con li .inWrap .point_colRed {
	color: #ce0700 !important
}

.layPop.dcPop .layCont .calcBox {
	padding: 17px 0 14px;
	border-top: 1px solid #1e2023
}

.layPop.dcPop .layCont .calcBox .inWrap {
	display: flex;
	justify-content: flex-start
}

.layPop.dcPop .layCont .calcBox .inWrap .tit {
	width: 50%;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 700
}

.layPop.dcPop .layCont .calcBox .inWrap .info {
	width: 50%;
	text-align: right
}

.layPop.dcPop .layCont .calcBox .inWrap .info .dollarNum {
	margin-left: 8px;
	color: #f42d10;
	font-size: 1.8rem;
	font-weight: 700
}

.layPop.dcPop .layCont .calcBox .inWrap .info .saleNum,
.layPop.dcPop .layCont .calcBox .inWrap .info .wonNum {
	margin-left: 8px;
	color: #f42d10;
	font-size: 1.5rem
}

.layPop.dcPop .layCont .calcBox .inWrap .info .saleNum b,
.layPop.dcPop .layCont .calcBox .inWrap .info .wonNum b {
	margin-left: 2px;
	font-size: 1.5rem;
	font-weight: 400
}

.layPop.dcPop .layCont .calcBox .inWrap .info .small {
	font-size: 1.5rem
}

.layPop.dcPop .layCont .calcBox~.infoBox {
	margin-top: 0;
	padding: 12px 0;
	border-top: 0;
	border-radius: 4px;
	background: #f8fafc
}

.layPop.dcPop .layCont .calcBox~.infoBox .bultType01 {
	margin: 0
}

.transformTab_area {
	position: relative;
	height: 68px;
	background: #fff
}

.transformTab_area .tabWrap {
	background: #fff
}

.transformTab_area.fixed .tabWrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

.prInfo_conWrap {
	position: relative;
	margin-top: 80px
}

.prInfo_con {
	padding: 0 3% 0 0;
	width: 70%
}

.prInfo_con.offLine_con {
	width: 100%;
	padding: 0
}

.offLine_info {
	position: relative;
	padding-top: 48px
}

.offLine_info .titDep2 {
	font-weight: 700
}

.offLine_info::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: calc(-50vw + 50%);
	width: calc(100vw - 17px);
	height: 1px;
	background: #b9bcc0
}

.offLine_storeInfo {
	border-top: 1px solid #b9bcc0;
	border-bottom: 1px solid #b9bcc0
}

.offLine_storeInfo li {
	padding: 24px 16px
}

.offLine_storeInfo li+li {
	border-top: 1px solid #eaeaea
}

.offLine_storeInfo .storeName a {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0 8px 0 24px;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	font-weight: 500;
	color: #373a3c
}

[lang=zh] .offLine_storeInfo .storeName a {
	font-weight: 700
}

.offLine_storeInfo .storeName a::before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 16px;
	height: 20px;
	background: url(/fo/images/view/ico_location.png) no-repeat 0 50%
}

.offLine_storeInfo .storeName .flag {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	background: rgba(185, 188, 192, .2);
	border-radius: 8px;
	width: auto;
	height: 26px;
	padding: 0 8px;
	font-size: 1.3rem;
	font-weight: 400;
	color: #8b8f94;
	line-height: 26px;
	text-align: center
}

.offLine_storeInfo .storeName .flag.flagBl {
	color: #4d6ee4;
	background: rgba(149, 172, 255, .2)
}

[lang=zh] .offLine_storeInfo .storeName .flag.flagBl {
	color: #fe324b
}

.offLine_storeInfo .con {
	padding-top: 18px;
	display: table;
	table-layout: fixed;
	width: 100%
}

.offLine_storeInfo .con>* {
	display: table-cell;
	width: 50%
}

.offLine_storeInfo .info span {
	display: table;
	table-layout: fixed;
	width: 100%
}

.offLine_storeInfo .info span+span {
	padding-top: 8px
}

.offLine_storeInfo .info span>* {
	display: table-cell
}

.offLine_storeInfo .info .tit {
	width: 70px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .offLine_storeInfo .info .tit {
	font-weight: 700
}

.offLine_storeInfo .info .data {
	padding-right: 20px;
	color: #6b6e73
}

.offLine_storeInfo .info .num {
	font-weight: 400
}

.prInfo_tabCon {
	position: relative
}

.prInfo_tabCon #infoCon01 {
	top: -150px
}

.prInfo_tabCon #infoCon02,
.prInfo_tabCon #infoCon03,
.prInfo_tabCon #infoCon04 {
	top: -100px
}

.prInfo_tabCon~.prInfo_tabCon {
	margin-top: 80px
}

.prInfo_tabCon #infoCon01+.titDep2 {
	padding-top: 48px
}

.prInfo_tabCon .titDep2 {
	margin-bottom: 24px;
	font-weight: 700
}

.prInfo_tabCon .titDep3 {
	margin-bottom: 17px;
	color: #373a3c;
	font-weight: 700
}

.prInfo_tabCon .titArea .titDep3 {
	margin-bottom: 0
}

.prInfo_tabCon .side a {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #6b6e73
}

.prInfo_tabCon .optionSel {
	width: 100%
}

.prInfo_tabCon .optionSel .prName {
	color: #6b6e73
}

.prInfo_tabCon .optionSel .prName em {
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .prInfo_tabCon .optionSel .prName em {
	font-weight: 700
}

.conBox {
	padding: 32px 48px;
	border-radius: 8px;
	background: #f8fafc
}

.conBox .notice {
	position: relative;
	padding-top: 20px
}

.conBox .notice:before {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: #eaeaea
}

.conBox .notice li {
	position: relative;
	padding-left: 4px;
	color: #6b6e73
}

.conBox .notice li:after {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 2px;
	background: #6b6e73
}

.conBox .notice li:first-child {
	margin-bottom: 8px
}

.setPr {
	margin-top: 30px
}

.setPr+.prdeatilImg {
	margin-top: 24px
}

.setPr .titDep3 b {
	padding-left: 4px;
	color: #4d6ee4
}

[lang=zh] .setPr .titDep3 b {
	color: #fe324b
}

.setPr .selectWrap.optionSel .ui-selectmenu-button {
	height: 80px;
	border: 1px solid #9fa2a8
}

.setPr .selectWrap.optionSel .ui-selectmenu-button::after {
	right: 32px
}

.setPr .selectWrap.optionSel .ui-selectmenu-button.ui-selectmenu-button-open {
	border-color: #4d6ee4;
	background: #fff
}

[lang=zh] .setPr .selectWrap.optionSel .ui-selectmenu-button.ui-selectmenu-button-open {
	border-color: #fe324b
}

.setPr .selectWrap.optionSel .ui-selectmenu-button .prefix {
	display: inline-block;
	padding: 0 0 0 50px;
	font-weight: 400;
	color: #6b6e73
}

.setPr .selectWrap.optionSel .ui-selectmenu-button .ui-selectmenu-text {
	display: inline-block;
	padding-left: 8px;
	font-weight: 500
}

[lang=zh] .setPr .selectWrap.optionSel .ui-selectmenu-button .ui-selectmenu-text {
	font-weight: 700
}

.setPr .selectWrap.optionSel .ui-selectmenu-button .option {
	width: 64px;
	height: 64px;
	margin-top: -32px;
	background-size: 64px
}

.setPr .selectWrap.optionSel .ui-selectmenu-menu {
	border-color: #4d6ee4
}

[lang=zh] .setPr .selectWrap.optionSel .ui-selectmenu-menu {
	border-color: #fe324b
}

.setPr .selectWrap.optionSel .ui-selectmenu-menu .ui-menu button {
	padding-left: 80px;
	height: 80px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .setPr .selectWrap.optionSel .ui-selectmenu-menu .ui-menu button {
	font-weight: 700
}

.setPr .selectWrap.optionSel .ui-selectmenu-menu .ui-menu button span {
	padding: 0 8px 0 16px;
	color: #6b6e73
}

.setPr .selectWrap.optionSel .ui-selectmenu-menu .ui-menu button .option {
	width: 64px;
	height: 64px;
	background-size: 64px;
	margin-top: -32px
}

.mdNotice {
	text-align: center;
	padding: 0 8.3%
}

.mdNotice h3 {
	display: inline-block;
	position: relative;
	padding-left: 23px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.mdNotice h3::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/view/ico_md.png) no-repeat 0 50%
}

.mdNotice p {
	padding-top: 8px
}

.mdNotice.case {
	padding: 24px 48px;
	width: 100%;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	text-align: left
}

.mdNotice.case h3 {
	padding-right: 24px;
	vertical-align: top
}

.mdNotice.case p {
	display: inline-block;
	width: 80%;
	padding-top: 0
}

.offLineCode {
	margin-top: 16px;
	padding: 16px 24px
}

.offLineCode em {
	padding-left: 4px
}

.infoCode,
.offLineCode {
	position: relative;
	margin-top: 24px
}

.infoCode p,
.offLineCode p {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c
}

.infoCode p em,
.offLineCode p em {
	font-weight: 700
}

.infoCode .code,
.offLineCode .code {
	margin-top: 8px;
	margin-bottom: 20px
}

.infoCode .code span,
.offLineCode .code span {
	display: block;
	color: #6b6e73
}

.infoCode .code span em,
.offLineCode .code span em {
	padding-left: 4px;
	color: #373a3c;
	font-weight: 700
}

.infoCode .btnSSG,
.offLineCode .btnSSG {
	position: absolute;
	top: 34px;
	right: 48px
}

.infoCode .btnSSG:hover,
.offLineCode .btnSSG:hover {
	background: #fff
}

.storeInfo .titDep3 {
	margin: 0 0 16px
}

.storeInfo .con>li {
	overflow: hidden;
	position: relative;
	margin-bottom: 8px;
	padding: 23px 16px;
	border-radius: 8px;
	background: #f8fafc
}

.storeInfo .con>li:last-child {
	margin-bottom: 0
}

.storeInfo .con>li .storeName {
	float: left;
	width: 129px;
	padding-right: 10px;
	font-weight: 700;
	color: #373a3c
}

.storeInfo .con>li .flag {
	display: block;
	width: 63px;
	margin: 10px 0 12px;
	padding: 0 8px;
	border-radius: 8px;
	font-weight: 400;
	white-space: nowrap;
	color: #8b8f94;
	background: rgba(185, 188, 192, .2)
}

.storeInfo .con>li .flag.flagBl {
	color: #4d6ee4;
	background: rgba(149, 172, 255, .15)
}

.storeInfo .con>li .btnLink {
	position: absolute;
	top: 12px;
	right: 12px
}

.storeInfo .con>li .btnLink a {
	display: inline-block;
	width: 40px;
	height: 40px
}

.storeInfo .con>li .btnLink a.tel {
	background: url(/fo/images/view/ico_phone.png) no-repeat 50%
}

.storeInfo .con>li .btnLink a.location {
	background: url(/fo/images/view/ico_location.png) no-repeat 50%
}

.storeInfo .adTime {
	float: left;
	width: 400px
}

.storeInfo .adTime li {
	display: table;
	table-layout: fixed;
	padding-bottom: 8px
}

.storeInfo .adTime li>* {
	display: table-cell;
	color: #6b6e73
}

.storeInfo .adTime li em {
	padding-right: 16px;
	font-weight: 500
}

[lang=zh] .storeInfo .adTime li em {
	font-weight: 700
}

.storeInfo .adTime li p {
	font-weight: 400
}

.storeInfo .bultType01 {
	margin-top: 40px
}

.storeInfo .bultType01 li {
	color: #6b6e73
}

.storeInfo .bultType01 li strong {
	font-weight: 500;
	color: #373a3c
}

[lang=zh] .storeInfo .bultType01 li strong {
	font-weight: 700
}

.storeInfo .bultType01 li .linkTxt {
	display: block
}

.storeInfo .bultType01 li .linkTxt .tel {
	display: inline-block;
	padding: 5px;
	background: url(/fo/images/view/ico_phone_type02.png) no-repeat 0 50%
}

.storeInfo .bultType01 li .linkTxt .tel em {
	margin: 0 4px 0 10px;
	color: #373a3c
}

.fb {
	font-weight: 700
}

.imageScalable {
	overflow: hidden;
	margin: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.imageScalable .zoomTarget {
	min-height: 550px;
	transform-origin: 0 0
}

.imageScalable img {
	width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
	transform: translateZ(0);
	backface-visibility: hidden
}

.imageScalable .mapBtn {
	position: absolute;
	z-index: 1;
	right: 24px;
	bottom: 26px;
	border-radius: 8px;
	width: 48px;
	height: 88px;
	background-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(142, 158, 217, .2)
}

.imageScalable .mapBtn .btnCtrl {
	display: block;
	position: relative;
	width: 48px;
	height: 44px
}

.imageScalable .mapBtn .btnCtrl::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/view/ico_btn_map.png) no-repeat
}

.imageScalable .mapBtn .btnCtrl.btnIncr:before {
	background-position: 0 0
}

.imageScalable .mapBtn .btnCtrl.btnDecr:before {
	background-position: 0 -16px
}

.ingdInfo {
	position: relative;
	margin-top: 80px
}

.ingdKind_frList {
	margin-top: 16px;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 40px 0;
	border-top: 1px solid #b9bcc0;
	border-bottom: 1px solid #eaeaea
}

.ingdKind_frList>li {
	width: 33.3%;
	height: 94px;
	text-align: center;
	display: table-cell
}

.ingdKind_frList>li~li {
	border-left: 1px solid #eaeaea
}

.ingdKind_frList .skinType {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700;
	vertical-align: top
}

.ingdKind_frList .ingdKind {
	display: inline-block;
	overflow: hidden;
	padding-left: 16px
}

.ingdKind_frList .ingdKind::after {
	content: "";
	display: block;
	clear: both
}

.ingdKind_frList .ingdKind span {
	float: left;
	width: 64px
}

.ingdKind_frList .ingdKind span em {
	display: block;
	font-size: 1.6rem;
	line-height: 1.5
}

.ingdKind_frList .ingdKind span.good em {
	color: #0090f4
}

.ingdKind_frList .ingdKind span.bad em {
	color: #ff448f
}

.ingdKind_frList .ingdKind span b {
	display: block;
	padding-top: 8px;
	width: 64px;
	height: 64px;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #fff;
	font-weight: 700;
	line-height: 64px
}

.ingdKind_frList .ingdKind span.good b {
	background: url(/fo/images/view/ico_good_ingredients01.png) no-repeat 50%
}

.ingdKind_frList .ingdKind span.bad b {
	background: url(/fo/images/view/ico_bad_ingredients01.png) no-repeat 50%
}

.ingdKind_txt {
	margin-top: 16px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 44px
}

.ingdInfoPop .tabType01 {
	margin-top: 16px
}

.ingdInfoPop .tabType01>li.tabON {
	padding-bottom: 0
}

.ingdKindTop {
	background: #f8fafc;
	width: 100%;
	margin-top: 24px
}

.ingdKind_list {
	display: table;
	table-layout: fixed;
	background: #f8fafc;
	width: 456px;
	margin: 0 auto;
	text-align: center
}

.ingdKind_list li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 136px;
	height: 140px;
	background: #f8fafc
}

.ingdKind_list li:nth-child(even) {
	width: 184px
}

.ingdKind_list li .skinType {
	font-weight: 500;
	color: #373a3c
}

[lang=zh] .ingdKind_list li .skinType {
	font-weight: 700
}

.ingdKind_list li .ingdKind {
	display: table;
	table-layout: fixed;
	width: 88px;
	margin: 0 auto
}

.ingdKind_list li .ingdKind span {
	display: table-cell;
	position: relative;
	width: 44px;
	height: 44px
}

.ingdKind_list li .ingdKind span em {
	display: block;
	padding-top: 50px;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.ingdKind_list li .ingdKind span.good em {
	color: #0090f4
}

.ingdKind_list li .ingdKind span.bad em {
	color: #ff448f
}

.ingdKind_list li .ingdKind span b {
	display: block;
	position: absolute;
	top: 5px;
	left: 50%;
	width: 44px;
	height: 44px;
	margin-left: -22px;
	font-weight: 700;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	line-height: 2.8
}

.ingdKind_list li .ingdKind span.good b {
	background: url(/fo/images/view/ico_good_ingredients02.png) no-repeat 50%
}

.ingdKind_list li .ingdKind span.bad b {
	background: url(/fo/images/view/ico_bad_ingredients02.png) no-repeat 50%
}

.ingdKind_list li .ingdKind span.ultraviolet b {
	background: url(/fo/images/view/ico_sun.png) no-repeat 50%
}

.ingdKind_list li .ingdKind span.whitening b {
	background: url(/fo/images/view/ico_light.png) no-repeat 50%
}

.ingdKind_list li .ingdKind span.wrinkle b {
	background: url(/fo/images/view/ico_iron.png) no-repeat 50%
}

.ingdKind_list.type02 {
	width: 408px
}

.ingdKind_list.type02 li {
	width: 120px;
	height: 122px
}

.ingdKind_list.type02 li:nth-child(even) {
	width: 168px
}

.ingdKind_con .skinType {
	padding-top: 24px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700;
	color: #373a3c
}

.ingdKind_con .ingdKind {
	overflow: hidden;
	margin-top: 5px
}

.ingdKind_con .ingdKind .list {
	display: table
}

.ingdKind_con .ingdKind .list li {
	display: table-row
}

.ingdKind_con .ingdKind p {
	float: left;
	display: table;
	table-layout: fixed;
	width: 50%;
	min-height: 40px;
	margin-top: 10px;
	padding: 0 10px 0 48px;
	box-sizing: border-box;
	font-size: 1.3rem;
	color: #6b6e73
}

.ingdKind_con .ingdKind p span {
	display: table-cell;
	vertical-align: middle
}

.ingdKind_con .ingdKind p span em {
	display: block;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .ingdKind_con .ingdKind p span em {
	font-weight: 700
}

.ingdKind_con .ingdKind p span b {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 400;
	color: #6b6e73
}

.ingdKind_con .ingdKind p.good {
	background: url(/fo/images/view/ico_good_ingredients03.png) no-repeat 0 0
}

.ingdKind_con .ingdKind p.bad {
	background: url(/fo/images/view/ico_bad_ingredients03.png) no-repeat 0 0
}

.ingdKind_con .ingdKind p.drop {
	background: url(/fo/images/view/ico_drop.png) no-repeat 0 0
}

.ingdKind_con .ingdKind p.ultraviolet {
	background: url(/fo/images/view/ico_sun02.png) no-repeat 0 0
}

.ingdKind_con .ingdKind p.whitening {
	background: url(/fo/images/view/ico_light02.png) no-repeat 0 0
}

.ingdKind_con .ingdKind p.wrinkle {
	background: url(/fo/images/view/ico_iron02.png) no-repeat 0 0
}

.ingdKind_con .ingdKind p.ultravioletdrop {
	background: url(/fo/images/view/ico_drop_sun.png) no-repeat 0 0
}

.ingdKind_con .ingdKind p.whiteningdrop {
	background: url(/fo/images/view/ico_drop_light.png) no-repeat 0 0
}

.ingdKind_con .ingdKind p.wrinkledrop {
	background: url(/fo/images/view/ico_drop_iron.png) no-repeat 0 0
}

.ingdKind_con .ingdKind::after {
	content: "";
	display: block;
	clear: both
}

.ingdInfo_total {
	margin-top: 24px;
	display: table;
	table-layout: fixed;
	width: 100%
}

.ingdInfo_total li {
	display: table-row;
	position: relative
}

.ingdInfo_total li p {
	display: table-cell;
	padding: 8px 0;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73;
	border-bottom: 1px solid #eaeaea
}

.ingdInfo_total li em {
	display: block;
	padding-bottom: 3px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .ingdInfo_total li em {
	font-weight: 700
}

.ingdInfo_total li .empty {
	display: table-cell;
	width: 48px
}

.prdeatilImg {
	margin-top: 80px
}

.prdeatilImg .con {
	position: relative;
	margin-top: 16px;
	overflow: hidden;
	height: 762px
}

.prdeatilImg .con.all {
	height: auto
}

.prdeatilImg .con.all .detaliCon {
	padding-bottom: 140px
}

.prdeatilImg .con.all .more em::after {
	background-position: 0 -12px
}

.prdeatilImg .con.all .more em.look {
	display: none
}

.prdeatilImg .con.all .more em.fold {
	display: inline-block
}

.prdeatilImg .con::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 96px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}

.prdeatilImg .con.short {
	height: auto
}

.prdeatilImg .con.short::after,
.prdeatilImg .con.short .more {
	display: none
}

.prdeatilImg .detaliCon {
	position: relative
}

.prdeatilImg .detaliCon .explanCon table {
	max-width: 100% !important
}

.prdeatilImg img {
	width: 100%
}

.prdeatilImg .more {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 160px;
	height: 48px;
	margin-left: -80px;
	z-index: 1;
	border-radius: 120px;
	background: #fff;
	text-align: center;
	box-shadow: 2px 6px 10px 0 rgba(30, 32, 35, .08)
}

.prdeatilImg .more em {
	display: inline-block;
	color: #4d6ee4;
	font-weight: 500
}

[lang=zh] .prdeatilImg .more em {
	color: #fe324b
}

[lang=zh] .prdeatilImg .more em {
	font-weight: 700
}

.prdeatilImg .more em::after {
	content: "";
	display: inline-block;
	margin-left: 8px;
	width: 12px;
	height: 12px;
	background: url(/fo/images/view/ico_expand_more_s.png) no-repeat 0 0
}

.prdeatilImg .more em.fold {
	display: none
}

.giftInfo {
	margin-top: 32px;
	border-radius: 8px;
	padding: 30px 0;
	background: #f8fafc;
	text-align: center
}

.giftInfo strong {
	display: inline-block;
	position: relative;
	padding: 0 16px 0 84px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.giftInfo strong::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 60px;
	height: 54px;
	margin-top: -27px;
	background: url(/fo/images/view/ico_gift.png) no-repeat 0 0
}

.noticeInfo_Tab {
	margin-top: 80px
}

.noticeInfo_Tab .tabContentWrap {
	padding-top: 30px
}

.noticeInfo_Tab .tabContentWrap .tabContentWrap {
	padding-top: 0px
}

.noticeInfo_Tab .tabType06>li a {
	font-size: 1.3rem
}

.noticeInfo_Tab .tabType03>li a {
	min-width: auto;
	padding: 0 25px
}

.noticeInfo_Tab .tblV tbody th {
	padding: 16px 24px;
	color: #5a5f64;
	font-weight: 700
}

.noticeInfo_Tab .tblV tbody td {
	padding: 16px 24px;
	color: #6b6e73
}

.noticeInfo_Tab .tblV tbody td .crtfNum {
	color: #5a5f64;
	font-size: 2rem;
	font-weight: 500
}

[lang=zh] .noticeInfo_Tab .tblV tbody td .crtfNum {
	font-weight: 700
}

.noticeInfo_Tab .tblH+.tblH {
	margin-top: 48px
}

.noticeInfo_Tab .tblH tbody th {
	text-align: center;
	vertical-align: middle;
	color: #5a5f64
}

.noticeInfo_Tab .tblH tbody td {
	text-align: center;
	color: #5a5f64
}

.noticeInfo_Tab .tblH tbody td:first-child {
	border-left: 1px solid #eaeaea
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul {
	color: #373a3c
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li {
	margin-top: 11px;
	font-size: 1.6rem;
	color: #373a3c;
	line-height: 1.3
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .bold01 {
	font-weight: 700;
	color: #373a3c
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .bold02 {
	font-weight: 400;
	color: #de2525
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .bold03 {
	font-weight: 700;
	color: #5a5f64
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li span.bold01 {
	position: relative;
	display: inline-block;
	padding-left: 7px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li span.bold01 i {
	position: absolute;
	top: 3px;
	left: 0;
	font-style: normal
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li ul {
	margin-bottom: 28px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li ul>li {
	font-size: 1.5rem
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li ul.sml {
	margin-top: 11px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li ul.sml li {
	margin-top: 4px;
	font-size: 1.3rem;
	color: #6b6e73
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblH {
	margin: 8px 0 24px;
	max-width: 848px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblH tbody td {
	padding-left: 90px;
	text-align: left;
	vertical-align: middle
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblH tbody td:first-child {
	border-left: 0
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblV {
	margin: 8px 0 24px;
	max-width: 848px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblV tbody th {
	padding: 24px 0;
	text-align: center;
	background: #f5f7fa
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblV tbody th:lang(zh) {
	vertical-align: middle
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblV tbody td {
	padding: 24px 27px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul .boldBox {
	margin: 11px 0 0 -7px;
	line-height: 1.5
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul .bultType01.sml {
	font-size: 1.3rem;
	color: #6b6e73
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul .bultType01.listDep2 {
	margin-top: 11px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul .bultType01.listDep2 ul {
	margin-top: 11px
}

.textInfo .con+[class^=titDep] {
	padding-top: 20px
}

.textInfo .subTxt {
	margin-top: 6px
}

.textInfo .bultType01 {
	margin-top: 16px
}

.textInfo .bultType02>li {
	margin: 0;
	padding-bottom: 16px;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.textInfo .bultType02>li:last-child {
	padding-bottom: 0
}

.textInfo .point {
	color: #4d6ee4
}

[lang=zh] .textInfo .point {
	color: #fe324b
}

.benefitsDetail {
	position: relative;
	padding: 32px 40px 32px 366px
}

.benefitsDetail .couponArea {
	display: table;
	position: absolute;
	top: 50%;
	left: 40px;
	width: 326px;
	height: 56px;
	margin-top: -28px
}

.benefitsDetail .couponArea .couponWrap {
	display: table-cell;
	vertical-align: middle
}

.benefitsDetail .tit {
	display: inline-block;
	color: #6b6e73;
	vertical-align: middle;
	padding-right: 16px
}

.benefitsDetail .info {
	display: inline-block;
	position: relative;
	font-weight: 500;
	color: #373a3c;
	vertical-align: middle
}

[lang=zh] .benefitsDetail .info {
	font-weight: 700
}

.benefitsDetail .info strong {
	font-weight: 500;
	vertical-align: middle
}

[lang=zh] .benefitsDetail .info strong {
	font-weight: 700
}

.benefitsDetail .info a {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle
}

.benefitsDetail .info .btn_coupon_down {
	width: 148px;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	background: url(/fo/images/view/bg_btn_coupon_download.svg)
}

.benefitsDetail .con li .info {
	width: 75%
}

.benefitsDetail .con li+li {
	padding-top: 12px
}

.benefitInfo .tabType01 {
	margin-top: 8px
}

.benefitInfo .tabType01>li.tabON {
	padding-bottom: 0
}

.priceinfoPop {
	margin-top: 24px
}

.priceinfoPop .priceList {
	padding-bottom: 28px
}

.priceinfoPop .priceList>li {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 16px;
	color: #373a3c;
	background: #f8fafc;
	border-radius: 8px;
	margin: 8px 0
}

.priceinfoPop .priceList>li>* {
	display: table-cell;
	width: 50%;
	vertical-align: top
}

.priceinfoPop .priceList>li .info {
	width: 100%
}

.priceinfoPop strong {
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

[lang=zh] .priceinfoPop strong {
	font-weight: 700
}

.priceinfoPop em {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 400;
	color: #373a3c;
	text-align: right
}

.priceinfoPop em .dollar {
	padding-right: 8px;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700
}

.priceinfoPop em .won {
	font-size: 1.4rem;
	font-weight: 400
}

.priceinfoPop .totalInfo {
	display: table;
	table-layout: fixed;
	width: 100%
}

.priceinfoPop .totalInfo>* {
	display: table-cell;
	width: 50%;
	vertical-align: top
}

.priceinfoPop .subPricelist {
	border-top: 1px dashed #eaeaea;
	margin: 16px -16px 0;
	padding: 13px 16px 0
}

.priceinfoPop .subPricelist li {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 4px 0
}

.priceinfoPop .subPricelist li>* {
	display: table-cell;
	width: 50%;
	vertical-align: top
}

.priceinfoPop .subPricelist li strong {
	font-weight: 400
}

.priceinfoPop .subPricelist li strong em {
	display: block;
	padding-top: 5px;
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #5a5f64
}

.priceinfoPop .subPricelist li em .dollar {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.benefitUse .con li {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 8px 0 8px 6px
}

.benefitUse .con li>* {
	display: table-cell
}

.benefitUse .con li .tit {
	position: relative;
	width: 150px;
	padding-left: 6px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .benefitUse .con li .tit {
	font-weight: 700
}

.benefitUse .con li .tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 2px;
	height: 2px;
	margin-top: -1px;
	background: #6b6e73;
	border-radius: 50%
}

.benefitUse .con li .info {
	color: #6b6e73
}

.benefitUse .con li .info b {
	font-weight: 400
}

.saleCoupon {
	display: inline-block;
	width: 148px;
	height: 40px;
	margin-left: 16px;
	padding-left: 20px;
	line-height: 40px;
	background: url(/fo/images/view/bg_btn_coupon_download.svg) no-repeat 0 0
}

.saleCoupon span {
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .saleCoupon span {
	font-weight: 700
}

.saleCoupon em {
	color: #4d6ee4
}

[lang=zh] .saleCoupon em {
	color: #fe324b
}

.saleCoupon b {
	font-weight: 400
}

.layerS .btnSSG {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.saleCouponList>li {
	padding: 24px 0
}

.saleCouponList>li:first-child {
	padding-top: 0
}

.saleCouponList>li+li {
	border-top: 1px solid #eaeaea
}

.saleCouponList .info {
	overflow: hidden;
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 8px;
	border: 1px solid #c7cdf6;
	border-radius: 8px
}

.saleCouponList .info span {
	display: table-cell;
	vertical-align: middle
}

.saleCouponList .info .con {
	padding: 24px 87px 24px 24px
}

.saleCouponList .info .con .tit {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.saleCouponList .info .con .date {
	display: block;
	padding-top: 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.saleCouponList .info .ico {
	position: relative;
	width: 87px;
	background: #778cea
}

.saleCouponList .info .ico::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -2px;
	width: 2px;
	height: 100%;
	background: url(/fo/images/view/bg_coupon_ico01.png) repeat-y 0 0
}

.saleCouponList .info .ico::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	background: url(/fo/images/view/bg_coupon_ico02.png) no-repeat 0 0
}

.saleCouponList .info.disabled {
	border-color: #dcdfe3;
	background: #f2f5f9
}

.saleCouponList .info.disabled .con .tit {
	opacity: .6
}

.saleCouponList .info.disabled .con .date {
	opacity: .3
}

.saleCouponList .info.disabled .ico {
	background: #ebedf2
}

.saleCouponList .info.disabled .ico::before {
	background: url(/fo/images/view/bg_coupon_ico01_disabled.png) repeat-y 0 0
}

.saleCouponList .info.disabled .ico::after {
	background: url(/fo/images/view/bg_coupon_ico02_disabled.png) repeat-y 0 0
}

.saleCouponList .bultType01 {
	margin-top: 8px
}

.saleCouponList .bultType01 li {
	margin-top: 2px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #6b6e73
}

.layPop.layerCoupon {
	width: 406px;
	margin-left: -203px
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info {
	border-color: #ffdbe0
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .ico {
	background: #f99197
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .ico::before {
	background: url(/fo/images/view/bg_coupon_icoCom_cn.png) repeat-y 0 0
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .ico::after {
	content: "下载"
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl {
	border-color: #ffdbe0
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl .ico {
	background: #ffeef1
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl .ico::before {
	background: url(/fo/images/view/bg_coupon_icoDis_cn.png) repeat-y 0 0
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl .ico::after {
	content: "已下载";
	color: #fe324b
}

[lang=zh] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled .ico::after {
	content: "已发完";
	font-weight: 500
}

[lang=en] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .ico::after {
	content: "Get coupon";
	font-size: 13px
}

[lang=en] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl .ico::after {
	content: "Coupon"
}

[lang=en] .layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled .ico::after {
	content: "Exhausted";
	font-weight: 500;
	letter-spacing: -0.26px
}

.layPop.layerCoupon .layCont {
	margin: 24px 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li {
	padding: 6px 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info {
	overflow: unset;
	margin-top: 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .con {
	padding: 24px
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .con .tit {
	line-height: 140%;
	letter-spacing: -0.3px;
	font-size: 1.5rem;
	font-weight: 500;
	word-break: break-all
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .con .date {
	padding: 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .ico {
	position: relative;
	width: 68px;
	background: #778cea;
	border-radius: 0 7px 7px 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .ico::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -2px;
	width: 2px;
	height: 100%;
	background: url(/fo/images/view/bg_coupon_ico01.png) repeat-y 0 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .ico::after {
	content: "쿠폰 받기";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	margin: 0;
	transform: translate(-50%, -50%);
	line-height: 20px;
	background: none;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	text-align: center
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .couponTool {
	display: flex;
	align-items: center;
	padding: 8px 0 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .couponTool .tipArea {
	width: 14px;
	height: 14px;
	margin: 0 -1px 0 4px
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .couponTool .tipArea .btTip {
	width: 14px;
	height: 14px
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .couponTool .tipArea .btTip::before {
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	background: url(/fo/images/view/coupon_tooltip.svg) no-repeat;
	background-size: cover;
	border: 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .couponTool .tipArea .tipCont {
	top: 20px;
	left: -140px;
	width: 268px;
	padding: 16px;
	z-index: 3;
	border-radius: 4px;
	border: 1px solid var(--grayscale-ink-500, #8b8f94);
	box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, .3)
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .couponTool .tipArea .tipCont::before {
	content: none
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .couponTool .tipArea .tipCont>ul li {
	line-height: 130%;
	font-size: 1.5rem;
	font-weight: 400;
	color: #373a3c
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info .couponTool .tipArea .tipCont>ul li strong {
	font-weight: 700
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl {
	border-color: #c7cdf6
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl .ico {
	background: #e9ebfb
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl .ico::before {
	background: url(/fo/images/view/bg_coupon_icoCom.png) repeat-y 0 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.couponCompl .ico::after {
	content: "받기 완료";
	background: none;
	color: #4d6ee4
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled {
	border-color: #dcdfe3;
	background: #f2f5f9
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled .con .tit {
	opacity: .6
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled .con .date {
	opacity: .3
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled .con .couponTool .tipArea .btTip {
	opacity: .3
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled .ico {
	background: #ebedf2
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled .ico::before {
	background: url(/fo/images/view/bg_coupon_icoDis.png) repeat-y 0 0
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li .info.disabled .ico::after {
	content: "소진";
	background: none;
	color: #6b6e73
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li+li {
	border: none
}

.layPop.layerCoupon .layCont .saleCouponList.couponListCs>li:first-child {
	padding-top: 0
}

.layPop.layerCoupon .btnArea .btnSSG.btnS.action {
	width: 100%;
	min-width: 100%
}

.layPop.noPointsEligible {
	min-height: 228px
}

.layPop.noPointsEligible .titLay {
	border: none
}

.layPop.noPointsEligible .layCont {
	margin: 0 0 16px
}

.layPop.noPointsEligible .layCont .infoBox {
	min-height: 132px;
	margin-top: 0;
	border: none;
	padding: 12px 0;
	border-radius: 4px;
	background: #f8fafc
}

.paymentBenefit .tabType05 {
	margin-top: 40px
}

.paymentBenefit .tabType05>li a {
	color: #6b6e73
}

.visualBanner {
	margin-top: 24px;
	height: 120px
}

.visualBanner .ts-prev,
.visualBanner .ts-next {
	background: none
}

.visualBanner .swiper-container {
	padding-bottom: 0
}

.visualBanner .paging {
	position: absolute;
	top: 77px;
	right: 8px;
	width: 70px;
	height: 32px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #fff;
	border-radius: 40px;
	z-index: 10;
	font-weight: 500
}

[lang=zh] .visualBanner .paging {
	font-weight: 700
}

.visualBanner .paging .swiper-pagination {
	display: inline-block;
	position: static;
	width: 60px;
	text-align: left;
	padding: 2px 0 0 12px
}

.visualBanner .paging .btnAll {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 32px
}

.visualBanner .paging .btnAll::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/view/ico_expand_more.png) no-repeat 0 0
}

.visualBanner.expand {
	height: auto
}

.visualBanner.expand .swiper-container .swiper-wrapper {
	position: static;
	display: block
}

.visualBanner.expand .swiper-container .swiper-wrapper li {
	display: block;
	left: auto !important
}

.visualBanner.expand .swiper-container .swiper-wrapper li+li {
	margin-top: 8px
}

.visualBanner.expand .ts-controls,
.visualBanner.expand .ts-prev,
.visualBanner.expand .ts-next {
	display: none
}

.visualBanner.expand .paging .btnAll:before {
	background-position: 0 -12px
}

.visualBanner .ts-controls>button {
	width: 28px;
	height: 28px;
	margin-top: -18px !important;
	background: none !important
}

.visualBanner .ts-controls>button::after {
	width: 16px;
	height: 17px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/view/spr_swiper.png) no-repeat 0 0
}

.visualBanner .ts-controls>button.ts-button-disabled:after {
	opacity: .5
}

.visualBanner .ts-controls>button.ts-next::after {
	background-position: -16px 0
}

.visualBanner.ie9 .swiper-container .swiper-wrapper {
	height: 120px !important
}

.visualBanner.ie9 .swiper-container .swiper-wrapper .swiper-slide {
	height: 120px !important
}

.visualBanner.expand.ie9 .swiper-container .swiper-wrapper {
	height: auto !important
}

.visualBanner.expand.ie9 .swiper-container .swiper-wrapper .swiper-slide {
	height: auto !important;
	float: none
}

.visualBanner.expand.ie9 .swiper-container .swiper-wrapper .swiper-slide+.swiper-slide {
	margin-top: 8px
}

.cardBenefits {
	display: block;
	position: relative;
	color: #373a3c
}

.cardBenefits img {
	width: 100%
}

.cardBenefits .info {
	position: absolute;
	top: 23px;
	left: 27px;
	width: 60%;
	text-align: left
}

.cardBenefits .info>* {
	display: block
}

.cardBenefits .tit {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 400;
	padding-bottom: 8px
}

.cardBenefits .subTxt,
.cardBenefits .date {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #373a3c;
	opacity: .7
}

.cardBenefits .subTxt b,
.cardBenefits .date b {
	font-weight: 400
}

.cardBenefits .date {
	padding-top: 2px
}

.cardBenefits.type02 {
	color: #fff
}

.cardBenefits.type02 .subTxt,
.cardBenefits.type02 .date {
	color: #f8fafc
}

.benefitList {
	margin-top: 8px
}

.benefitList>li {
	display: table;
	table-layout: fixed;
	padding: 24px 0;
	border-bottom: 1px solid #eaeaea
}

.benefitList>li>* {
	display: table-cell
}

.benefitList>li:last-child {
	border-bottom: 0
}

.benefitList>li figure {
	width: 56px
}

.benefitList>li figure img {
	width: 56px
}

.benefitList>li .context {
	width: 536px
}

.benefitList>li .context em {
	display: block;
	width: 130px;
	margin-left: 3px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .benefitList>li .context em {
	font-weight: 700
}

.benefitList>li .bultType01 {
	width: 100%;
	margin-top: 10px
}

.benefitList>li .bultType01>li {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #6b6e73
}

.benefitList>li .bultType01+.bultType01 {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eaeaea
}

.cardBenefitList li {
	font-size: 1.6rem
}

.giftPr {
	margin-top: 80px
}

.giftArea {
	border: 1px solid #b9bcc0;
	border-radius: 8px
}

.giftArea.all .giftCon {
	padding-bottom: 24px
}

.giftArea.all .giftCon~.giftCon {
	display: block
}

.giftArea.all .usedInfoList {
	display: block
}

.giftArea.all .toggleBtn {
	border-top: 0
}

.giftArea.case .giftCon {
	padding-bottom: 24px;
	border-bottom: 1px solid #dcdfe3
}

.giftArea.case .usedInfoList {
	display: block;
	margin-bottom: 24px
}

.giftArea .more {
	margin: 0 40px
}

.giftArea .toggleBtn {
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	text-align: center
}

.giftArea .toggleBtn em {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	color: #373a3c;
	font-weight: 700
}

.giftArea .toggleBtn em.fold {
	display: none
}

.giftArea .toggleBtn em::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -4px;
	background: url(/fo/images/view/ico_expand_more02.png) no-repeat 0 0
}

.giftArea .toggleBtn[aria-expanded=true] em.look {
	display: none
}

.giftArea .toggleBtn[aria-expanded=true] em.fold {
	display: inline-block
}

.giftArea .toggleBtn[aria-expanded=true] em::after {
	background-position: 0 -12px
}

.giftArea .usedInfoList {
	display: none;
	margin: 24px 40px 0
}

.giftCon {
	position: relative;
	margin: 0 40px;
	padding-top: 24px
}

.giftCon~.giftCon {
	display: none;
	border-top: 1px solid #dcdfe3;
	border-bottom: 1px solid #dcdfe3
}

.giftCon .date {
	color: #6b6e73
}

.giftCon .txtLink {
	position: absolute;
	top: 24px;
	right: 0;
	font-size: 1.4rem
}

.giftCon .con {
	margin-top: 14px;
	border-top: 1px dashed #dcdfe3
}

.giftCon .con .tit {
	clear: both;
	display: block;
	padding: 17px 0 4px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .giftCon .con .tit {
	font-weight: 700
}

.giftCon .con .tit label {
	min-height: 25px
}

.giftCon .list {
	overflow: hidden
}

.giftCon .list li {
	padding: 4px 0
}

.giftCon .list li .listCon {
	position: relative;
	display: table;
	table-layout: fixed;
	padding: 8px;
	width: 100%;
	background: #f5f7fa;
	border-radius: 8px
}

.giftCon .list li .listCon.soldOut {
	display: block
}

.giftCon .list li .listCon.soldOut::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .6);
	z-index: 10
}

.giftCon .list li .listCon.soldOut .soldOut {
	position: absolute;
	width: 38px;
	height: 24px;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -19px;
	border-radius: 8px;
	background: rgba(55, 58, 60, .6);
	font-size: 1.2rem;
	color: #fff;
	line-height: 24px;
	text-align: center;
	z-index: 10
}

.giftCon .list li figure {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
	width: 76px;
	height: 76px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 60%
}

.giftCon .list li figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03);
	z-index: 1
}

.giftCon .list li figure img {
	display: block;
	width: 76px;
	height: 76px;
	margin: 0 auto;
	background: #fff
}

.giftCon .list li .txtInfo {
	display: table-cell;
	vertical-align: middle;
	padding-left: 16px
}

.giftCon .list li .txtInfo>* {
	display: block
}

.giftCon .list li .txtInfo span {
	color: #6b6e73
}

.giftCon .list li .txtInfo em {
	color: #8b8f94;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.giftCon .list li .txtInfo em b {
	font-weight: 400
}

.brandPr {
	margin-top: 80px
}

.brandPr.empty {
	margin-top: 0
}

.brandPr .controlBtn {
	padding-bottom: 0 !important
}

.brandPr .ts-paging {
	bottom: 10px
}

.brandPr .ts-paging .ts-paging-btn.ts-paging-active {
	width: 26px
}

.brandPr .ts-paging .ts-paging-btn.ts-paging-active:after {
	height: 6px
}

.brandPr .ts-paging .ts-paging-btn:after {
	width: 6px;
	height: 6px
}

.brandPr .swiperWrap .swiper-container .swiper-slide figure img {
	width: initial !important
}

.recommend .titDep3 b {
	padding-left: 4px;
	color: #4d6ee4
}

[lang=zh] .recommend .titDep3 b {
	color: #fe324b
}

.recommendBox {
	padding: 0 32px;
	border: 1px solid #b9bcc0;
	border-radius: 8px
}

.bundle_prlist {
	width: 100%
}

.bundle_prlist~.bundle_prlist {
	border-top: 1px solid #eaeaea
}

.bundle_prlist .con li {
	position: relative;
	width: 100%;
	padding: 26px 10% 26px 0;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 400
}

.bundle_prlist .con li~li {
	border-top: 1px dashed #b9bcc0
}

.bundle_prlist .con strong {
	font-weight: 700
}

.bundle_prlist .con .point {
	color: #f42d10
}

.bundle_prlist .con .point_blue {
	color: #4d6ee4
}

[lang=zh] .bundle_prlist .con .point_blue {
	color: #fe324b
}

.bundle_prlist .txtLink {
	position: absolute;
	top: 26px;
	right: 0;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.recommendTab .swipeMenu .prodFlag {
	display: inline-block
}

.recommendTab .swipeMenu .prodFlag>span.rqpurch {
	background: #e6240a;
	color: #fff
}

.bundle_pr>.titDep3 {
	margin-top: 0;
	padding-top: 40px
}

.bundle_pr>.titArea {
	margin-top: 0
}

.bundle_pr>.titArea .txtLink {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.bundle_pr .titDep5 {
	margin-bottom: 0;
	font-weight: 700
}

.bundle_pr .conBox {
	margin-top: 16px;
	padding: 16px
}

.bundle_pr .conBox .bultType01 {
	margin-top: 0
}

.bundle_pr .subTxt {
	margin-top: 8px
}

.bundle_pr .subTxt span {
	color: #373a3c;
	font-weight: 700
}

.bundle_pr .subTxt em {
	color: #f42d10
}

.bundle_pr .departureViewMore {
	margin: 24px 0 0
}

.bundle_pr .departureViewMore .infoBox {
	padding: 0
}

.bundle_pr .tblH {
	margin-top: 15px
}

.bundle_pr .tblH tr td {
	text-align: center;
	vertical-align: middle
}

.bundle_pr .tblH tr td.saleNum {
	font-weight: 700;
	color: #f42d10
}

.bundle_pr .tblH .priceArea>* {
	display: block
}

.bundle_pr .tblH .priceArea .saleNum {
	font-weight: 700;
	color: #f42d10
}

.bundle_pr .tblH .priceArea .saleCont {
	font-weight: 700
}

.bundle_pr .tblH .priceArea .saleCont>* {
	display: inline-block
}

.bundle_pr .tblH .priceArea .saleCont .originDollar {
	color: #6b6e73;
	text-decoration: line-through
}

.bundle_pr .tblH .priceArea .saleCont .originPrice {
	margin-left: 4px;
	font-weight: 400;
	font-size: 1.3rem;
	color: #6b6e73
}

.bundle_pr .tblH .priceArea .saleCont .originPrice b {
	font-weight: 400
}

.bundle_pr .tblH .priceArea .salePrice {
	color: #373a3c;
	line-height: 1.2;
	letter-spacing: -0.03em
}

.bundle_pr .tblH .priceArea .salePrice>* {
	display: inline-block
}

.bundle_pr .tblH .priceArea .salePrice .saleDollar {
	font-weight: 700;
	color: #f42d10
}

.bundle_pr .tblH .priceArea .salePrice .saleWon {
	margin-left: 4px;
	font-size: 1.3rem;
	color: #6b6e73
}

.bundle_pr .tblH .priceArea .salePrice .saleWon b {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 400
}

.bundle_pr .conList li {
	position: relative;
	padding: 10px 0
}

.bundle_pr .conList .prCon {
	display: block;
	position: relative;
	padding: 0 16px 10px 0;
	min-height: 96px
}

.bundle_pr .conList .prCon figure {
	position: relative;
	width: 96px;
	height: 96px;
	padding: 10px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.bundle_pr .conList .prCon figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03);
	z-index: 1
}

.bundle_pr .conList .prCon figure img {
	width: 100%
}

.bundle_pr .conList .prCon .con .name {
	display: block;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #6b6e73;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bundle_pr .conList .prCon .con .name strong {
	font-weight: 700;
	color: #373a3c
}

.bundle_pr .conList .prCon .con .name em {
	padding-left: 4px
}

.bundle_pr .conList .prCon .con .priceArea {
	display: block;
	padding-top: 8px
}

.bundle_pr .conList .prCon .con .priceArea>* {
	display: block
}

.bundle_pr .conList .prCon .con .priceArea .saleCont {
	font-weight: 700
}

.bundle_pr .conList .prCon .con .priceArea .saleCont>* {
	display: inline-block
}

.bundle_pr .conList .prCon .con .priceArea .saleCont .saleNum {
	color: #f42d10
}

.bundle_pr .conList .prCon .con .priceArea .saleCont .saleDollar {
	color: #373a3c;
	margin-left: 4px
}

.bundle_pr .conList .prCon .con .priceArea .salePrice {
	margin-top: -5px;
	color: #6b6e73;
	letter-spacing: -0.03em
}

.bundle_pr .conList .prCon .con .priceArea .salePrice .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.bundle_pr .conList .prCon .con .priceArea .salePrice .saleWon b {
	font-weight: 400
}

.bundle_pr .conList .prCon .con .priceArea .salePrice .originDollar {
	font-size: 1.2rem;
	margin-right: 5px
}

.cheapPr {
	overflow: hidden;
	margin-top: 24px;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.cheapPr .topLink {
	position: relative;
	display: block;
	height: 65px;
	background: #f7f7fd;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c
}

.cheapPr .topLink .link {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	padding: 0 40px 0 16px;
	width: 100%;
	transform: translateY(-50%);
	box-sizing: border-box
}

.cheapPr .topLink .link::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/order/ico_link_arr.png) no-repeat
}

.cheapPr .topLink .link .subTxt {
	display: block;
	margin-top: 2px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73;
	font-weight: 400
}

.cheapPr .conList {
	padding: 8px 0
}

.cheapPr .conList>li {
	padding: 8px 0
}

.cheapPr .conList .prCon {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0 16px
}

.cheapPr .conList .prCon>* {
	display: table-cell;
	vertical-align: middle
}

.cheapPr .conList .prCon figure {
	width: 96px
}

.cheapPr .conList .prCon .con {
	padding-left: 16px
}

.cheapPr.case {
	border: none;
	border-radius: 0
}

.cheapPr.case .topLink {
	height: auto;
	background: none
}

.cheapPr.case .topLink .link {
	position: static;
	padding-left: 0;
	transform: none
}

.cheapPr.case .subTxt {
	margin-top: 5px;
	font-size: 1.3rem;
	color: #6b6e73
}

.brandList {
	margin-top: 20px;
	border-bottom: 1px solid #eaeaea
}

.brandList li a {
	display: block;
	padding: 16px 12px 10px;
	border-top: 1px solid #eaeaea
}

.brandList li a strong {
	padding-bottom: 8px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c;
	font-weight: 700
}

.brandList li a strong em {
	padding-left: 8px;
	color: #6b6e73;
	font-weight: 400
}

.brandList li a .prodFlag {
	margin-top: 8px
}

.mixPr {
	border-top: 1px dashed #eaeaea;
	margin-top: 16px;
	padding-top: 50px
}

.mixPr .conList {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0 8px
}

.mixPr .conList li {
	display: table-cell;
	vertical-align: top;
	padding: 0
}

.mixPr .conList li.pr {
	width: 45%
}

.mixPr .conList li.ico {
	width: 64px;
	background: url(/fo/images/order/ico_add_plus.png) no-repeat 50% 75px
}

.mixPr .conList .frmSel {
	position: absolute;
	top: -28px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.mixPr .conList .frmSel input[type=checkbox] {
	width: 100%;
	height: 100%;
	opacity: 0
}

.mixPr .conList .prCon {
	padding: 0;
	min-height: auto
}

.mixPr .conList .prCon figure {
	position: relative;
	left: 0;
	width: 100%;
	height: 100%
}

.mixPr .conList .prCon .badge {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 40px;
	padding: 5px 3px;
	border-radius: 8px 8px 0 8px;
	background: rgba(230, 36, 10, .8);
	box-sizing: border-box;
	font-size: 1.2rem;
	color: #fff;
	text-align: center
}

.mixPr .conList .prCon .con {
	padding-top: 12px
}

.mixPr .conList .prCon .con .name em {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	padding-left: 0
}

.mixPr .conList .prCon .con .prodFlag {
	margin-top: 8px
}

.mixPr .conList .prCon .prodState {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	z-index: 1000
}

.mixPr .conList .prCon .prodState.soldOut {
	width: 70px;
	height: 32px;
	margin: -16px 0 0 -35px;
	color: #fff;
	font-size: 1.3rem;
	line-height: 32px;
	border-radius: 8px;
	background: rgba(55, 58, 60, .6)
}

.mixPr .conList .prCon .priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73;
	text-decoration: line-through
}

.mixPr .conList .prCon .priceArea .saleCont>* {
	display: block
}

.mixPr .conList .prCon .priceArea .saleCont .saleDollar {
	margin-left: 0
}

.mixPr .conList .prCon .priceArea .saleCont .originDollar {
	margin-left: 4px
}

.mixPr .conList .prCon .priceArea .salePrice>* {
	display: block
}

.mixPr .conList .prCon .priceArea .txtLoginBefore {
	position: relative;
	display: inline-block;
	margin: 0 0 4px 0;
	padding-left: 15px;
	color: #f42d10;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.mixPr .conList .prCon .priceArea .txtLoginBefore::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 11px;
	height: 13px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -105px -24px
}

.mixPr .conList .essential {
	color: #4d6ee4
}

[lang=zh] .mixPr .conList .essential {
	color: #fe324b
}

.mixPr .btnSSG {
	display: block;
	margin: 16px auto 0;
	width: 100%;
	border-radius: 8px
}

.mixTip_txt {
	padding: 12px 16px 0
}

.mixTip_txt p {
	font-weight: 700;
	font-size: 1.8rem;
	color: #373a3c;
	text-align: center;
	border-top: 1px dashed #eaeaea;
	padding-top: 17px
}

.mixTip_txt p em {
	font-weight: 700;
	color: #f42d10
}

.mixTip_txt .price {
	display: block;
	font-size: 1.5rem;
	text-align: center;
	color: #707378
}

.mixTip_txt .price .saleDollar {
	display: inline-block;
	margin: 0 4px;
	font-weight: 700;
	font-size: 1.8rem;
	color: #373a3c
}

.mixTip_txt .price .saleWon b {
	font-weight: 400
}

.dcapplied {
	overflow: hidden;
	border-radius: 0 0 8px 8px;
	border: 1px solid #eaeaea;
	border-top: 0;
	padding: 16px;
	background: rgba(142, 158, 217, .08)
}

.dcapplied span {
	float: right;
	font-weight: 700
}

.dcapplied span .originDollar {
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	text-decoration: line-through
}

.dcapplied span .saleDollar {
	padding: 0 2px;
	color: #373a3c
}

.dcapplied span .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #8b8f94;
	font-weight: 400
}

.dcapplied button {
	clear: both;
	margin-top: 16px
}

.introBox {
	margin-top: 16px;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	padding: 24px;
	text-align: center
}

.introBox b {
	color: #4d6ee4
}

[lang=zh] .introBox b {
	color: #fe324b
}

.introBox b.point {
	color: #f42d10
}

.introBox strong {
	font-weight: 700;
	color: #373a3c
}

.introBox em {
	display: block;
	padding-top: 10px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.introBox span {
	display: block
}

.setSalePop.layPop.layerS .layCont {
	padding: 0 21px 8px 32px;
	margin: 24px 0 32px
}

.setSalePop .bundle_pr .subTxt {
	margin-top: 0;
	margin-bottom: 16px
}

.setSalePop .bundle_pr .mixPr {
	border-top: 0;
	margin-top: 0;
	padding-top: 30px
}

.setSalePop .bundle_pr .mixPr .conList {
	padding: 0
}

.setSalePop .bundle_pr .mixPr .conList .prCon .badge {
	width: auto;
	padding: 5px 8px;
	border-radius: 8px 0;
	background: rgba(230, 36, 10, .8)
}

.setSalePop .bundle_pr .mixPr .conList .prCon .con {
	padding-top: 8px
}

.setSalePop .bundle_pr .mixPr .conList .prCon .con .name strong {
	line-height: 140%;
	font-size: 1.3rem;
	font-weight: 700;
	color: #373a3c
}

.setSalePop .bundle_pr .mixPr .conList .prCon .con .name em {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	height: auto;
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 400
}

[lang=zh] .setSalePop .bundle_pr .mixPr .conList .prCon .con .priceArea .saleCont .saleNum {
	font-size: 1.3rem
}

[lang=zh] .setSalePop .bundle_pr .mixPr .conList .prCon .con .priceArea .saleCont .saleNum b {
	font-size: 1.5rem
}

.setSalePop .bundle_pr .mixPr .conList .prCon .con .priceArea .originPrice {
	margin: 2px 0
}

.setSalePop .bundle_pr .mixPr .conList .prCon .con .priceArea .salePrice {
	margin-top: 0
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum {
	font-size: 0
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum p {
	line-height: 28px;
	font-size: 2rem;
	font-weight: 700;
	color: #373a3c;
	padding-top: 24px
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum>.saleDetail {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum>.saleDetail .saleNum {
	margin: 0;
	line-height: 28px;
	color: #f42d10;
	font-size: 2rem
}

[lang=zh] .setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum>.saleDetail .saleNum {
	margin: 0
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum>.saleDetail em {
	line-height: 28px;
	font-size: 1.8rem;
	font-weight: 700;
	color: #373a3c
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum>.saleDetail em.cost {
	margin: 0 4px;
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 400;
	color: #5a5f64
}

[lang=zh] .setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum>.saleDetail em.cost {
	margin: 0
}

[lang=zh] .setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .setSaleInfo .setSlaeNum>.saleDetail em {
	margin: 0 8px 0 0
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .priceArea {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
	font-size: 0
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .priceArea .originPrice {
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 500;
	color: #6b6e73;
	text-decoration: line-through
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .priceArea .saleCont {
	display: flex;
	align-items: center
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .priceArea .saleCont .saleDollar {
	margin: 0 4px;
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 700;
	color: #373a3c
}

.setSalePop .bundle_pr .mixPr .mixTip_txt .saleTbox .priceArea .saleCont .saleWon {
	line-height: 21px;
	font-size: 1.3rem;
	font-weight: 400;
	color: #5a5f64
}

.setSalePop .bundle_pr .mixPr .mixTip_txt+.btnSSG {
	border-radius: 4px
}

.setSalePop .bundle_pr .mixTip_txt {
	padding: 24px 16px 0
}

.setSalePop .conBox {
	margin-top: 24px
}

.bundleSalePop .layCont {
	margin: 24px 0
}

.bundleSalePop .bundle_pr .titArea {
	margin: 0
}

.bundleSalePop .bundle_pr .subTxt {
	margin-top: 8px;
	color: #1e2023
}

.bundleSalePop .bundle_pr .tblH {
	margin-top: 24px
}

.bundleSalePop .conBox {
	margin-top: 24px
}

.quantitySalePop .layCont {
	margin: 24px 0
}

.quantitySalePop .layCont .bundle_pr .titArea {
	margin-bottom: 24px
}

.quantitySalePop .layCont .bundle_pr .introBox b {
	margin: 0 2px;
	color: #4d6ee4
}

.quantitySalePop .layCont .bundle_pr .introBox b.point {
	margin: 0 4px;
	color: #f42d10
}

.quantitySalePop .layCont .bundle_pr .introBox em {
	display: inline-block;
	margin-right: 4px;
	padding-top: 0;
	line-height: 140%;
	font-size: 1.3rem;
	font-weight: 400;
	color: #5a5f64
}

.quantitySalePop .layCont .conBox {
	margin-top: 24px
}

.recommendEtc_pr {
	margin-top: 80px
}

.recommendSwipe {
	padding-bottom: 50px !important
}

.recommendSwipe .prodCont {
	overflow: hidden;
	width: 100%
}

.recommendSwipe .prodCont.soldOut {
	position: relative
}

.recommendSwipe .prodCont.soldOut::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .6)
}

.recommendSwipe .prodCont.soldOut .prodState.soldOut {
	margin-top: -65px
}

.recommendSwipe .prodCont .saleCont .saleWon {
	display: inline-block
}

.recommendSwipe .prodCont .saleWon {
	display: block;
	margin-top: -2px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.recommendSwipe .ts-paging {
	bottom: 10px
}

.recommendSwipe .ts-paging .ts-paging-btn.ts-paging-active {
	width: 26px
}

.recommendSwipe .ts-paging .ts-paging-btn.ts-paging-active:after {
	height: 6px
}

.recommendSwipe .ts-paging .ts-paging-btn:after {
	width: 6px;
	height: 6px
}

.recommendSwipe.ie9 .swiper-container .swiper-wrapper {
	height: 400px !important
}

.recommendSwipe.ie9 .swiper-container .swiper-wrapper .swiper-slide {
	height: 400px !important
}

.recommendSwipe.ie9 .swiper-container .swiper-wrapper .prodCont>a {
	padding: 0 8px
}

.recommendSwipe.controlBtn .ts-prev,
.recommendSwipe.controlBtn .ts-next {
	margin-top: -82px
}

.similar_pr {
	margin-top: 80px
}

.similar_pr .tblV tr:first-child td.currentPr {
	border-top: 1px solid #373a3c
}

.similar_pr .tblV tr:last-child td.currentPr {
	border-bottom: 1px solid #373a3c
}

.similar_pr .tblV tr th {
	vertical-align: middle;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .similar_pr .tblV tr th {
	font-weight: 700
}

.similar_pr .tblV tr td {
	text-align: center;
	color: #6b6e73;
	padding: 16px 24px
}

.similar_pr .tblV tr td.currentPr {
	border-left: 1px solid #373a3c;
	border-right: 1px solid #373a3c
}

.similar_pr .tblV tr td .bultType01 {
	text-align: left
}

.similar_pr .tblV figure {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 40%;
	padding-top: 100%
}

.similar_pr .tblV figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03);
	z-index: 1
}

.similar_pr .tblV figure img {
	display: block;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	object-fit: contain;
	object-position: center center;
	background: #fff
}

.similar_pr .tblV .brand {
	color: #373a3c;
	font-weight: 700
}

.similar_pr .tblV .price .dollar {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.similar_pr .tblV .price .won {
	display: inline-block
}

.similar_pr .tblV .price .won b {
	font-size: 1.4rem;
	font-weight: 400
}

.similar_pr .tblV .priceArea {
	display: block
}

.similar_pr .tblV .priceArea .originPrice {
	display: block;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.2;
	text-decoration: line-through
}

.similar_pr .tblV .priceArea .saleCont {
	display: block;
	font-size: 1.5rem;
	line-height: 1.2
}

.similar_pr .tblV .priceArea .saleCont .priceWrap {
	display: block
}

.similar_pr .tblV .priceArea .saleCont .priceWrap .originPrice {
	display: inline-block;
	margin-left: 2px
}

.similar_pr .tblV .priceArea .saleCont .saleNum {
	display: inline-block;
	color: #f42d10;
	margin-right: 4px;
	font-size: 1.5rem;
	font-weight: 700
}

.similar_pr .tblV .priceArea .saleCont .saleDollar {
	display: inline-block;
	color: #373a3c;
	font-weight: 700
}

.similar_pr .tblV .priceArea .saleCont .saleWon {
	display: inline-block;
	margin-left: 4px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.similar_pr .tblV .priceArea .saleCont .saleWon span {
	font-size: 1.3rem
}

.similar_pr .tblV .scopeTxt {
	display: block;
	text-decoration: underline
}

.similar_pr .tblV .scopeTxt b {
	font-weight: 400
}

.layPop .similarPr .prodList.prodThumb .prodCont .priceArea .saleCont .saleWon {
	display: block;
	margin: 0
}

.layPop .similarPr .prodList.prodThumb .prodCont:nth-child(n+5) {
	margin-top: 0
}

.characterLimit {
	margin-top: 5px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	text-align: right
}

.characterLimit em {
	color: #4d6ee4
}

[lang=zh] .characterLimit em {
	color: #fe324b
}

.characterLimit b {
	font-weight: 400
}

.enquiry {
	margin-top: 8px
}

.enquiry .formList {
	margin-top: 24px;
	border-top: 1px solid #dcdfe3;
	border-bottom: 0
}

.enquiry .formList .frmInp {
	margin-top: 24px;
	padding: 0
}

.enquiry .formList label {
	display: block;
	height: auto;
	padding: 0 0 4px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 400
}

.enquiry .enquiryType {
	width: 340px
}

.enquiry .textAreaCon {
	position: relative;
	margin-top: 30px !important
}

.enquiry .textAreaCon .frmSel {
	position: absolute;
	top: -5px;
	right: 0
}

.enquiry .textAreaCon .frmSel label {
	padding: 1px 0 4px 22px
}

.enquiry .usedInfoList {
	margin-top: 40px !important
}

.enquiry .tit {
	display: inline-block;
	padding-right: 4px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

[lang=zh] .enquiry .tit {
	font-weight: 700
}

.enquiry .tipArea {
	margin-top: 4px;
	vertical-align: middle
}

.enquiry .ansCheck {
	margin: 0
}

.enquiry .ansCheck .frmSel {
	margin-top: 0
}

.enquiry .ansCheck .frmSel input {
	top: 8px
}

.enquiry .ansCheck .frmSel label {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	height: auto;
	padding: 2px 0 0 25px
}

.enquiry .ansCheck .frmSel label::before {
	top: 5px
}

.enquiry .ansCheck .appCheck {
	margin: 30px 0 0
}

.orderProdInfo {
	display: table;
	table-layout: fixed;
	margin-bottom: 24px
}

.orderProdInfo figure {
	overflow: hidden;
	position: relative;
	width: 136px;
	height: 136px;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 136px;
	text-align: center
}

.orderProdInfo figure img {
	position: absolute;
	top: -100%;
	right: -100%;
	left: -100%;
	bottom: -100%;
	width: 100%;
	height: auto;
	margin: auto
}

.orderProdInfo figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03);
	z-index: 1
}

.orderProdInfo .optionCon {
	display: table-cell;
	vertical-align: middle;
	width: 528px;
	padding-left: 16px
}

.orderProdInfo .optionCon .brandName {
	display: block;
	color: #373a3c;
	font-weight: 700
}

.orderProdInfo .optionCon .brandName .eng {
	display: inline-block;
	position: relative;
	margin-left: 5px
}

.orderProdInfo .optionCon .brandName .eng::before {
	content: "·";
	display: inline-block;
	padding-right: 4px
}

.orderProdInfo .optionCon .prodName {
	color: #6b6e73
}

.orderProdInfo .formList {
	margin-top: 25px;
	border-top: 0;
	border-bottom: 0
}

.orderProdInfo .formList>.frmInp {
	float: left;
	width: 240px;
	margin-top: 0;
	display: block
}

.orderProdInfo .formList>.frmInp+.frmInp {
	margin-left: 16px
}

.orderProdInfo .formList>.frmInp .selectWrap {
	width: 240px
}

.introBox {
	border: 1px solid #eaeaea;
	border-radius: 8px;
	padding: 20px;
	text-align: center
}

.introBox b {
	color: #4d6ee4
}

[lang=zh] .introBox b {
	color: #fe324b
}

.introBox em {
	display: block;
	padding-top: 10px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.tipInfo {
	margin-top: 25px;
	border-radius: 8px;
	background: #f8fafc;
	padding: 16px
}

.certainInfo {
	margin-top: 40px
}

.certainInfo .tblH {
	margin-top: 16px
}

.certainInfo .tblH tr td {
	text-align: center
}

.certainInfo .tblH tr td.price {
	color: #4d6ee4
}

[lang=zh] .certainInfo .tblH tr td.price {
	color: #fe324b
}

.certainInfo .bultType01 {
	margin-top: 16px
}

.reservesTip {
	font-weight: 700;
	color: #373a3c
}

.ImgPop {
	margin: -8px 0
}

.ImgPop .popNoti {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	width: 198px;
	height: 98px;
	margin: -49px 0 0 -99px;
	padding: 8px 0;
	animation-name: swipenoti;
	animation-duration: 5s;
	animation-delay: .1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards
}

@keyframes swipenoti {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.swiperWrap.imgpopSwipe {
	padding-bottom: 0
}

.swiperWrap.imgpopSwipe .swiper-container {
	width: 500px !important;
	height: 500px !important
}

.swiperWrap.imgpopSwipe .swiper-zoom-container {
	display: block
}

.swiperWrap.imgpopSwipe .swiper-zoom-container img {
	width: 500px !important;
	height: 500px !important;
	max-height: 500px !important;
	object-fit: initial
}

.swiperWrap.imgpopSwipe .con {
	width: 680px;
	height: 500px;
	text-align: center
}

.swiperWrap.imgpopSwipe .con img {
	width: 500px;
	height: 500px
}

.sizeInfoText {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.sizeLocation {
	padding-top: 8px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700;
	color: #373a3c
}

.sizeLocation em {
	color: #4d6ee4
}

[lang=zh] .sizeLocation em {
	color: #fe324b
}

.sizeLocation em+em:before {
	content: ">";
	display: inline-block;
	padding: 0 3px
}

.sizeTable {
	margin-top: 17px
}

.sizeTable thead th,
.sizeTable tbody th {
	background: #f5f7fa;
	text-align: center;
	font-weight: 700;
	vertical-align: middle
}

.sizeTable td {
	text-align: center
}

.scrollWrap {
	overflow: hidden;
	padding-bottom: 24px
}

.scrollWrap.scrollH {
	overflow-x: auto
}

.scrollWrap.scrollH table {
	table-layout: fixed
}

.scrollWrap.scrollH::-webkit-scrollbar {
	height: 4px
}

.scrollWrap.scrollH::-webkit-scrollbar-thumb {
	background: #6b6e73
}

.scrollWrap.scrollH::-webkit-scrollbar-track {
	background: #fff
}

.restock .ui-datepicker .ui-datepicker-buttonpane>button {
	width: 100px !important;
	min-width: 100px
}

.noData.prDetail_noData::before {
	top: 110px;
	width: 72px;
	height: 72px;
	margin-left: -36px;
	background: url(/fo/images/view/ico_empty.png) no-repeat 0 50%
}

html[lang=zh] .noData.prDetail_noData::before {
	background-image: url(/fo/images/view/ico_empty_cn.png)
}

.pickGuide {
	padding-top: 8px
}

.pickGuide .usedInfoList {
	margin-top: 40px !important
}

.similarPr .prodList.prodThumb .prodCont {
	width: 25% !important
}

.similarPr .prodList.prodThumb .prodCont:nth-child(n+5) {
	margin-top: 20px
}

.similarPr .prodList.prodThumb .prodCont figure {
	min-height: 160px;
	background-size: 50%
}

.similarPr .prodList.prodThumb .prodCont .prodState {
	top: 28%
}

.similarPr .prodList.prodThumb .prodCont .typeBand {
	margin-top: -30px;
	height: auto
}

.similarPr .prodList.prodThumb .prodCont .typeBand img {
	margin-top: 0
}

.similarPr .prodList.prodThumb .prodCont .priceArea .saleCont .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.report .formList {
	border: 0;
	margin: 0
}

.report .formList .frmInp {
	padding: 0
}

.report .formList .frmInp .listCol2 li {
	float: left;
	width: 50%;
	margin: 12px 0 0 0
}

.report .formList .frmInp>label {
	padding: 0;
	height: auto;
	line-height: 19px;
	font-weight: 400
}

.report .formList .frmInp~.frmInp {
	margin-top: 24px
}

.report .formList .frmInp textarea {
	min-height: 100px
}

.prInfo_conWrap .titDep2 span,
.titDep3 span {
	color: #6b6e73;
	font-weight: 400
}

.prodReview .titDep3 {
	margin-top: 80px
}

.prodReview .summary {
	overflow: hidden;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 48px 0;
	text-align: center;
	background: #f8fafc;
	border-radius: 8px
}

.prodReview .summary>* {
	display: table-cell;
	vertical-align: middle
}

.prodReview .summary .rating {
	width: 40%
}

.prodReview .summary .rating strong {
	display: block;
	font-size: 2rem;
	line-height: 1.4;
	color: #373a3c
}

.prodReview .summary .rating .textRating {
	display: block;
	margin-top: 10px;
	color: #b9bcc0;
	font-size: 4rem;
	line-height: 1.2
}

.prodReview .summary .rating .textRating b {
	display: inline-block;
	color: #373a3c
}

.prodReview .summary .rating .textRating b::after {
	content: "/";
	display: inline-block;
	color: #dee1e6;
	font-weight: 400
}

.prodReview .summary .rating .star {
	margin-top: 12px
}

.prodReview .summary .rating p {
	margin-top: 20px;
	line-height: 30px
}

.prodReview .summary .indicatorWrap {
	width: 60%
}

.prodReview .summary .indicatorWrap>* {
	display: block
}

.prodReview .summary .indicatorWrap li {
	display: inline-block;
	width: 88px;
	text-align: center;
	margin-left: 18px
}

.prodReview .summary .indicatorWrap li:nth-child(1) {
	margin-left: 0
}

.prodReview .summary .indicatorWrap li:nth-child(1) .indicator span {
	background: #8ceab9
}

.prodReview .summary .indicatorWrap li:nth-child(2) .indicator span {
	background: #81e8e9
}

.prodReview .summary .indicatorWrap li:nth-child(3) .indicator span {
	background: #86c7f9
}

.prodReview .summary .indicatorWrap li:nth-child(4) .indicator span {
	background: #d98ee4
}

.prodReview .summary .indicatorWrap .percent {
	color: #1e2023;
	font-weight: 700
}

.prodReview .summary .indicatorWrap .title {
	display: block;
	margin-top: 16px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .prodReview .summary .indicatorWrap .title {
	font-weight: 700
}

.prodReview .summary .indicatorWrap .description {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.prodReview .summary .indicatorWrap .indicator {
	position: relative;
	z-index: 10;
	display: block;
	width: 12px;
	height: 100px;
	margin: 6px auto 0;
	border-radius: 40px;
	background: #ebedf2
}

.prodReview .summary .indicatorWrap .indicator span {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 0;
	border-radius: 40px;
	color: rgba(0, 0, 0, 0);
	background: #51b0f6
}

.prodReview .summary .adultTip {
	width: 60%;
	color: #373a3c
}

.prodReview .reviewPick {
	margin-top: 80px
}

.prodReview .reviewPick .tabType02 {
	margin-bottom: 24px;
	text-align: left
}

.prodReview .reviewPick .swiperWrap {
	padding: 0 0 40px
}

.prodReview .reviewPick .swiperWrap .swiper-container {
	text-align: left
}

.prodReview .reviewPick .swiperWrap .ts-prev,
.prodReview .reviewPick .swiperWrap .ts-next {
	top: 30%
}

.prodReview .reviewPick .swiperWrap .swiper-slide>a {
	text-align: left
}

.prodReview .reviewPick .swiperWrap .swiper-slide>div {
	width: 100%
}

.prodReview .reviewPick .swiperWrap .swiper-slide figure {
	overflow: hidden;
	display: block;
	position: relative;
	padding-top: 100%;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%
}

.prodReview .reviewPick .swiperWrap .swiper-slide figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .2;
	z-index: 0
}

.prodReview .reviewPick .swiperWrap .swiper-slide figure img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	width: 150%;
	height: auto;
	margin: auto
}

.prodReview .reviewPick .swiperWrap .swiper-slide .rating {
	margin-top: 18px
}

.prodReview .reviewPick .swiperWrap .swiper-slide .rating .text {
	margin-left: 4px;
	color: #373a3c;
	vertical-align: top
}

.prodReview .reviewPick .swiperWrap .swiper-slide .authorInfo span {
	color: #6b6e73
}

.prodReview .reviewPick .swiperWrap .swiper-slide .prodOpt {
	display: block;
	margin-top: 16px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .prodReview .reviewPick .swiperWrap .swiper-slide .prodOpt {
	font-weight: 700
}

.prodReview .reviewPick .swiperWrap .swiper-slide .text {
	overflow: hidden;
	height: 45px;
	margin-top: 8px;
	color: #6b6e73
}

.prodReview .reviewPick .swiperWrap.ie9 .swiper-slide {
	padding: 0 4px
}

.prodReview .reviewPick .pickCase .ts-prev,
.prodReview .reviewPick .pickCase .ts-next {
	top: 45%
}

.prodReview .reviewPick .pickCase a {
	display: block;
	padding: 24px 24px 24px 8px;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.prodReview .reviewPick .pickCase a .rating {
	margin: 0 0 0 16px !important
}

.prodReview .reviewPick .pickCase a .con {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-spacing: 16px
}

.prodReview .reviewPick .pickCase a .con>* {
	display: table-cell;
	vertical-align: top
}

.prodReview .reviewPick .pickCase a .con figure {
	overflow: hidden;
	width: 100px;
	height: 100px;
	padding-top: 0 !important;
	border-radius: 8px
}

.prodReview .reviewPick .pickCase a .con figure img {
	width: 100px;
	height: 100px;
	border-radius: 8px
}

.prodReview .reviewPick .pickCase a .con .prodOpt {
	margin-top: 0
}

.prodReview .reviewPick .pickCase a .con .text {
	min-height: 69px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: auto
}

.prodReview .reviewPick .pickCase a .authorInfo {
	margin-left: 16px
}

.prodReview .photoRivewList {
	position: relative;
	min-height: 193px
}

.prodReview .photoRivewList li {
	width: 25%
}

.prodReview .photoRivewList li a {
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 80%
}

.prodReview .photoRivewList li a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2)
}

.prodReview .photoRivewList li .moreNum {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #fff;
	font-weight: 700;
	text-align: center;
	transform: translate(-50%, -50%);
	z-index: 10
}

.prodReview .photoRivewList li:nth-child(n+5) {
	display: none
}

.prodReview .photoRivewList li.more {
	display: block !important;
	background: none;
	position: absolute;
	right: 0;
	top: 0
}

.prodReview .photoRivewList li.more a {
	background: none
}

.prodReview .allReview .btnSorting {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	color: #373a3c
}

.prodReview .allReview .btnSorting::after {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 4px;
	width: 12px;
	height: 12px;
	background: url(/fo/images/common/spr_form.png) no-repeat -474px 0
}

.prodReview .allReview .btnSorting em {
	display: inline-block
}

.prodReview .allReview .btnSorting em~em:before {
	content: "·";
	display: inline-block;
	margin: 0 4px 0 2px;
	color: #373a3c
}

.prodReview .allReview .listNum {
	margin-top: -42px;
	height: 40px
}

.prodReview .allReview .mySetting {
	position: relative;
	padding: 18px 0 17px 24px;
	border-bottom: 1px solid #ebedf2
}

.prodReview .allReview .mySetting .frmSwitch input {
	opacity: 0
}

.prodReview .allReview .mySetting .frmSwitch input+label {
	padding: 0 0 0 44px
}

.prodReview .allReview .mySetting .frmSwitch input+label::before {
	left: 0
}

.prodReview .allReview .mySetting .frmSwitch input+label::after {
	left: 2px
}

.prodReview .allReview .mySetting .frmSwitch input:checked+label:after {
	left: 18px
}

.prodReview .allReview .mySetting .setting {
	position: absolute;
	top: 14x;
	right: 16px;
	width: 24px;
	height: 24px;
	background: url(/fo/images/common/ico_setting.png) no-repeat 50% 50%
}

.prodReview .allReview .reviewList>li {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ebedf2
}

.prodReview .allReview .reviewList>li .rating {
	display: table-cell;
	width: 168px;
	text-align: center;
	vertical-align: middle
}

.prodReview .allReview .reviewList>li .rating .star {
	display: block
}

.prodReview .allReview .reviewList>li .rating .text {
	display: block;
	margin-top: 4px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .prodReview .allReview .reviewList>li .rating .text {
	font-weight: 700
}

.prodReview .allReview .reviewList>li .review {
	display: table-cell;
	position: relative;
	width: calc(100% - 168px);
	padding: 16px 0;
	vertical-align: middle
}

.prodReview .allReview .reviewList>li .review .cont {
	display: table;
	width: 100%
}

.prodReview .allReview .reviewList>li .review .cont.vod figure {
	background: #a0adf0 url(/fo/images/common/bg_vodDefault.png) no-repeat 50% 50%
}

.prodReview .allReview .reviewList>li .review .reviewImg {
	display: table-cell;
	width: 124px;
	padding-right: 24px;
	vertical-align: middle;
	box-sizing: border-box
}

.prodReview .allReview .reviewList>li .review figure {
	overflow: hidden;
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 70% auto
}

.prodReview .allReview .reviewList>li .review figure img {
	display: block;
	width: 200%;
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto
}

.prodReview .allReview .reviewList>li .review figure .uploadNum {
	position: absolute;
	right: 4px;
	bottom: 8px;
	height: 18px;
	padding: 0 8px;
	font-size: 1.3rem;
	color: #fff;
	font-weight: 700;
	line-height: 20px;
	background: rgba(0, 0, 0, .3);
	border-radius: 20px
}

.prodReview .allReview .reviewList>li .review .textArea {
	display: table-cell;
	vertical-align: middle
}

.prodReview .allReview .reviewList>li .review .textArea .optName {
	display: block;
	margin-top: 4px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .prodReview .allReview .reviewList>li .review .textArea .optName {
	font-weight: 700
}

.prodReview .allReview .reviewList>li .review .textArea p {
	margin-top: 8px;
	padding-right: 130px;
	color: #6b6e73;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto;
	max-height: 45px;
	word-break: break-all
}

.prodReview .allReview .reviewList>li .review .textArea .authorInfo {
	position: relative;
	margin-top: 8px;
	z-index: 10
}

.prodReview .allReview .reviewList>li .review .utilGroup {
	position: absolute;
	top: 16px;
	right: 16px
}

.prInfo_top .prSide .flip-clock-banner {
	overflow: hidden;
	position: relative;
	height: 84px;
	margin-top: 8px;
	border-radius: 8px
}

.prInfo_top .prSide .flip-clock-banner strong {
	display: block;
	position: absolute;
	left: 133px;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	font-weight: bold;
	font-size: 3rem;
	color: #fff
}

.prInfo_top .prSide .flip-clock-banner img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.prInfo_top .prSide .flip-clock-banner .flip-clock {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.prInfo_top .prSide .flip-clock-banner .flip-clock .flip-unit {
	position: absolute;
	right: 55px;
	top: 50%;
	transform: translateY(-50%)
}

.prInfo_top .prSide .flip-clock-banner .flip-clock .flip-unit .flip-clock__piece.flip .flip-clock__card.card .card__top,
.prInfo_top .prSide .flip-clock-banner .flip-clock .flip-unit .flip-clock__piece.flip .flip-clock__card.card .card__bottom,
.prInfo_top .prSide .flip-clock-banner .flip-clock .flip-unit .flip-clock__piece.flip .flip-clock__card.card .card__back {
	line-height: 1.05;
	font-size: 3.6rem;
	color: #fff
}

.qnaWrap {
	position: relative;
	margin-top: 80px
}

.qnaWrap .noData {
	border-top: 1px solid #373a3c
}

.qnaWrap .accordianList .toggleAction:first-child .ctrl {
	border-top-color: #373a3c
}

.qnaWrap .accordianList .toggleAction.secret .ctrl::after,
.qnaWrap .accordianList .toggleAction.secret .ctrl[aria-expanded=true]+.accordCont {
	display: none
}

.qnaWrap .accordianList .toggleAction.secret .title {
	position: relative;
	padding-right: 20px
}

.qnaWrap .accordianList .toggleAction.secret .title::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/view/ico_lock.png) no-repeat 50% 50%
}

.qnaWrap .accordianList .toggleAction .ctrl {
	display: table;
	width: 100%;
	padding: 0
}

.qnaWrap .accordianList .toggleAction .ctrl .qnaFlag {
	display: table-cell;
	width: 112px;
	text-align: center;
	vertical-align: middle
}

.qnaWrap .accordianList .toggleAction .ctrl .qnaFlag span {
	display: inline-block;
	min-width: 63px;
	height: 26px;
	color: #373a3c;
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 26px;
	border-radius: 8px;
	background: rgba(245, 247, 250, .5)
}

[lang=zh] .qnaWrap .accordianList .toggleAction .ctrl .qnaFlag span {
	font-weight: 700
}

.qnaWrap .accordianList .toggleAction .ctrl .qnaFlag span.flagComplete {
	color: #4d6ee4
}

[lang=zh] .qnaWrap .accordianList .toggleAction .ctrl .qnaFlag span.flagComplete {
	color: #fe324b
}

.qnaWrap .accordianList .toggleAction .ctrl .textArea {
	display: table-cell;
	width: calc(100% - 112px);
	padding: 26px 0 25px
}

.qnaWrap .accordianList .toggleAction .ctrl .textArea .title {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	padding-right: 40px;
	color: #373a3c;
	font-weight: 500;
	word-break: break-all
}

[lang=zh] .qnaWrap .accordianList .toggleAction .ctrl .textArea .title {
	font-weight: 700
}

.qnaWrap .accordianList .toggleAction .ctrl .textArea .authorInfo {
	display: block;
	margin-top: 12px
}

.qnaWrap .accordianList .toggleAction .ctrl .textArea .authorInfo span {
	color: #6b6e73
}

.qnaWrap .accordianList .toggleAction .accordCont {
	padding: 24px;
	color: #6b6e73
}

.qnaWrap .accordianList .toggleAction .accordCont .answer {
	position: relative;
	padding-left: 64px;
	margin-top: 26px
}

.qnaWrap .accordianList .toggleAction .accordCont .answer b {
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .qnaWrap .accordianList .toggleAction .accordCont .answer b {
	font-weight: 700
}

.qnaWrap .accordianList .toggleAction .accordCont .answer p {
	margin-top: 8px;
	color: #6b6e73
}

.qnaWrap .accordianList .toggleAction .accordCont .answer .date {
	display: block;
	margin-top: 16px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.qnaWrap .accordianList .toggleAction .accordCont .answer .date span {
	display: inline-block;
	margin-left: 25px
}

.qnaWrap .accordianList .toggleAction .accordCont .answer::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 38px;
	height: 26px;
	background: url(/fo/images/view/ico_answer.svg) no-repeat 50% 50%
}

.qnaWrap>a {
	position: absolute;
	top: -8px;
	right: 0;
	min-width: 120px
}

.layCont .reviewDetail {
	padding-top: 8px
}

.layCont .reviewDetail .textIndicatorWrap {
	margin-right: 0
}

.layCont .reviewDetail .reviewCont {
	padding: 0 64px
}

.reviewDetail {
	overflow: hidden;
	height: 432px
}

.reviewDetail>button {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: url(/fo/images/view/ctrl_review.png) no-repeat;
	z-index: 10
}

.reviewDetail .btnPrev {
	left: 40px
}

.reviewDetail .btnNext {
	right: 40px;
	background-position: -40px 0
}

.reviewDetail .reviewSwipe {
	float: left;
	width: 240px
}

.reviewDetail .reviewSwipe .swiper-slide {
	height: 375px
}

.reviewDetail .reviewSwipe .swiper-slide .swiperItem {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 375px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	border-radius: 8px
}

.reviewDetail .reviewSwipe .swiper-slide .swiperItem img {
	position: absolute;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	width: 150%;
	height: auto;
	margin: auto
}

.reviewDetail .reviewSwipe .swiper-slide .swiperItem.vod {
	background: #a0adf0 url(/fo/images/common/bg_vodDefault.png) no-repeat 50% 50%
}

.reviewDetail .reviewSwipe .swiper-slide .swiperItem.vod a::before,
.reviewDetail .reviewSwipe .swiper-slide .swiperItem.vod a::after {
	display: none
}

.reviewDetail .reviewSwipe .swiper-slide .videoArea {
	position: relative
}

.reviewDetail .reviewSwipe .swiper-slide .videoArea a {
	display: block;
	overflow: hidden;
	width: 752px;
	height: 400px;
	margin: 0 auto;
	border-radius: 0;
	opacity: .8
}

.reviewDetail .reviewSwipe .swiper-slide .videoArea a img {
	overflow: hidden;
	display: block;
	width: 100%
}

.reviewDetail .reviewSwipe .swiper-slide .videoArea a::before {
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	border: 2px solid #fff;
	border-radius: 50%;
	z-index: 101;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.reviewDetail .reviewSwipe .swiper-slide .videoArea a::after {
	width: 18px;
	height: 18px;
	margin: -7px 0 0 -6px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -425px 0;
	z-index: 101;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.reviewDetail .reviewSwipe .ts-controls {
	position: relative;
	margin-top: 15px;
	height: 24px
}

.reviewDetail .reviewSwipe .ts-controls .ts-paging {
	position: relative;
	bottom: -6px
}

.reviewDetail .reviewSwipe>button {
	top: inherit;
	bottom: 0;
	margin: 0;
	width: 24px;
	height: 24px;
	margin: 0;
	background: url(/fo/images/common/spr_swiper02.png) no-repeat
}

.reviewDetail .reviewSwipe>button::after {
	display: none
}

.reviewDetail .reviewSwipe>button.ts-button-disabled {
	opacity: .4
}

.reviewDetail .reviewSwipe>button.ts-next {
	top: inherit;
	bottom: 0;
	margin: 0;
	right: 0;
	width: 24px;
	height: 24px;
	margin: 0;
	background: url(/fo/images/common/spr_swiper02.png) no-repeat;
	background-position: -24px 0
}

.reviewDetail .reviewSwipe+.reviewContext {
	float: left;
	width: calc(100% - 240px);
	padding-left: 24px
}

.reviewDetail .reviewSwipe+.reviewContext .textIndicatorWrap {
	margin-right: 20px
}

.reviewDetail .reviewSwipe+.reviewContext .reviewCont {
	padding: 0
}

.reviewDetail .reviewContext {
	overflow-y: auto;
	width: 100%;
	height: 408px;
	box-sizing: border-box
}

.reviewDetail .utilGroup {
	display: inline-block
}

.reviewDetail .reviewCont {
	position: relative;
	margin-top: 13px
}

.reviewDetail .reviewCont .reviewTxt {
	margin: 10px 20px 0 0
}

.reviewDetail .reviewCont .reviewTxt .txt {
	display: block;
	height: auto;
	text-align: left
}

.reviewDetail .reviewCont .reviewFront .grade {
	display: inline-block
}

.reviewDetail .reviewCont .reviewFront .grade::before {
	content: "";
	width: 0
}

.reviewDetail .reviewCont .reviewFront .utilGroup {
	position: relative;
	top: -5px;
	margin-left: 30px
}

.layPop .reviewDetail .utilGroup .popWrap .btPop[aria-expanded=true]+.popLayCont {
	right: -124px
}

.layPop .reviewDetail .utilGroup .popWrap .btPop[aria-expanded=true]+.popLayCont::before {
	right: 132px
}

.shareReview {
	text-align: center;
	padding: 0 24px
}

.shareReview .popWrap .btPop[aria-expanded=true]+.popLayCont {
	right: 0
}

.shareReview .popShare.popshareR .popLayCont:before {
	right: 10px
}

.shareReview .reviewDetail {
	display: inline-block;
	height: 480px;
	margin-bottom: 48px;
	overflow: inherit
}

.shareReview .reviewDetail .reviewPhoto {
	width: 400px;
	float: left;
	margin-right: 92px
}

.shareReview .reviewDetail .reviewPhoto .detailImg {
	width: 400px;
	height: 400px
}

.shareReview .reviewContext {
	max-width: 560px;
	min-width: 560px;
	height: 479px;
	text-align: left;
	border-bottom: 1px solid #eaeaea
}

.shareReview .reviewContext .reviewCont {
	margin-top: 0
}

.shareReview .reviewContext .reviewFront .grade:before {
	width: 0
}

.shareReview .reviewContext .reviewFront .utilGroup {
	position: absolute;
	top: 0;
	right: 0
}

.shareReview .reviewContext .textIndicatorWrap {
	margin: 24px 0 0
}

.shareReview .reviewContext .textIndicatorWrap .prodInfo {
	display: table;
	min-height: 96px;
	padding: 8px 0 8px 24px
}

.shareReview .reviewContext .textIndicatorWrap .prodInfo figure {
	display: table-cell;
	width: 80px;
	height: 80px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 60% auto
}

.shareReview .reviewContext .textIndicatorWrap .prodInfo figure img {
	display: block;
	width: 100%
}

.shareReview .reviewContext .textIndicatorWrap .prodInfo .textArea {
	display: table-cell;
	vertical-align: middle
}

.shareReview .reviewContext .textIndicatorWrap .prodInfo .prodName,
.shareReview .reviewContext .textIndicatorWrap .prodInfo .prodOption {
	text-align: left;
	margin: 0;
	padding-left: 24px
}

.shareReview .reviewTxt {
	margin-top: 24px
}

.myRivewSet .titDep5 {
	margin-bottom: 8px
}

.myRivewSet .titDep5~.titDep5 {
	margin: 24px 0 8px
}

.myRivewSet .radBox {
	width: calc(100% + 8px);
	margin: 4px -4px 0
}

.myRivewSet .radBox>.frmSel {
	padding: 4px
}

.myRivewSet .radBox>.frmSel label {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	line-height: 40px
}

.videoSns {
	position: relative;
	margin: 0 -24px
}

.youtubeArea {
	width: 100%
}

.snsconWrap {
	padding: 15px 0;
	height: 200px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #6b6e73;
	overflow-x: hidden
}

.layCont .noticeArea {
	margin-top: 8px
}

.noticeArea {
	padding: 24px 0;
	text-align: center;
	background: #f7f7fd
}

.noticeArea .noticeTxt {
	display: inline-block;
	position: relative;
	padding-left: 50px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #1e2023;
	text-align: left
}

.noticeArea .noticeTxt::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 42px;
	height: 42px;
	background: url(/fo/images/mypage/review_won.png) no-repeat
}

.noticeArea .noticeDesc {
	margin: 16px 0 12px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.noticeArea .noticeTags {
	display: inline-block;
	height: 46px;
	padding: 0 30px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	line-height: 46px;
	background: #fff;
	border-radius: 8px
}

.noticeArea .noticeTags .tagTit {
	display: inline-block;
	margin-right: 12px;
	color: #1e2023
}

.noticeArea .noticeTags .tagCont {
	color: #4d6ee4
}

[lang=zh] .noticeArea .noticeTags .tagCont {
	color: #fe324b
}

.reviewProd {
	padding: 24px;
	margin-top: 24px;
	text-align: center;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.reviewProd figure {
	display: inline-block;
	width: 96px;
	height: 96px
}

.layPop .reviewProd figure {
	position: relative
}

.reviewProd figure img {
	display: block;
	width: 100%
}

.reviewProd .prodCont {
	display: inline-block;
	max-width: calc(100% - 160px);
	min-height: auto;
	margin-left: 16px;
	padding-top: 9px;
	text-align: left
}

.reviewProd .prodCont .brandName {
	display: block;
	color: #1e2023;
	font-weight: 700
}

.reviewProd .prodCont .prodName {
	display: block;
	margin-top: 8px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700
}

.reviewProd .prodCont .refNum {
	display: inline-block;
	color: #8b8f94
}

.reviewProd .prodCont .prodOpt {
	display: inline-block;
	position: relative;
	margin-left: 12px;
	padding-left: 13px;
	color: #8b8f94
}

.reviewProd .prodCont .prodOpt li {
	display: inline-block
}

.reviewProd .prodCont .prodOpt::after {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	width: 1px;
	height: 13px;
	background: #eaeaea
}

.ratingArea {
	float: right
}

.ratingArea .ratingText {
	display: inline-block;
	margin-right: 5px;
	font-weight: 700;
	line-height: 32px;
	vertical-align: top
}

.ratingArea .rating {
	overflow: hidden;
	display: inline-block;
	position: relative;
	width: 160px;
	font-size: 0
}

.ratingArea .rating>button {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(/fo/images/common/spr_starL.png) no-repeat
}

.ratingArea .rating.rating1>button:first-child {
	background-position: 0 -32px
}

.ratingArea .rating.rating2>button {
	background-position: 0 -32px
}

.ratingArea .rating.rating2>button:nth-child(2)~button {
	background-position: 0 0
}

.ratingArea .rating.rating3>button {
	background-position: 0 -32px
}

.ratingArea .rating.rating3>button:nth-child(3)~button {
	background-position: 0 0
}

.ratingArea .rating.rating4>button {
	background-position: 0 -32px
}

.ratingArea .rating.rating4>button:nth-child(4)~button {
	background-position: 0 0
}

.ratingArea .rating.rating5>button {
	background-position: 0 -32px
}

.reviewOption {
	margin-top: 40px
}

.reviewOption .group>.tit {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #1e2023;
	font-weight: 700
}

.reviewOption .group~.group {
	margin-top: 40px
}

.reviewOption .satisfaction {
	overflow: hidden
}

.reviewOption .satisfaction .tit {
	float: left;
	line-height: 32px
}

.reviewOption .satisfaction .chkStar {
	float: right
}

.reviewOption .satisfaction .mixGrade {
	float: right;
	color: #6b6e73
}

.reviewOption .satisfaction .mixGrade .text {
	display: inline-block;
	margin-right: 32px;
	font-size: 1.5rem;
	line-height: 32px;
	font-weight: 700
}

.reviewOption .optionList>li .tit {
	padding-bottom: 4px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c
}

.reviewOption .optionList>li .radBox.boxCol03 {
	margin: 0 -4px
}

.reviewOption .optionList>li .radBox.boxCol03 .frmSel {
	padding: 0 4px
}

.reviewOption .optionList>li .radBox.boxCol03 .frmSel label {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	line-height: 40px
}

.reviewOption .optionList>li:first-child {
	margin-top: 12px
}

.reviewOption .optionList>li~li {
	margin-top: 24px
}

.reviewOption textarea {
	margin-top: 8px;
	min-height: 100px
}

.reviewOption .reviewAttachList {
	margin: 8px -6px 0;
	font-size: 0
}

.reviewOption .reviewAttachList>li {
	display: inline-block;
	width: 128px;
	height: 128px;
	margin: 0 6px
}

.reviewOption .reviewAttachList>li .cont {
	overflow: hidden;
	position: relative;
	height: 128px;
	border-radius: 4px;
	background: #f5f7fa
}

.reviewOption .reviewAttachList>li .cont::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -117px -24px
}

.reviewOption .reviewAttachList>li .cont figure {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 128px;
	z-index: 1
}

.reviewOption .reviewAttachList>li .cont figure img {
	width: 100%;
	height: 100%
}

.reviewOption .reviewAttachList>li .cont figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1)
}

.reviewOption .reviewAttachList>li .cont .del {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	z-index: 3
}

.reviewOption .reviewAttachList>li .cont .del::before {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -240px -50px
}

.reviewOption .reviewAttachList>li .cont input[type=file] {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	z-index: 2
}

.reviewOption .reviewAttachList>li .cont.vod {
	background: #a0adf0 url(/fo/images/common/bg_vodDefault.png) no-repeat 50% 50%
}

.reviewOption .reviewAttachList>li .cont.vod::after {
	display: none
}

.reviewOption .reviewAttachList>li:nth-child(4)~li {
	margin-top: 16px
}

.reviewOption .reviewAttachList>li:only-child {
	display: block;
	margin: 0 auto
}

.reviewOption .tipInfo {
	padding: 14px 0;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	text-align: center;
	background: none;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.reviewOption .tipInfo strong {
	color: #4d6ee4
}

[lang=zh] .reviewOption .tipInfo strong {
	color: #fe324b
}

.reviewOption~.chkApply {
	padding-bottom: 16px
}

.reviewOption~.chkApply .frmSel {
	display: block
}

.reviewOption~.chkApply .point_colBlue {
	border-bottom: 1px solid;
	border-color: #4d6ee4;
	display: inline-block;
	margin-left: 32px
}

[lang=zh] .reviewOption~.chkApply .point_colBlue {
	border-color: #fe324b
}

.reviewComplete .complete {
	background: url(/fo/images/view/bg_reviewComp.png) no-repeat 50% 0
}

.reviewComplete .presentInfo {
	position: relative;
	margin-top: 32px;
	padding: 24px 16px 16px 120px;
	border: 1px solid #dcdfe3;
	border-radius: 8px
}

.reviewComplete .presentInfo figure {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 80px;
	height: 80px;
	padding: 3.5px;
	box-sizing: border-box
}

.reviewComplete .presentInfo figure img {
	display: block;
	width: 100%
}

.reviewComplete .presentInfo em {
	display: block;
	font-weight: 700
}

.reviewComplete .presentInfo .text {
	display: block;
	color: #6b6e73
}

.reviewComplete .presentInfo .date {
	display: block;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.reviewComplete .titDep5 {
	margin-top: 32px
}

.fixSide {
	width: 30%;
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: 20%
}

.shoppingBasket .inner {
	padding: 32px 0;
	margin-top: -16px;
	height: calc(100% - 32px);
	border: 1px solid #b9bcc0;
	border-radius: 4px
}

.shoppingBasket::before {
	content: "";
	display: block;
	height: 32px
}

.shoppingBasket .front {
	padding: 0 24px
}

.shoppingBasket .prodName {
	display: none;
	margin-bottom: 10px;
	font-size: 2rem;
	line-height: 1.4;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .shoppingBasket .prodName {
	font-weight: 700
}

.shoppingBasket .soldOutDel {
	text-align: right
}

.shoppingBasket .scrollArea {
	overflow-y: auto;
	margin: 0;
	height: calc(100vh - 360px) !important;
	max-height: calc(100vh - 360px) !important;
	min-height: inherit;
	padding: 0 32px;
	box-sizing: border-box;
	z-index: 100
}

.shoppingBasket .selectWrap {
	width: 100%
}

.shoppingBasket .selectWrap.colorSel .ui-selectmenu-menu .ui-menu button {
	padding-left: 45px
}

.shoppingBasket .selectWrap.colorSel .ui-selectmenu-menu .ui-menu button.ui-action-button {
	margin: 0 0 15px 45px
}

.shoppingBasket .selectWrap.colorSel .ui-selectmenu-menu .ui-menu button .option {
	display: block;
	position: absolute;
	top: 50%;
	left: 14px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.shoppingBasket .selectWrap~.selectWrap {
	margin-top: 8px
}

.shoppingBasket .selectWrap .ui-selectmenu-button {
	background: none;
	border-color: #373a3c
}

.shoppingBasket .selectWrap .ui-selectmenu-button.ui-selectmenu-button-open {
	border-color: #4d6ee4
}

[lang=zh] .shoppingBasket .selectWrap .ui-selectmenu-button.ui-selectmenu-button-open {
	border-color: #fe324b
}

.shoppingBasket .selectWrap .ui-selectmenu-button.ui-selectmenu-button-open::after {
	background-position: -18px 0
}

.shoppingBasket .selectWrap .ui-selectmenu-button::after {
	background-position: -475px 0
}

.shoppingBasket .selectWrap .ui-selectmenu-button .ui-selectmenu-text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.shoppingBasket .selectWrap .ui-selectmenu-button span {
	color: #1e2023;
	font-weight: 500
}

[lang=zh] .shoppingBasket .selectWrap .ui-selectmenu-button span {
	font-weight: 700
}

.shoppingBasket .selectWrap .ui-selectmenu-button span.ui-selectmenu-text {
	color: #1e2023;
	font-weight: 400
}

.shoppingBasket .selectWrap .ui-selectmenu-menu .ui-menu button {
	height: auto;
	min-height: 48px;
	padding: 9px 4px 9px 14px;
	line-height: 21px;
	white-space: initial
}

.shoppingBasket .selectWrap .ui-selectmenu-menu .ui-menu button.ui-action-button {
	position: static;
	min-height: 42px;
	margin: 0 0 15px 15px;
	padding: 0 14px
}

.shoppingBasket .chkOptList {
	margin-top: 24px
}

.shoppingBasket .chkOptList .detailOptItem {
	position: relative;
	padding-bottom: 20px
}

.shoppingBasket .chkOptList .detailOptItem~.detailOptItem {
	margin-top: 8px;
	border-top: 1px solid #eaeaea;
	padding-top: 20px
}

.shoppingBasket .chkOptList .detailOptItem.fixOpt .optName {
	margin-right: 0
}

.shoppingBasket .chkOptList .detailOptItem:first-child .del {
	top: 2px
}

.shoppingBasket .chkOptList .detailOptItem .optName {
	display: block;
	margin-right: 20px;
	color: #6b6e73
}

.shoppingBasket .chkOptList .detailOptItem .optName .noOption {
	color: #b9bcc0
}

.shoppingBasket .chkOptList .detailOptItem .amount {
	margin-top: 16px;
	text-align: right
}

.shoppingBasket .chkOptList .detailOptItem .priceArea {
	display: inline-block
}

.shoppingBasket .chkOptList .detailOptItem .priceArea .dollar {
	display: block;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.shoppingBasket .chkOptList .detailOptItem .priceArea .won {
	display: block;
	margin-top: -4px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.shoppingBasket .chkOptList .detailOptItem .frmNum {
	float: left;
	width: 116px;
	height: 40px;
	margin-top: 0;
	font-weight: 700
}

.shoppingBasket .chkOptList .detailOptItem .del {
	position: absolute;
	top: 22px;
	right: -5px;
	width: 20px;
	height: 20px;
	background: url(/fo/images/view/ico_del.png) no-repeat 50% 50%
}

.shoppingBasket .optionPr {
	margin-bottom: 8px
}

.shoppingBasket .optionPr .toggleBtn {
	background: #fff;
	border-color: #373a3c
}

.shoppingBasket .optionPr .toggleBtn::after {
	background-position: -475px 0
}

.shoppingBasket .optionPr .toggleBtn .selectTit {
	color: #6b6e73
}

.shoppingBasket .optionPr .toggleBtn[aria-expanded=true] {
	border-color: #4d6ee4
}

[lang=zh] .shoppingBasket .optionPr .toggleBtn[aria-expanded=true] {
	border-color: #fe324b
}

.shoppingBasket .optionPr .toggleBtn[aria-expanded=true]::after {
	background-position: -18px 0
}

.shoppingBasket .setprCon .info {
	padding-left: 0
}

.shoppingBasket .setprCon .brandTit {
	display: block
}

.shoppingBasket .setprCon .prodName {
	display: block;
	margin-bottom: 0;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .shoppingBasket .setprCon .prodName {
	font-weight: 700
}

.shoppingBasket .setPr_list .prodName {
	text-overflow: inherit;
	white-space: inherit
}

.shoppingBasket .optionPrTxt>li {
	padding: 0;
	border-bottom: 0
}

.shoppingBasket .optionPrTxt>li:first-child:before {
	top: 0
}

.shoppingBasket .optionPrTxt>li~li {
	padding-top: 16px
}

.shoppingBasket .optionPrTxt .tit {
	padding-right: 0;
	font-weight: 500
}

[lang=zh] .shoppingBasket .optionPrTxt .tit {
	font-weight: 700
}

.shoppingBasket .basketBottom {
	margin-top: 20px;
	padding: 0 32px
}

.shoppingBasket .basketBottom .priceArea {
	position: relative;
	text-align: right
}

.shoppingBasket .basketBottom .priceArea em {
	position: absolute;
	left: 0;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.shoppingBasket .basketBottom .priceArea strong {
	display: block;
	margin-top: 4px;
	color: #4d6ee4;
	font-size: 2.8rem;
	line-height: 1.2857142857;
	line-height: 1.4285714286
}

[lang=zh] .shoppingBasket .basketBottom .priceArea strong {
	color: #fe324b
}

.shoppingBasket .basketBottom .priceArea .won {
	display: block;
	margin-top: -4px;
	color: #4d6ee4
}

[lang=zh] .shoppingBasket .basketBottom .priceArea .won {
	color: #fe324b
}

.shoppingBasket .basketBottom .banner-smilepay {
	position: relative;
	width: 100%;
	height: 48px;
	margin-top: 8px
}

.shoppingBasket .basketBottom .banner-smilepay::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 16px;
	height: 100%;
	background: url(/fo/images/view/smilepay_banner_btm_bg_l.png) no-repeat left center;
	background-size: auto;
	object-fit: cover
}

.shoppingBasket .basketBottom .banner-smilepay>a {
	display: block;
	position: relative;
	z-index: 1;
	padding-left: 16px;
	cursor: default;
	pointer-events: none
}

.shoppingBasket .basketBottom .banner-smilepay>a p {
	overflow: hidden;
	position: relative;
	height: 100%;
	padding: 0 50px 0 24px;
	line-height: 48px;
	font-size: 1.3rem;
	color: #5a5f64;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(/fo/images/view/smilepay_banner_btm_bg_l.png) no-repeat right center;
	background-size: auto;
	object-fit: cover
}

.shoppingBasket .basketBottom .banner-smilepay>a p::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url(/fo/images/view/ico_smile.svg) no-repeat left center;
	background-size: cover
}

.shoppingBasket .basketBottom .banner-smilepay>a p::after {
	content: "";
	display: block;
	position: absolute;
	right: 43px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 38px;
	border-right: 1px dashed #c7cdf6
}

.shoppingBasket .basketBottom .banner-smilepay>a p span {
	overflow: hidden;
	font-weight: bold;
	color: #6b6e73;
	text-overflow: ellipsis;
	white-space: nowrap
}

.shoppingBasket .basketBottom .banner-smilepay>a[href*=link],
.shoppingBasket .basketBottom .banner-smilepay>a[href*=http],
.shoppingBasket .basketBottom .banner-smilepay>a[href*="/"] {
	cursor: pointer;
	pointer-events: auto
}

.shoppingBasket .basketBottom .banner-smilepay>p {
	overflow: hidden;
	position: relative;
	height: 100%;
	padding-left: 16px;
	line-height: 48px;
	font-size: 1.3rem;
	color: #5a5f64;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: url(/fo/images/view/smilepay_banner_btm_bg_l.png) no-repeat right center;
	background-size: auto;
	object-fit: cover
}

.shoppingBasket .basketBottom .banner-smilepay>p span {
	overflow: hidden;
	font-weight: bold;
	color: #6b6e73;
	text-overflow: ellipsis;
	white-space: nowrap
}

.shoppingBasket .basketBottom .banner-smilepay>p a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 0 50px 0 24px;
	cursor: default;
	pointer-events: none
}

.shoppingBasket .basketBottom .banner-smilepay>p a[href*=link],
.shoppingBasket .basketBottom .banner-smilepay>p a[href*=http],
.shoppingBasket .basketBottom .banner-smilepay>p a[href*="/"] {
	cursor: pointer;
	pointer-events: auto
}

.shoppingBasket .basketBottom .banner-smilepay>p a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url(/fo/images/view/ico_smile.svg) no-repeat left center;
	background-size: cover
}

.shoppingBasket .basketBottom .banner-smilepay>p a::after {
	content: "";
	display: block;
	position: absolute;
	right: 43px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 38px;
	border-right: 1px dashed #c7cdf6
}

.shoppingBasket .basketBottom .btnCart {
	margin-top: 10px;
	font: 0/0 Arial
}

.shoppingBasket .basketBottom .btnCart .calculator {
	display: inline-block;
	min-width: 48px;
	border-radius: 4px 0 0 4px;
	border: 1px solid #1e2023;
	border-right: 0;
	background: url(/fo/images/view/ico_calcu.png) no-repeat 50% 50%;
	background-size: 18px auto;
	vertical-align: top
}

.shoppingBasket .basketBottom .btnCart .calculator+button {
	min-width: calc(100% - 48px);
	border-radius: 0 4px 4px 0
}

.shoppingBasket .basketBottom .btnCart .btnLineG {
	border-color: #1e2023 !important
}

.shoppingBasket .basketBottom .btnCart.orderBtn .btnSSG {
	width: 100%;
	border-radius: 4px;
	font-size: 1.5rem;
	box-shadow: 0 10px 20px 0 rgba(77, 110, 228, .4)
}

.shoppingBasket .basketBottom .btnCart.orderBtn .btnSSG:disabled {
	box-shadow: none
}

.shoppingBasket .inner.prodNone {
	position: relative
}

.shoppingBasket .inner.prodNone .soldOutText {
	padding: 0 40px;
	font-size: 2rem;
	line-height: 1.4;
	color: #6b6e73;
	font-weight: 500
}

[lang=zh] .shoppingBasket .inner.prodNone .soldOutText {
	font-weight: 700
}

.shoppingBasket .inner.prodNone .soldOutDesc {
	display: block;
	padding: 16px 40px 0;
	color: #6b6e73
}

.shoppingBasket .inner.prodNone .basketBottom {
	position: absolute;
	bottom: 32px;
	width: 100%
}

.shoppingBasket .inner.prodNone .basketBottom .btnCart .btnLineG {
	width: 100%;
	border-radius: 4px
}

.shoppingBasket .inner.prodNone .basketBottom .btnCart .btnLineG:disabled {
	border: 0 !important
}

.shoppingBasket .inner.prodNone .basketBottom .btnCart.orderBtn .btnSSG {
	box-shadow: none
}

.recommendP.recPop {
	width: 640px;
	margin-left: -320px
}

.recommendP.recPop .layCont {
	width: 100%;
	margin: 40px 0;
	padding: 0 35px
}

.recommendP.recPop .restock.restockComplete {
	margin: 0
}

.recommendP.recPop .restock.restockComplete .titDep4 {
	margin-bottom: 32px
}

.recommendP.recPop .restock.restockComplete .btnArea {
	margin: 32px 0
}

.recommendP.recPop .restock.restockComplete .btnArea .btnSSG {
	min-width: 224px
}

.recommendP.recPop .restock.restockComplete .recommendedItems {
	border-top: 1px solid #eaeaea
}

.recommendP.recPop .restock.restockComplete .recommendedItems .titDep4 {
	margin: 32px 0
}

.recommendP.recPop .restock.restockComplete .recommendedItems .swiperWrap .swiper-container .swiper-wrapper .swiper-slide {
	min-height: auto
}

.recommendP.recPop .restock.restockComplete .recommendedItems .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a {
	width: 100%
}

.recommendP.recPop .restock.restockComplete .recommendedItems .swiperWrap .swiper-container .swiper-wrapper .swiper-slide>a figure {
	min-height: auto;
	aspect-ratio: 1/1
}

.recommendP.recPop .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .prodName {
	padding: 0
}

.prodScroll {
	overflow-x: scroll;
	margin: 0 -32px 0 0;
	padding-bottom: 8px
}

.prodScroll::-webkit-scrollbar {
	height: 4px
}

.prodScroll::-webkit-scrollbar-track {
	background: #fff
}

.addCart .complete {
	background: url(/fo/images/view/bg_addCart.png) no-repeat 50% 0
}

.addCart .complete .txtLink {
	padding-top: 6px;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.addCart .presentInfo {
	position: relative;
	margin-top: 32px;
	padding: 16px 16px 16px 120px;
	border: 1px solid #dcdfe3;
	border-radius: 8px
}

.addCart .presentInfo figure {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 80px;
	height: 80px;
	padding: 3.5px;
	box-sizing: border-box;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 80% auto
}

.addCart .presentInfo figure img {
	display: block;
	width: 100%
}

.addCart .presentInfo .tit {
	font-weight: 500
}

[lang=zh] .addCart .presentInfo .tit {
	font-weight: 700
}

.addCart .presentInfo em {
	display: block;
	font-weight: 700
}

.addCart .presentInfo em.quantity {
	color: col_gray03
}

.addCart .presentInfo .text {
	display: block;
	color: #6b6e73
}

.addCart .presentInfo .date {
	display: block;
	padding-top: 12px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.addCart .titDep5 {
	margin-top: 32px;
	font-weight: 700
}

.addCart .prodCont .prodState.soldOut {
	margin-top: -70px
}

.addCart .prodCont .priceArea .saleCont .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.layPop .addCart .prodCont .priceArea .saleCont .saleWon {
	display: block;
	margin-left: 0
}

.layPop .addCart .prodCont .priceArea .saleCont {
	margin-top: 7px
}

.layPop .addCart .prodCont .originPrice+.saleCont {
	margin-top: 0
}

.presentInfo {
	margin-top: 16px !important
}

.presentInfo p {
	padding-left: 18px;
	word-break: break-all
}

.presentInfo p>* {
	display: block
}

.presentInfo p .tit {
	color: #373a3c;
	font-weight: 400
}

.presentInfo p .quantity {
	color: #8b8f94;
	font-weight: 400 !important
}

.presentInfo p .date {
	color: #8b8f94;
	font-weight: 400 !important
}

.contents.cbs .shoppingBasket .basketBottom .noti {
	height: 84px;
	margin-top: 20px;
	padding: 20px 0;
	border-top: 1px solid #b9bcc0;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fe324b
}

.contents.cbs .shoppingBasket .basketBottom .noti em {
	display: block
}

.contents.cbs .prInfo_conWrap .prInfo_con .conBox.infoCode .notice li {
	margin: 0;
	padding: 0;
	font-size: 1.8rem;
	color: #373a3c
}

.contents.cbs .prInfo_conWrap .prInfo_con .conBox.infoCode .notice li::after {
	display: none
}

.contents .prInfo_top .prCon.cbs .benefitsTop {
	margin-top: 10px
}

.contents .prInfo_top .prCon.cbs .benefitsTop .detail .con>li em>a {
	height: 28px
}

.contents .prInfo_top .prCon.cbs .benefitsTop .detail .con>li em>a img {
	height: 100%
}

.contents .prInfo_top .prCon.cbs .priceInfo .infoTxt {
	margin-top: 10px;
	padding-right: 18px;
	color: #6b6e73
}

.contents .prInfo_top .prCon.cbs .priceInfo .infoTxt .eng em {
	padding: 0 4px 0 5px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.contents .prInfo_top .prCon.cbs .priceInfo .infoTxt .eng b {
	font-size: 1.4rem;
	font-weight: 400
}

.contents .prInfo_top .prCon.cbs .priceInfo .reservesInfo>a {
	margin-top: 10px
}

.contents .prInfo_top .prCon.cbs .priceInfo .noti {
	margin-top: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #373a3c
}

.contents .prInfo_top .prCon.cbs .priceInfo .noti em {
	color: #f42d10
}

.contents .prInfo_top .prCon.cbs .priceInfo .noti+.taxfreeConfirm {
	margin-top: 20px
}

.contents .prInfo_top .prCon.cbs .priceInfo .noti+.reservesInfo.loginInfo {
	margin-top: 22px
}

.contents .prInfo_top .prCon.cbs .priceInfo .taxfreeConfirm {
	display: block;
	height: 56px;
	margin-top: 10px;
	line-height: 56px;
	padding: 0 23px;
	border: 1px solid #dcdfe3;
	border-radius: 4px
}

.contents .prInfo_top .prCon.cbs .priceInfo .taxfreeConfirm span {
	display: inline-block;
	position: relative;
	padding-right: 18px;
	color: #373a3c;
	font-weight: bold;
	text-decoration: underline;
	background: url(/fo/images/view/ico_chevron_s.png) no-repeat right 50%
}

.fixSide .shoppingBasket.cbs .basketBottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px
}

.fixSide .shoppingBasket.cbs .basketBottom .priceArea em {
	position: static
}

.fixSide .shoppingBasket.cbs .basketBottom .priceArea strong {
	margin-top: -2px
}

.fixSide .shoppingBasket.cbs .basketBottom .noti {
	height: 84px;
	margin-top: 20px;
	padding: 20px 0;
	border-top: 1px solid #b9bcc0;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fe324b
}

.fixSide .shoppingBasket.cbs .basketBottom .noti em {
	display: block
}

.layPop .layCont .cbs_taxfree_pop {
	padding-top: 40px
}

.layPop .layCont .cbs_taxfree_pop .prodFlag {
	margin: 0 0 13px;
	font-size: 0
}

.layPop .layCont .cbs_taxfree_pop .priceInfo {
	position: relative;
	padding-top: 13px
}

.layPop .layCont .cbs_taxfree_pop .priceInfo .txt {
	color: #6b6e73
}

.layPop .layCont .cbs_taxfree_pop .priceInfo .costNum {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #6b6e73;
	text-decoration: line-through
}

.layPop .layCont .cbs_taxfree_pop .priceInfo .salePrice {
	display: block;
	color: #373a3c
}

.layPop .layCont .cbs_taxfree_pop .priceInfo .salePrice .discountNum {
	font-size: 3.6rem;
	line-height: 1.2222222222;
	font-weight: 700;
	color: #f42d10
}

.layPop .layCont .cbs_taxfree_pop .priceInfo .salePrice .dollarNum {
	padding: 0 4px;
	font-size: 3.6rem;
	line-height: 1.2222222222;
	font-weight: 700
}

.layPop .layCont .cbs_taxfree_pop .priceInfo .salePrice .saleNum {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.layPop .layCont .cbs_taxfree_pop .priceInfo .salePrice .saleNum b {
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 400
}

.layPop .layCont .cbs_taxfree_pop .infoTxt {
	margin-top: 10px;
	padding-right: 18px;
	color: #6b6e73
}

.layPop .layCont .cbs_taxfree_pop .infoTxt .eng em {
	padding: 0 4px 0 5px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.layPop .layCont .cbs_taxfree_pop .infoTxt .eng b {
	font-size: 1.4rem;
	font-weight: 400
}

.layPop .layCont .cbs_taxfree_pop .reservesInfo {
	margin-top: 10px
}

.layPop .layCont .cbs_taxfree_pop .reservesInfo>a {
	display: inline-block;
	margin-top: 0;
	padding-right: 18px;
	color: #6b6e73;
	background: url(/fo/images/view/ico_chevron_s.png) no-repeat right 50%
}

.layPop .layCont .cbs_taxfree_pop .reservesInfo>a.disabled {
	pointer-events: none;
	background: none
}

.layPop .layCont .cbs_taxfree_pop .reservesInfo>a .eng em {
	padding: 0 4px 0 5px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.layPop .layCont .cbs_taxfree_pop .reservesInfo>a .eng b {
	font-size: 1.4rem;
	font-weight: 400
}

.layPop .layCont .cbs_taxfree_pop .noti {
	margin-top: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #373a3c
}

.layPop .layCont .cbs_taxfree_pop .noti em {
	color: #f42d10
}

.layPop .layCont .cbs_taxfree_pop .taxfreeConfirm {
	display: block;
	height: 56px;
	margin-top: 20px;
	line-height: 56px;
	padding: 0 23px;
	border: 1px solid #dcdfe3;
	border-radius: 4px
}

.layPop .layCont .cbs_taxfree_pop .taxfreeConfirm span {
	display: inline-block;
	position: relative;
	padding-right: 18px;
	color: #373a3c;
	font-weight: bold;
	text-decoration: underline;
	background: url(/fo/images/view/ico_chevron_s.png) no-repeat right 50%
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop {
	margin-top: 23px
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .toggleBtn {
	padding: 0 23px;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	width: 100%;
	border: 1px solid #dcdfe3
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .toggleBtn em {
	position: relative;
	display: inline-block;
	padding-right: 18px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .layPop .layCont .cbs_taxfree_pop .benefitsTop .toggleBtn em {
	font-weight: 700
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .toggleBtn em::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -5px;
	background: url(/fo/images/view/ico_expand_more02.png) no-repeat 0 0
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .toggleBtn[aria-expanded=true] {
	border-bottom: 0;
	border-radius: 4px 4px 0 0
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .toggleBtn[aria-expanded=true] em:after {
	background-position: 0 -12px
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .toggleBtn[aria-expanded=true]+.detail {
	display: block
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .detail {
	display: none;
	border: 1px solid #dcdfe3;
	border-radius: 0 0 4px 4px;
	padding: 0 23px 14px;
	border-top: 0
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .detail .con li {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding-top: 8px
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .detail .con li>* {
	display: table-cell;
	font-size: 1.4rem;
	color: #8b8f94
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .detail .con li span {
	width: 15%
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .detail .con li em {
	width: 85%
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .detail .con li em a {
	display: inline-block;
	height: 28px;
	margin-left: 8px;
	vertical-align: middle
}

.layPop .layCont .cbs_taxfree_pop .benefitsTop .detail .con li em a img {
	height: 100%
}

.stockPrdView .basketTop .btnCart {
	padding-left: 0
}

.stockPrdView .btnCart .btnM {
	width: 100%
}

.recentProd .popLayCont .swiper-slide .del {
	z-index: 2
}

@keyframes opacity1 {
	to {
		opacity: 1
	}
}

.prodState.age {
	opacity: 0;
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 1;
	width: 24px;
	height: 24px;
	font-size: 0;
	background: url(/fo/images/common/ico_age19.svg) no-repeat;
	background-size: 100%
}

.prodState.age+img,
.prodState.age~img {
	filter: blur(3px)
}

.historyCont .prodState.age {
	opacity: 1 !important;
	left: initial !important;
	right: 6px !important;
	top: 6px !important;
	width: 32px !important;
	height: 32px !important;
	font-size: 0 !important;
	background: url(/fo/images/common/ico_age19.svg) no-repeat !important;
	background-size: 100% !important
}

.historyCont .prodState.age+img,
.historyCont .prodState.age~img {
	filter: blur(4px)
}

.mypickPr .con .prodState.age {
	display: block;
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 10;
	width: 40px;
	height: 40px;
	font-size: 0;
	background: url(/fo/images/common/ico_age19.svg) no-repeat;
	background-size: 100
}

.mypickPr .con .prodState.age+img,
.mypickPr .con .prodState.age~img {
	filter: blur(6px)
}

.prodCont.prodAge .prodState.age {
	opacity: 0;
	left: initial !important;
	z-index: 20;
	transform: initial !important;
	transition: opacity .3s ease-in-out !important
}

.prodCont.prodAge .setList .prodState.age {
	right: 6px !important;
	top: 6px !important;
	width: 24px !important;
	height: 24px !important;
	margin: 0 !important
}

.prodCont.prodAge .setList .prodState.age+img,
.prodCont.prodAge .setList .prodState.age~img {
	filter: blur(3px)
}

.prodCont.prodAge.sizeL .prodState.age,
.prodCont.prodAge.sizeM .prodState.age,
.prodCont.prodAge.sizeS .prodState.age {
	animation: opacity1 .1s .1s forwards
}

.prodCont.prodAge.sizeL .prodState.age {
	right: 12px !important;
	top: 12px !important;
	width: 40px;
	height: 40px
}

.prodCont.prodAge.sizeL .prodState.age+img,
.prodCont.prodAge.sizeL .prodState.age~img {
	filter: blur(6px)
}

.prodCont.prodAge.sizeL>a figure img {
	filter: blur(6px)
}

.prodCont.prodAge.sizeM .prodState.age {
	right: 6px !important;
	top: 6px !important;
	width: 32px;
	height: 32px
}

.prodCont.prodAge.sizeM .prodState.age+img,
.prodCont.prodAge.sizeM .prodState.age~img {
	filter: blur(4px)
}

.prodCont.prodAge.sizeM>a figure img {
	filter: blur(4px)
}

.prodCont.prodAge.sizeS .prodState.age {
	right: 6px !important;
	top: 6px !important;
	width: 24px;
	height: 24px
}

.prodCont.prodAge.sizeS .prodState.age+img,
.prodCont.prodAge.sizeS .prodState.age~img {
	filter: blur(3px)
}

.prodCont.prodAge.sizeS>a figure img {
	filter: blur(3px)
}

.prodCont.prodAge .prodState.age {
	left: initial;
	font-size: 0;
	background: url(/fo/images/common/ico_age19.svg) no-repeat;
	background-size: 100%
}

.prodCont.prodAge .optionBtns {
	display: flex;
	align-items: center;
	justify-content: center
}

.specialprice_imp .prodCont.prodAge .optionBtns,
.lankingComponent .prodCont.prodAge .optionBtns,
.prodThumb.prodRanking .prodCont.prodAge .optionBtns,
.prodThumb.prodReview .prodCont.prodAge .optionBtns,
.steadySeller .prodCont.prodAge .optionBtns {
	width: 184px;
	height: 48px;
	margin: -30px 0 0 -92px;
	font-size: 0
}

.specialprice_imp .prodCont.prodAge .optionBtns .chkFavo,
.lankingComponent .prodCont.prodAge .optionBtns .chkFavo,
.prodThumb.prodRanking .prodCont.prodAge .optionBtns .chkFavo,
.prodThumb.prodReview .prodCont.prodAge .optionBtns .chkFavo,
.steadySeller .prodCont.prodAge .optionBtns .chkFavo {
	display: inline-block;
	float: none;
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	width: 48px;
	height: 48px;
	margin: 0 4px !important
}

.specialprice_imp .prodCont.prodAge .optionBtns .chkFavo label,
.lankingComponent .prodCont.prodAge .optionBtns .chkFavo label,
.prodThumb.prodRanking .prodCont.prodAge .optionBtns .chkFavo label,
.prodThumb.prodReview .prodCont.prodAge .optionBtns .chkFavo label,
.steadySeller .prodCont.prodAge .optionBtns .chkFavo label {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	cursor: pointer;
	background: rgba(30, 32, 35, .6)
}

.specialprice_imp .prodCont.prodAge .optionBtns .chkFavo label::after,
.lankingComponent .prodCont.prodAge .optionBtns .chkFavo label::after,
.prodThumb.prodRanking .prodCont.prodAge .optionBtns .chkFavo label::after,
.prodThumb.prodReview .prodCont.prodAge .optionBtns .chkFavo label::after,
.steadySeller .prodCont.prodAge .optionBtns .chkFavo label::after {
	margin: 0 !important;
	transform: translate(-50%, -50%);
	background-position: -74px -25px
}

.specialprice_imp .prodCont.prodAge .optionBtns .chkFavo label:hover,
.lankingComponent .prodCont.prodAge .optionBtns .chkFavo label:hover,
.prodThumb.prodRanking .prodCont.prodAge .optionBtns .chkFavo label:hover,
.prodThumb.prodReview .prodCont.prodAge .optionBtns .chkFavo label:hover,
.steadySeller .prodCont.prodAge .optionBtns .chkFavo label:hover {
	background: #1e2023
}

.specialprice_imp .prodCont.prodAge .optionBtns .chkFavo input:checked+label::after,
.lankingComponent .prodCont.prodAge .optionBtns .chkFavo input:checked+label::after,
.prodThumb.prodRanking .prodCont.prodAge .optionBtns .chkFavo input:checked+label::after,
.prodThumb.prodReview .prodCont.prodAge .optionBtns .chkFavo input:checked+label::after,
.steadySeller .prodCont.prodAge .optionBtns .chkFavo input:checked+label::after {
	background-position: 0 -25px
}

.specialprice_imp .prodCont.prodAge .optionBtns button,
.lankingComponent .prodCont.prodAge .optionBtns button,
.prodThumb.prodRanking .prodCont.prodAge .optionBtns button,
.prodThumb.prodReview .prodCont.prodAge .optionBtns button,
.steadySeller .prodCont.prodAge .optionBtns button {
	width: 48px;
	height: 48px;
	margin: 0 4px
}

.prodCont.prodAge .optionBtns.type02 {
	top: 55%
}

.prodCont.prodAge .optionBtns.type02 button {
	margin: 0 4px
}

.prodCont.prodAge:hover .optionBtns {
	display: flex;
	align-items: center;
	justify-content: center
}

.specialprice_imp .prodCont.prodAge:hover .optionBtns,
.lankingComponent .prodCont.prodAge:hover .optionBtns,
.prodThumb.prodRanking .prodCont.prodAge:hover .optionBtns,
.prodThumb.prodReview .prodCont.prodAge:hover .optionBtns,
.steadySeller .prodCont.prodAge:hover .optionBtns {
	display: flex;
	align-items: center;
	justify-content: center
}

.newEntryTabCon .brandInfo .prodCont.prodAge {
	min-height: initial
}

.newEntryTabCon .brandInfo .prodCont.prodAge .prodState.age {
	right: 6px !important;
	top: 6px !important;
	width: 24px;
	height: 24px
}

.newEntryTabCon .brandInfo .prodCont.prodAge .prodState.age+img,
.newEntryTabCon .brandInfo .prodCont.prodAge .prodState.age~img {
	filter: blur(3px)
}

.mypickPr .folderList .con.prodCont.prodAge figure img {
	position: static
}

.prodCont.prodAge>a::before {
	display: none
}

.prodCont .optionBtns {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important
}

.prodCont .optionBtns.type02 {
	top: 55%
}

.specialprice_imp .todaysp_pr li.swiper-slide .prodCont .optionBtns,
.lankingComponent .prodCont .optionBtns,
.prodThumb.prodRanking .prodCont .optionBtns,
.prodThumb.prodReview .prodCont .optionBtns,
.steadySeller .prodCont .optionBtns {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 184px;
	margin: -30px 0 0 -92px !important
}

.specialprice_imp .prodCont .optionBtns {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 184px !important;
	margin: -30px 0 0 -92px !important
}

.prodCont .optionBtns .chkFavo {
	display: inline-block;
	float: none;
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	width: 48px;
	height: 48px;
	margin: 0 4px !important
}

.prodCont .optionBtns .chkFavo label {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	cursor: pointer;
	background: rgba(30, 32, 35, .6)
}

.prodCont .optionBtns .chkFavo label::after {
	margin: 0 !important;
	transform: translate(-50%, -50%);
	background-position: -74px -25px
}

.prodCont .optionBtns .chkFavo label:hover {
	background: #1e2023
}

.prodCont .optionBtns .chkFavo input:checked+label::after {
	background-position: 0 -25px
}

.specialprice_imp .prodCont .optionBtns>button,
.specialprice_imp .todaysp_pr li.swiper-slide .prodCont .optionBtns>button,
.lankingComponent .prodCont .optionBtns>button,
.prodThumb.prodRanking .prodCont .optionBtns>button,
.prodThumb.prodReview .prodCont .optionBtns>button,
.steadySeller .prodCont .optionBtns>button {
	margin: 0 4px !important
}

.prodCont:hover .optionBtns {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important
}

.specialprice_imp .prodCont:hover .optionBtns,
.specialprice_imp .todaysp_pr li.swiper-slide .prodCont:hover .optionBtns,
.lankingComponent .prodCont:hover .optionBtns,
.prodThumb.prodRanking .prodCont:hover .optionBtns,
.prodThumb.prodReview .prodCont:hover .optionBtns,
.steadySeller .prodCont:hover .optionBtns {
	display: flex;
	align-items: center;
	justify-content: center
}

.prodSoldout figure {
	opacity: .6
}

.header .headInner .headUtil .recentProd.prodCont.prodAge {
	min-height: initial
}

.header .headInner .headUtil .recentProd.prodCont.prodAge .popLayCont figure {
	min-height: initial
}

.header .headInner .headUtil .recentProd.prodCont.prodAge .popLayCont .recentListS li .del {
	z-index: 10
}

.header .headInner .headUtil .recentProd .popLayCont .prodState.age~a figure img {
	filter: blur(3px)
}

.header .headInner .headUtil .recentProd .popLayCont .prodState.age~.del {
	z-index: 1000 !important
}

.soldOutSlash>a>span {
	position: relative;
	overflow: hidden
}

.soldOutSlash>a>span::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 150%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 0 0
}

.soldOutSlashMac {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.soldOutSlashMac>a {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.soldOutSlashMac>a::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: -1px;
	left: 1px;
	width: 71px;
	height: 2px;
	background: #dcdfe3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 0 0
}

.soldOutSlashMac.selected>a::before {
	top: 2px;
	left: 3px;
	width: 63px
}

.soldOutSlashMac.on>a {
	overflow: unset
}

.soldOutSlashMac.on>a::before {
	top: 2px;
	left: 2px
}

.soldOutSlashTom .option {
	overflow: hidden
}

.soldOutSlashTom .option::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 20px;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 0 0
}

.soldOutSlashLamer .option {
	overflow: hidden
}

.soldOutSlashLamer .option::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 20px;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 0 0
}

.soldOutSlashOp .option {
	overflow: hidden
}

.soldOutSlashOp .option::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 150%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 0 0
}

.soldOutSlashEst {
	position: relative;
	overflow: hidden
}

.soldOutSlashEst::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 150%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 0 0
}

.soldOutSlashNext {
	position: relative
}

.soldOutSlashNext::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 92%;
	left: 1px;
	width: 135%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: 0 0
}

.soldOutSlashNext.color-box::before {
	content: none
}

.soldOutSlashNext.color-box>span {
	position: relative;
	overflow: hidden
}

.soldOutSlashNext.color-box>span::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 106%;
	left: -2px;
	width: 168%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: 0 0
}

.soldOutSlashEstDe>a::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 150%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: 0 0
}

.soldOutSlashEstDe.selC>a::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: 92%;
	left: 1px;
	width: 135%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: 0 0
}

select.soldOutSlashSel {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

select.slashSelLamer {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 95px
}

.prdListWrap #vPrdList_wrap .prdList .prdEx .selSlideWrap .selC a {
	position: relative;
	overflow: hidden
}

.layPop.benefitPreview.on .titLay {
	border: none
}

.layPop.benefitPreview.on .benefitPrice {
	display: flex;
	position: relative;
	justify-content: center;
	margin-top: 15px;
	padding: 0 0 13px
}

.layPop.benefitPreview.on .benefitPrice::after {
	content: "";
	display: block;
	position: absolute;
	left: 40px;
	bottom: 0;
	width: 400px;
	height: 1px;
	background: #eaeaea
}

.layPop.benefitPreview.on .benefitPrice span {
	font-size: 1.6rem;
	color: #1e2023
}

.layPop.benefitPreview.on .benefitPrice em {
	margin-left: 16px;
	font-size: 1.6rem;
	color: #f42d10;
	font-weight: 700
}

.layPop.benefitPreview.on .layCont {
	margin-top: 0;
	padding: 0 32px 8px 40px
}

.layPop.benefitPreview.on .benefitList {
	margin-top: 0
}

.layPop.benefitPreview.on .benefitList li {
	padding: 16px 0 15px;
	border-bottom: 1px solid #eaeaea
}

.layPop.benefitPreview.on .benefitList li:last-child {
	margin-bottom: 20px
}

.layPop.benefitPreview.on .benefitList ul+div {
	margin-top: -10px;
	padding-bottom: 20px;
	font-size: 1.4rem
}

.layPop.benefitPreview.on .benefitList .tit {
	display: block;
	margin-bottom: 13px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1e2023
}

.layPop.benefitPreview.on .benefitList .inner {
	display: flex;
	align-items: center
}

.layPop.benefitPreview.on .benefitList .inner .price {
	position: relative;
	margin-right: 8px;
	padding-left: 26px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #4d6ee4
}

[lang=zh] .layPop.benefitPreview.on .benefitList .inner .price {
	color: #ff411e
}

.layPop.benefitPreview.on .benefitList .inner .price::before {
	content: "";
	display: block;
	position: absolute;
	left: 6px;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/common/ico_check_12x_2s_off.svg) no-repeat;
	background-size: contain
}

.layPop.benefitPreview.on .benefitList .inner .price+.desc {
	padding-left: 0;
	font-weight: 700;
	color: #373a3c
}

.layPop.benefitPreview.on .benefitList .inner .price+.desc::before {
	display: none
}

.layPop.benefitPreview.on .benefitList .inner .desc {
	overflow: hidden;
	position: relative;
	padding-left: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #373a3c;
	font-size: 1.5rem;
	letter-spacing: -0.3px
}

.layPop.benefitPreview.on .benefitList .inner .desc::before {
	content: "";
	display: block;
	position: absolute;
	left: 6px;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/common/ico_check_12x_2s_off.svg) no-repeat;
	background-size: contain
}

.layPop.benefitPreview.on .benefitList .inner.checked .price::before {
	background: url(/fo/images/common/ico_check_12x_2s.svg) no-repeat
}

[lang=zh] .layPop.benefitPreview.on .benefitList .inner.checked .price::before {
	background: url(/fo/images/common/ico_check_12x_2s_cn.svg) no-repeat
}

.layPop.benefitPreview.on .benefitList .inner.checked .desc::before {
	background: url(/fo/images/common/ico_check_12x_2s.svg) no-repeat
}

.layPop.benefitPreview.on .benefitList .inner~.inner {
	margin-top: 11px
}

.layPop.benefitPreview.on .btnArea {
	position: relative
}

.layPop.benefitPreview.on .btnArea::before {
	content: "";
	display: block;
	position: absolute;
	left: -30px;
	top: -36px;
	width: calc(100% + 60px);
	height: 12px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 100%)
}

.layPop.benefitPreview.on .btnArea .txt {
	position: absolute;
	left: 50%;
	bottom: 64px;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%);
	height: 26px;
	padding: 0 10px;
	border-radius: 13px;
	line-height: 26px;
	font-size: 1.3rem;
	color: #fff;
	font-weight: 500;
	letter-spacing: -0.24px;
	white-space: nowrap;
	background: #4d6ee4;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .2)
}

.layPop.benefitPreview.on .btnArea .txt::after {
	content: "";
	display: block;
	position: absolute;
	left: calc(50% - 8px);
	bottom: -5px;
	width: 0;
	height: 0;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-top: 8px solid #4d6ee4
}

[lang=zh] .layPop.benefitPreview.on .btnArea .txt::after {
	border-top: 8px solid #fe324b
}

[lang=zh] .layPop.benefitPreview.on .btnArea .txt {
	background: #fe324b
}

.layPop.benefitPreview.on .btnArea .btnSSG {
	width: 260px
}

@media screen and (min-width: 1663px) {
	.offLine_storeInfo li {
		padding: 32px 16px;
		display: table;
		table-layout: fixed;
		width: 100%
	}

	.offLine_storeInfo li>* {
		display: table-cell;
		vertical-align: top
	}

	.offLine_storeInfo .storeName {
		width: 248px
	}

	.offLine_storeInfo .con {
		padding-top: 0
	}

	.optionWrap .optionsResult .optionsReflection+.optionsReflection {
		padding-top: 16px
	}

	.optionWrap .optionsResult .optionsReflection+.optionsReflection::before {
		position: absolute;
		top: 0;
		left: 24px;
		right: 24px;
		width: 93%
	}

	.optionsResult .optionsReflection {
		display: table;
		table-layout: fixed;
		width: 100%;
		padding: 24px 60px 24px 23px
	}

	.optionsResult .optionsReflection>* {
		display: table-cell;
		vertical-align: middle
	}

	.optionsResult .optionsReflection .optProp {
		width: 40%
	}

	.optionsResult .optionsReflection .quantity {
		width: 60%
	}

	.optionsResult .optionsReflection .btnDel {
		top: 50%;
		margin-top: -15px
	}

	.prInfo_top .prSide .timesaleBanner {
		height: 117px;
		line-height: 122px;
		padding: 0 210px 0 32px
	}

	.prInfo_top .prSide .timesaleBanner .tit {
		font-size: 2.4rem;
		line-height: 1.3333333333;
		line-height: 1.4166666667
	}

	.prInfo_top .prSide .timesaleBanner .time {
		width: 233px;
		height: 117px;
		padding-left: 80px;
		background: url(/fo/images/view/bg_timebanner02.png) no-repeat 0 0
	}

	.prInfo_top .prSide .timesCon span {
		font-size: 2.4rem;
		line-height: 1.3333333333;
		line-height: 1.4166666667
	}

	.noticeInfo_Tab .tabType06>li a {
		font-size: 1.5rem
	}

	.giftArea .giftCon .list {
		margin: 0 -16px
	}

	.giftArea .giftCon .list li {
		padding: 4px 16px;
		float: left;
		width: 50%
	}

	.infoCode .code span,
	.offLineCode .code span {
		display: inline-block
	}

	.infoCode .code span~span,
	.offLineCode .code span~span {
		margin-left: 33px
	}

	.prodReview .photoRivewList li {
		width: 20%
	}

	.prodReview .photoRivewList li:nth-child(n+5) {
		display: block
	}

	.prodReview .photoRivewList li:nth-child(n+6) {
		display: none
	}
}

@media screen and (min-width: 1903px) {
	.shoppingBasket .inner {
		padding: 40px 0
	}

	.shoppingBasket .front {
		padding: 0 40px 0 30px
	}

	.shoppingBasket .prodName {
		display: block
	}

	.shoppingBasket .soldOutDel {
		margin-top: 32px
	}

	.shoppingBasket .scrollArea {
		height: calc(100vh - 438px) !important;
		max-height: calc(100vh - 438px) !important
	}
}

[lang=en] .noticeInfo_Tab .tabType06>li a {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 18px
}

@media screen and (min-width: 1663px) {
	[lang=en] .noticeInfo_Tab .tabType06>li a {
		line-height: 20px
	}
}

[lang=en] .contents.u646 .prInfo_conWrap .prInfo_con .prInfo_tabCon .qnaWrap .btnSSG.btnXS {
	width: 104px
}

[lang=en] .layPop.u646layPopStore {
	height: auto
}

[lang=en] .layPop .layCont .storeWrap .info strong {
	width: 160px;
	font-size: 2.2rem
}

[lang=en] .layPop .layCont .storeWrap .info .adTime li em {
	width: 106px
}

[lang=en] .layPop .layCont .storeWrap .info .adTime li p {
	width: calc(100% - 106px)
}

[lang=en] .contents.u646 .prInfo_top.zoom .prCon .prInfo_main .priceInfoFlat .con .inWrap .tit {
	width: 140px
}

[lang=en] #ingdInfoTab01 .ingdKindTop .ingdKind_list li .ingdKind {
	width: 124px;
	margin: 8px auto 0
}

[lang=en] #ingdInfoTab01 .ingdKindTop .ingdKind_list li .ingdKind span {
	width: 62px;
	height: 66px
}

[lang=en] #ingdInfoTab01 .ingdKindTop .ingdKind_list li .ingdKind span em {
	padding-top: 48px
}

[lang=en] #ingdInfoTab02 .ingdKindTop .ingdKind_list li .ingdKind p {
	display: flex;
	justify-content: center
}

.col_cRed05 {
	color: #fe324b !important
}

.mz-comment .commentArea .commentListWrap .btnArea .btn-delete,
.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide .flag-original,
.mz-container .mz-content .mz-innerWrap .ico-ft .btn-close,
.mz-container .fixedWrap.imp .inner .mz-innerWrap .btn-prev,
#filterWrap .close,
#filterWrap .btnArea button.btnRefresh,
#filterWrap .filterCont .filterOption .filterSelectList>li .color,
#filterWrap .filterCont .filterOption .filterSelectList>li .del,
#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input+label,
.snsList .list .moreArea .snsMore {
	overflow: hidden;
	text-indent: -9999px
}

.snsList .list .moreArea .snsMore::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.mz-comment .commentWrite textarea,
.mz-container .mz-content .section-original .mz-comment,
#filterWrap .filterCont .filterOption .cateScrollArea,
#filterWrap .filterCont,
.memberWrap .idTotalWrap.hscroll,
.scrollArea {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.mz-comment .commentWrite textarea::-webkit-scrollbar,
.mz-container .mz-content .section-original .mz-comment::-webkit-scrollbar,
#filterWrap .filterCont .filterOption .cateScrollArea::-webkit-scrollbar,
#filterWrap .filterCont::-webkit-scrollbar,
.memberWrap .idTotalWrap.hscroll::-webkit-scrollbar,
.scrollArea::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.mz-comment .commentWrite textarea::-webkit-scrollbar-thumb,
.mz-container .mz-content .section-original .mz-comment::-webkit-scrollbar-thumb,
#filterWrap .filterCont .filterOption .cateScrollArea::-webkit-scrollbar-thumb,
#filterWrap .filterCont::-webkit-scrollbar-thumb,
.memberWrap .idTotalWrap.hscroll::-webkit-scrollbar-thumb,
.scrollArea::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.mz-comment .commentWrite textarea::-webkit-scrollbar-track,
.mz-container .mz-content .section-original .mz-comment::-webkit-scrollbar-track,
#filterWrap .filterCont .filterOption .cateScrollArea::-webkit-scrollbar-track,
#filterWrap .filterCont::-webkit-scrollbar-track,
.memberWrap .idTotalWrap.hscroll::-webkit-scrollbar-track,
.scrollArea::-webkit-scrollbar-track {
	border-radius: 10px
}

.col_cRed05 {
	color: #fe324b !important
}

.mz-comment .commentArea .commentListWrap .btnArea .btn-delete,
.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide .flag-original,
.mz-container .mz-content .mz-innerWrap .ico-ft .btn-close,
.mz-container .fixedWrap.imp .inner .mz-innerWrap .btn-prev,
#filterWrap .close,
#filterWrap .btnArea button.btnRefresh,
#filterWrap .filterCont .filterOption .filterSelectList>li .color,
#filterWrap .filterCont .filterOption .filterSelectList>li .del,
#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input+label,
.snsList .list .moreArea .snsMore {
	overflow: hidden;
	text-indent: -9999px
}

.snsList .list .moreArea .snsMore::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.mz-comment .commentWrite textarea,
.mz-container .mz-content .section-original .mz-comment,
#filterWrap .filterCont .filterOption .cateScrollArea,
#filterWrap .filterCont,
.memberWrap .idTotalWrap.hscroll,
.scrollArea {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.mz-comment .commentWrite textarea::-webkit-scrollbar,
.mz-container .mz-content .section-original .mz-comment::-webkit-scrollbar,
#filterWrap .filterCont .filterOption .cateScrollArea::-webkit-scrollbar,
#filterWrap .filterCont::-webkit-scrollbar,
.memberWrap .idTotalWrap.hscroll::-webkit-scrollbar,
.scrollArea::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.mz-comment .commentWrite textarea::-webkit-scrollbar-thumb,
.mz-container .mz-content .section-original .mz-comment::-webkit-scrollbar-thumb,
#filterWrap .filterCont .filterOption .cateScrollArea::-webkit-scrollbar-thumb,
#filterWrap .filterCont::-webkit-scrollbar-thumb,
.memberWrap .idTotalWrap.hscroll::-webkit-scrollbar-thumb,
.scrollArea::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.mz-comment .commentWrite textarea::-webkit-scrollbar-track,
.mz-container .mz-content .section-original .mz-comment::-webkit-scrollbar-track,
#filterWrap .filterCont .filterOption .cateScrollArea::-webkit-scrollbar-track,
#filterWrap .filterCont::-webkit-scrollbar-track,
.memberWrap .idTotalWrap.hscroll::-webkit-scrollbar-track,
.scrollArea::-webkit-scrollbar-track {
	border-radius: 10px
}

@font-face {
	font-family: "Pretendard";
	font-weight: 700;
	font-display: swap;
	src: local("Pretendard Bold"), local("Pretendard-Bold"), url(/fo/fonts/Pretendard-Bold.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Bold.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Bold.ttf) format("truetype"), url(/fo/fonts/Pretendard-Bold.otf) format("opentype")
}

@font-face {
	font-family: "Pretendard";
	font-weight: 500;
	font-display: swap;
	src: local("Pretendard Medium"), local("Pretendard-Medium"), url(/fo/fonts/Pretendard-Medium.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Medium.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Medium.ttf) format("truetype"), url(/fo/fonts/Pretendard-Medium.otf) format("opentype")
}

@font-face {
	font-family: "Pretendard";
	font-weight: 400;
	font-display: swap;
	src: local("Pretendard Regular"), local("Pretendard-Regular"), url(/fo/fonts/Pretendard-Regular.subset.woff2) format("woff2"), url(/fo/fonts/Pretendard-Regular.subset.woff) format("woff"), url(/fo/fonts/Pretendard-Regular.ttf) format("truetype"), url(/fo/fonts/Pretendard-Regular.otf) format("opentype")
}

.searchResultTop .searchWord {
	font-weight: 600;
	margin: 8px 0;
	line-height: 36px;
	letter-spacing: -0.56px;
	font-size: 2.8rem;
	color: #373a3c;
	text-align: center
}

[lang=zh] .searchResultTop .searchWord {
	font-weight: 500
}

.searchResultTop .searchWord>span {
	display: block
}

.searchResultTop .searchWord .word {
	color: #4d6ee4
}

[lang=zh] .searchResultTop .searchWord .word {
	color: #fe324b
}

.searchResultTop .searchWord .suggest a {
	font-size: 1.8rem
}

.searchResultTop .searchWord .suggest a em {
	position: relative;
	color: #4d6ee4
}

[lang=zh] .searchResultTop .searchWord .suggest a em {
	color: #fe324b
}

.searchResultTop .searchWord .suggest a em::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background-color: #4d6ee4
}

[lang=zh] .searchResultTop .searchWord .suggest a em::after {
	background-color: #fe324b
}

.searchResultTop .relatedSearch {
	position: relative;
	margin: 20px 0 32px;
	padding: 15px 16px 15px 72px;
	background: #f5f7fa
}

.searchResultTop .relatedSearch .tit {
	position: absolute;
	top: 50%;
	left: 16px;
	margin-top: -13px;
	width: 40px;
	height: 27px;
	background: #fff;
	border: 1px solid #eaeaea;
	border-radius: 4px;
	font-size: 1.3rem;
	line-height: 24px;
	text-align: center
}

.searchResultTop .relatedSearch ul li {
	display: inline-block;
	margin: 2px 20px 2px 0
}

.searchResultTop .tabType01 {
	margin-top: 48px
}

.brandClosedNoti {
	position: relative;
	margin: 25px 0 -20px;
	padding: 24px 0 30px;
	text-align: center;
	border-radius: 12px;
	background: #f5f7fa
}

.brandClosedNoti strong {
	display: block;
	margin-bottom: 22px;
	font-size: 2.2rem;
	color: #373a3c;
	font-weight: bold
}

.brandClosedNoti p {
	margin-bottom: 22px;
	font-size: 1.9rem;
	line-height: 1.47;
	letter-spacing: -0.38px;
	color: #707378
}

.brandClosedNoti span {
	font-size: 20px;
	color: #373a3c;
	font-weight: bold
}

.brandClosedNoti .btnClose {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 55px;
	text-indent: -9999px
}

.brandClosedNoti .btnClose::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 24px;
	height: 24px;
	margin: -8px 0 0 -12px;
	background: url(/fo/images/common/spr_layout.png) no-repeat
}

#pop_brandClosedNoti .brandClosedNoti {
	margin: 0;
	padding: 14px 0;
	background: none
}

#pop_brandClosedNoti .brandClosedNoti p {
	margin-bottom: 14px;
	font-size: 1.9rem;
	line-height: 1.58;
	letter-spacing: -0.57px;
	color: #5a5f64
}

#pop_brandClosedNoti .brandClosedNoti p:first-child {
	position: relative;
	margin-bottom: 105px
}

#pop_brandClosedNoti .brandClosedNoti p:first-child::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 85px;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	background: url(/fo/images/common/img_brandClosed.png) no-repeat
}

[lang=zh] #pop_brandClosedNoti .brandClosedNoti p:first-child::after {
	background-image: url(/fo/images/common/img_brandClosed_cn.png)
}

#pop_brandClosedNoti .brandClosedNoti p:last-child {
	margin: 0
}

#pop_brandClosedNoti .brandClosedNoti p+p {
	font-size: 1.6rem
}

#pop_brandClosedNoti .brandClosedNoti .csCenter {
	width: 383px;
	margin: 0 auto 12px;
	padding: 19px 0;
	border-radius: 8px;
	background: #f8fafc
}

#pop_brandClosedNoti .brandClosedNoti .csCenter em {
	font-size: 1.6rem;
	line-height: 24px;
	color: #373a3c;
	font-weight: bold
}

#pop_brandClosedNoti .todayClose {
	text-align: center
}

.searchOffline {
	margin-top: 32px;
	padding: 292px 0 93px;
	text-align: center;
	border-radius: 12px;
	background: #f8fafc url(/fo/images/common/bg_searchOffline.png) no-repeat 50% 80px
}

.searchOffline strong {
	font-size: 2.8rem;
	color: #373a3c
}

.searchOffline .subTxt {
	display: block;
	margin: 12px 0 32px;
	font-size: 1.8rem;
	color: #6b6e73
}

.searchOffline .btn {
	display: block
}

.searchOffline .btn .btnSSG {
	margin: 0 2px;
	width: 160px
}

.searchNoData {
	position: relative;
	padding: 170px 0 97px;
	text-align: center
}

.searchNoData::before {
	content: "";
	position: absolute;
	top: 98px;
	left: 50%;
	margin-left: -28px;
	width: 56px;
	height: 56px;
	background: url(/fo/images/common/img_no_data.png) no-repeat
}

[lang=zh] .searchNoData::before {
	background: url(/fo/images/cmall/cp_nodata_search.png) no-repeat
}

.searchNoData strong {
	display: block;
	font-size: 2rem;
	color: #373a3c
}

.searchNoData .txt {
	display: block;
	margin-top: 8px
}

.searchNoData .btnL {
	margin-top: 40px;
	width: 284px
}

.searchNoData.searchCheckNoData {
	padding: 170px 0 597px
}

.searchPartialMatch {
	padding: 8px 0 16px;
	text-align: center
}

.searchPartialMatch p {
	margin-bottom: 8px;
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 400;
	color: #6b6e73
}

.searchPartialMatch .originalKeyword {
	line-height: 140%;
	font-size: 1.5rem;
	font-weight: 400;
	color: #4d6ee4;
	text-decoration: underline
}

[lang=zh] .searchPartialMatch .originalKeyword {
	color: #fe324b
}

.searchPartialMatch~.tabType01 {
	margin: 24px auto 48px
}

.powerLink {
	position: relative;
	margin-bottom: 56px;
	padding: 24px 36px;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.powerLink .titDep4 {
	font-weight: 700
}

.powerLink .flagAd {
	position: absolute;
	top: 30px;
	right: 36px;
	width: 34px;
	height: 20px;
	border: 1px solid #eaeaea;
	border-radius: 20px;
	font-size: 1.2rem;
	text-align: center;
	color: #6b6e73
}

.powerLink .swiperWrap {
	padding-bottom: 30px
}

.powerLink .prodCont {
	overflow: hidden
}

.powerLink .prodCont figure {
	min-height: 200px
}

.powerLink .prodCont .priceArea .saleCont .saleWon {
	display: block;
	margin: 0;
	font-size: 1.3rem
}

.powerLink .prodCont .priceArea .originPrice {
	display: inline-block
}

.imgList>ul {
	margin: -56px 0 0 -16px;
	font-size: 0
}

.imgList>ul::after {
	content: "";
	display: block;
	clear: both
}

.imgList>ul.col2>li {
	width: 50%
}

[lang=zh] .imgList>ul.col2>li {
	width: calc(50% - 1px)
}

.imgList>ul.col3>li {
	width: 33.3333333333%
}

[lang=zh] .imgList>ul.col3>li {
	width: calc(33.3333333333% - 1px)
}

.imgList>ul.col4>li {
	width: 25%
}

[lang=zh] .imgList>ul.col4>li {
	width: calc(25% - 1px)
}

.imgList>ul>li {
	display: inline-block;
	margin-top: 78px;
	padding-left: 16px;
	font-size: 1.5rem;
	color: #6b6e73;
	vertical-align: top
}

.imgList>ul>li a {
	display: block
}

.imgList>ul>li figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 8px;
	text-align: center
}

.imgList>ul>li figure img {
	width: 100%
}

.imgList>ul>li figure .adTag {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 34px;
	height: 24px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 24px;
	border-radius: 8px;
	text-align: center;
	background: rgba(0, 0, 0, .4)
}

.imgList>ul>li .cont {
	position: relative;
	width: 100%;
	text-align: left
}

.imgList>ul>li .cont>*,
.imgList>ul>li .cont>a,
.imgList>ul>li .cont>a>* {
	display: block
}

.imgList>ul>li .cont .icoArea {
	position: absolute;
	top: 0;
	right: 0
}

.imgList>ul>li .cont time {
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.imgList>ul>li .keywordList {
	margin-top: 24px
}

.imgList>ul>li .keywordList a {
	padding: 0 16px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #778cea;
	background: #f7f7fd;
	height: 26px;
	line-height: 26px
}

.imgList>ul>li .brand {
	margin: 16px 0 8px
}

.imgList>ul>li .brand>a {
	display: inline-block
}

.imgList>ul>li .brand figure {
	display: inline-block;
	overflow: hidden;
	position: relative;
	margin: 0 12px 0 0;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #f7f7fd;
	vertical-align: middle
}

.imgList>ul>li .brand figure img {
	position: absolute !important;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -24px;
	width: 48px;
	height: 18px
}

.imgList>ul>li .brand .txt {
	display: inline-block;
	font-weight: 500;
	font-size: 1.8rem;
	color: #1e2023;
	vertical-align: -2px
}

[lang=zh] .imgList>ul>li .brand .txt {
	font-weight: 700
}

.imgList>ul>li .brand .txt em {
	font-weight: 400;
	font-size: 1.5rem;
	color: #6b6e73;
	vertical-align: 2px
}

.imgList>ul>li .brand .txt em::before {
	content: "";
	display: inline-block;
	margin: 0 8px;
	width: 1px;
	height: 17px;
	background: #eaeaea;
	vertical-align: -4px
}

.imgList>ul>li .brand+.tit {
	margin-top: 8px
}

.imgList>ul>li .tit {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 68px;
	margin-top: 24px;
	padding-right: 100px;
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.42;
	color: #373a3c
}

[lang=zh] .imgList>ul>li .tit {
	font-weight: 700
}

.imgList>ul>li .desc {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 8px
}

.imgList>ul>li .desc.line4 {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	max-height: 88px;
	white-space: inherit
}

.imgList>ul>li .date {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.imgList>ul>li .date .flag {
	margin-bottom: 4px
}

.imgList>ul .swiper-slide {
	height: 100%
}

.imgList>ul.benefit .bannerType.typeBannerA {
	overflow: visible
}

.imgList>ul.benefit .bannerType.typeBannerA .eventInfo {
	padding-left: 0
}

.imgList>ul.benefit .tit {
	margin-top: 16px;
	font-weight: 700;
	font-size: 1.8rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 50px
}

.imgList>ul.benefit .desc {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 2px 0 12px
}

.imgList>ul.library>li .tit {
	font-size: 2.4rem;
	color: #1e2023
}

.imgList>ul.library>li .desc {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	max-height: 88px
}

.imgList>ul.library>li .category {
	margin-top: 15px;
	font-weight: 500
}

[lang=zh] .imgList>ul.library>li .category {
	font-weight: 700
}

.imgList>ul.library>li .category.travel {
	color: #4d6ee4
}

[lang=zh] .imgList>ul.library>li .category.travel {
	color: #fe324b
}

.imgList>ul.library>li .category.brand {
	color: #006d69
}

.imgList>ul.library>li .category.newTopia {
	color: #ad00c4
}

.imgList>ul.library>li .category.stay {
	color: #ff448f
}

.imgList>ul.library>li .category+.tag {
	margin-top: 8px
}

.imgList>ul.library>li .tag {
	margin-top: 24px
}

.imgList>ul.library>li .tag>em,
.imgList>ul.library>li .tag>a {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 0 8px;
	background: #f7f7fd;
	border-radius: 999px;
	color: #778cea;
	font-size: 1.3rem;
	line-height: 26px
}

.imgList>ul.keyword {
	text-align: center
}

.imgList>ul.keyword>li>a {
	display: block;
	width: 100%
}

.imgList>ul.keyword>li>a:hover figure:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: 5d74d9;
	opacity: .5
}

.imgList>ul.keyword>li figure {
	overflow: hidden;
	position: relative;
	margin: 0;
	border-radius: 8px;
	background: #fff url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%
}

.imgList>ul.keyword>li figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30, 32, 35, .4)
}

.imgList>ul.keyword>li figure img {
	width: 100%
}

.imgList>ul.keyword>li .keywordTxt {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
	margin-top: -15px;
	width: 100%;
	padding: 0 20px;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	font-weight: 500;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 60
}

[lang=zh] .imgList>ul.keyword>li .keywordTxt {
	font-weight: 700
}

.imgList>ul.keyword>li .tit {
	margin-top: 16px;
	font-size: 2rem;
	padding: 0
}

.imgList>ul.keyword>li .date {
	margin-top: 12px
}

.imgList>ul.keyword.beauty>li>a:hover figure:before {
	background-image: linear-gradient(27deg, #f860b7 3%, #5d74d9 97%)
}

.imgList>ul.keyword.fashion>li>a:hover figure:before {
	background-image: linear-gradient(198deg, #36a0cf 7%, #41d8be 96%)
}

.imgList>ul.keyword.col4>li .keywordTxt {
	font-size: 2.4rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.imgList>ul.keyword.hotTheme {
	text-align: center
}

.imgList>ul.keyword.hotTheme .keywordArea {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
	transform: translateY(-50%);
	width: 100%;
	font-size: 1.9rem;
	color: #fff
}

.imgList>ul.keyword.hotTheme .keywordArea .keywordTxt {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: static;
	display: block;
	margin: 0 10px;
	font-weight: 500;
	font-size: 3.6rem
}

[lang=zh] .imgList>ul.keyword.hotTheme .keywordArea .keywordTxt {
	font-weight: 700
}

.imgList>ul.keyword.hotTheme .keywordArea .desc {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 38px;
	display: block;
	padding: 0 30px;
	font-size: 1.3rem
}

.imgList>ul.keyword.hotTheme .cont {
	text-align: center
}

.imgList>ul.keyword.hotTheme .tit {
	margin-top: 18px;
	font-size: 1.8rem
}

.imgList>ul.keyword.hotTheme .theme {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 10;
	margin-left: -45%;
	padding: 12px 12px 0;
	width: 90%;
	font-size: 1.2rem
}

.imgList>ul.keyword.hotTheme .theme em {
	display: block;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.imgList>ul.magazine>li>figure {
	position: relative;
	height: auto !important
}

.imgList>ul.magazine>li>figure .coming {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 10;
	width: 100%;
	text-align: center
}

.imgList>ul.magazine>li>figure .coming>span {
	display: inline-block;
	margin-top: -18px;
	padding: 0 24px;
	height: 36px;
	border-radius: 999px;
	background: rgba(30, 32, 35, .7);
	line-height: 36px;
	text-align: center;
	color: #fff
}

.imgList>ul.magazine>li>figure .coming>span em {
	display: inline-block;
	margin-right: 4px
}

.imgList>ul.magazine .cont .tit {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 68px;
	padding: 0;
	font-size: 2.4rem;
	color: #1e2023
}

.imgList>ul.brand>li .rankingNum {
	left: 16px
}

.imgList>ul.brand>li>a {
	display: block;
	width: 100%
}

.imgList>ul.brand>li>a>figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 8px;
	text-align: center;
	padding-top: 100%;
	background: #fff url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%
}

.imgList>ul.brand>li>a>figure::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 11
}

.imgList>ul.brand>li>a>figure img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.imgList>ul.brand>li>a>figure .imgLogo {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	display: block;
	margin: -30px 0 0 -80px;
	transition: margin-top .3s;
	width: 160px;
	height: 60px;
	z-index: 20
}

.imgList>ul.brand>li>a>figure .imgLogo img {
	width: 100%
}

.imgList>ul.brand>li>a>figure .chkFavo {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 55%;
	margin-left: -12px;
	margin-top: 20px;
	opacity: 0;
	transition: margin-top .3s, opacity .3s
}

.imgList>ul.brand>li>a:hover figure .imgLogo {
	margin-top: -46px
}

.imgList>ul.brand>li>a:hover figure::before {
	background: rgba(30, 32, 35, .7)
}

.imgList>ul.brand>li>a:hover figure .chkFavo {
	margin-top: 0;
	opacity: 1;
	z-index: 22
}

.imgList>ul.brand .name {
	margin-top: 16px;
	font-size: 1.5rem;
	color: #1e2023
}

.imgList>ul.brand .name .eng {
	display: block;
	margin-top: 4px;
	font-weight: 400;
	color: #6b6e73
}

.imgList>ul.category>li .rankingNum {
	top: -34px;
	background: none
}

.imgList>ul.category>li:first-child .rankingNum::before {
	color: #1e2023
}

.imgList>ul.category>li .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 46px;
	margin-top: 4px;
	line-height: 1.5333333333;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.swiperWrap .imgList {
	padding-bottom: 16px
}

.swiperWrap .imgList>ul {
	margin: 0
}

.swiperWrap .imgList>ul li {
	margin: 0;
	padding-left: 0
}

.swiperWrap .imgList>ul li>a {
	width: 100%
}

.listNum.prodSorging.chkOption {
	height: 37px;
	text-align: left;
	border-bottom: 1px solid #1e2023
}

#rankInfo .listNum.prodSorging.chkOption {
	margin-top: 53px
}

.listNum.prodSorging.chkOption .frmSel label {
	padding: 0 0 0 28px;
	line-height: 20px;
	color: #373a3c;
	font-weight: 500
}

#rankInfo .imgList .category.rankingList li {
	margin-top: 76px
}

#rankInfo .imgList .category.rankingList .prodCont .rankingNum {
	top: -44px
}

.rankingCont .moreRanking .rankingTab .tabSub .subTab .swipeMenu {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0
}

.rankingCont .moreRanking .rankingTab .tabSub .subTab .swipeMenu::before {
	display: none
}

.rankingCont .moreRanking .rankingTab .tabSub .subTab .swipeMenu .iScrollWrap::before,
.rankingCont .moreRanking .rankingTab .tabSub .subTab .swipeMenu .iScrollWrap::after {
	display: none
}

.rankingCont .moreRanking .rankingTab .tabSub .subTab .swipeMenu .iScrollWrap ul li {
	padding: 0
}

.rankingCont .moreRanking .rankingTab .tabSub .subTab .swipeMenu .iScrollWrap ul li a {
	padding: 0 32px
}

.rankingCont h1.titDep1+.titSub+.moreRanking .imgList .brand.rankingList li:first-child .rankingNum::before {
	color: #1e2023
}

.rankingCont h1.titDep1+.titSub+.moreRanking .imgList .brand.rankingList li .rankingNum {
	top: -11px
}

.txtList {
	border-top: 1px solid #373a3c
}

.txtList>li {
	padding: 24px 16px;
	border-bottom: 1px solid #eaeaea
}

.txtList>li>span {
	display: block;
	color: #6b6e73
}

.txtList>li:hover {
	background: #f7f7fd
}

.txtList>li mark {
	background: none;
	color: #4d6ee4;
	font-weight: 500
}

[lang=zh] .txtList>li mark {
	color: #fe324b
}

[lang=zh] .txtList>li mark {
	font-weight: 700
}

.txtList .tit {
	display: block;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	font-size: 2rem;
	color: #373a3c
}

[lang=zh] .txtList .tit {
	font-weight: 700
}

.txtList .desc {
	margin-top: 8px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 44px
}

.txtList .depth {
	margin-top: 15px;
	font-size: 1.3rem;
	text-decoration: underline
}

.txtList .depth span {
	display: inline-block;
	border-bottom: 1px solid #8b8f94
}

.txtList .depth span em~em:before {
	content: ">";
	display: inline-block;
	margin: 0 5px
}

.searchReviewType02 {
	display: table;
	width: 100%;
	border-top: 1px solid #373a3c
}

.searchReviewType02>li {
	position: relative;
	padding-right: 36.1%;
	border-bottom: 1px solid #eaeaea
}

.searchReviewType02>li .reviewCont {
	display: table;
	width: 100%;
	min-height: 120px;
	margin: 32px 0;
	padding: 0 28px 0 0
}

.searchReviewType02>li .reviewCont.lineReview .reviewS {
	border: none
}

.searchReviewType02>li .reviewCont a {
	display: table-cell;
	width: 100%
}

.searchReviewType02>li .reviewCont .reviewS {
	padding-right: 45px;
	vertical-align: top;
	border-right: 1px solid #eaeaea
}

.searchReviewType02>li .reviewCont .grade {
	display: inline-block;
	text-align: left
}

.searchReviewType02>li .reviewCont .grade * {
	vertical-align: top
}

.searchReviewType02>li .reviewCont .grade::before {
	display: none
}

.searchReviewType02>li .reviewCont .grade p {
	display: inline-block;
	margin-left: 5px;
	line-height: 20px;
	color: #373a3c;
	font-weight: 700
}

.searchReviewType02>li .reviewCont .writeInfo {
	display: inline-block;
	margin-left: 20px
}

.searchReviewType02>li .reviewCont .writeInfo li {
	display: inline-block;
	position: relative;
	padding: 0 10px 0 11px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1
}

.searchReviewType02>li .reviewCont .writeInfo li::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: #eaeaea
}

.searchReviewType02>li .reviewCont .writeInfo li:first-child:before {
	display: none
}

.searchReviewType02>li .reviewCont .txt {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	margin-top: 10px;
	color: #6b6e73;
	word-break: break-all
}

.searchReviewType02>li .reviewCont .reviewFlag {
	margin-top: 13px
}

.searchReviewType02>li .reviewCont .reviewImg {
	overflow: hidden;
	display: block;
	position: relative;
	width: 120px;
	height: 120px;
	border-radius: 8px
}

.searchReviewType02>li .reviewCont .reviewImg>img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	width: 150%;
	height: auto;
	margin: auto
}

.searchReviewType02>li .reviewCont .reviewImg .num {
	position: absolute;
	bottom: 8px;
	right: 8px;
	height: 18px;
	padding: 0 8px;
	color: #fff;
	font-size: 1.3rem;
	line-height: 21px;
	border-radius: 18px;
	background: rgba(0, 0, 0, .3)
}

.searchReviewType02>li .reviewProdS {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 36.1%;
	height: 120px;
	vertical-align: top
}

.searchReviewType02>li .reviewProdS a {
	overflow: hidden;
	position: relative;
	display: block;
	padding-left: 127px;
	background: rgba(12, 38, 159, .03);
	border-radius: 8px
}

.searchReviewType02>li .reviewProdS a figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	display: inline-block;
	vertical-align: top;
	background: #fff url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%/72% auto
}

.searchReviewType02>li .reviewProdS a figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.searchReviewType02>li .reviewProdS a figure img {
	width: 100%;
	background-color: #fff
}

.searchReviewType02>li .reviewProdS a .prodInfo {
	display: block;
	width: 290px;
	height: 120px
}

.searchReviewType02>li .reviewProdS a .prodInfo .inner {
	position: relative;
	display: block;
	top: 50%;
	padding-right: 27px;
	transform: translateY(-50%)
}

.searchReviewType02>li .reviewProdS a .prodInfo .brandName {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 0
}

.searchReviewType02>li .reviewProdS a .prodInfo .prodName {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto
}

.searchReview {
	margin-left: -16px;
	font-size: 0;
	line-height: 0
}

.searchReview>li {
	display: inline-block;
	padding-left: 16px;
	width: 25%;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.searchReview>li:nth-child(n+6) {
	margin-top: 56px
}

.searchReview>li .prodInfo {
	margin-top: 16px;
	color: #6b6e73
}

.searchReview>li .prodInfo>* {
	font-size: 1.5rem !important
}

.searchReview>li .prodInfo .bandName {
	margin-top: 4px
}

.searchReview>li .prodInfo .reviewStar {
	display: block;
	margin-top: 8px
}

.searchReview>li .prodInfo .reviewStar .mdstar {
	vertical-align: -4px
}

.searchReview>li .review {
	overflow: hidden;
	margin-top: 16px;
	padding-top: 12px;
	border-top: 1px solid #dcdfe3;
	color: #6b6e73
}

.searchReview>li .review>a {
	display: block
}

.searchReview>li .review .textArea {
	display: table;
	width: 100%
}

.searchReview>li .review .textArea>.inner {
	display: table;
	width: 100%
}

.searchReview>li .review .textArea>.inner>* {
	display: table-cell;
	vertical-align: bottom
}

.searchReview>li .review .textArea>.inner .img {
	padding-left: 8px
}

.searchReview>li .review .textArea .writer {
	display: inline-block;
	margin-left: 8px;
	font-size: 1.3rem;
	color: #8b8f94
}

.searchReview>li .review .textArea .starIco {
	background-image: url(/fo/images/common/spr_gr_starXS.png)
}

.searchReview>li .review .textArea .txt {
	display: block;
	margin-top: 5px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 40px;
	font-size: 1.3rem
}

.searchReview>li .review .textArea figure {
	overflow: hidden;
	padding: 0;
	width: 60px;
	min-height: 60px;
	border-radius: 8px
}

.searchReview>li .review .authorInfo {
	display: block;
	margin-top: 5px
}

.searchReview>li .review .authorInfo span {
	color: #6b6e73
}

.searchReview>li .review .authorInfo span::after {
	top: 50%;
	margin-top: -5px
}

@media screen and (max-width: 1680px) {
	.searchReview>li:nth-child(n+5) {
		margin-top: 56px
	}
}

.layCont.counSelect {
	overflow: hidden
}

.layCont.counSelect .noData {
	padding: 128px 0 0
}

.layCont.counSelect .noData::before {
	top: 64px
}

.radBox.radBoxCountry {
	width: 100%
}

.radBox.radBoxCountry .frmSel input:checked+label {
	color: #373a3c;
	border-color: #f8fafc;
	background: #f8fafc
}

.radBox.radBoxCountry .frmSel label {
	font-size: 1.5rem;
	height: 48px;
	color: #5a5f64;
	line-height: 46px
}

.layCont .frmSearch.countrySearch {
	width: 100%;
	margin: 24px 0 0 0
}

.scrollArea {
	overflow: auto;
	max-height: 360px;
	min-height: 320px;
	margin: 33px -24px -24px
}

.scrollArea .noData {
	margin: 0 24px
}

.scrollArea .noData .txtNoResult+.btnSSG {
	margin-top: 24px;
	width: 160px
}

.countryList {
	border-bottom: 1px solid #eaeaea
}

.countryList .frmSel {
	display: block;
	border-top: 1px solid #eaeaea
}

.countryList .frmSel input {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1
}

.countryList .frmSel input:checked+label {
	color: #373a3c;
	font-weight: 700;
	background: #f5f7fa
}

.countryList .frmSel input:checked+label::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/common/spr_form.png) no-repeat -37px 0
}

.countryList .frmSel label {
	position: relative;
	height: 56px;
	padding: 0 24px;
	color: #6b6e73;
	line-height: 56px;
	background: #fff;
	z-index: 2
}

.countryList .frmSel label::before {
	display: none
}

.memberWrap .frmWrap p.agreeType label::before {
	top: 2px
}

.memberWrap .btnArea .btnSSG {
	width: auto;
	margin: 0
}

.memberWrap>.txtPage {
	margin-bottom: 4px;
	padding: 2px 0;
	font-weight: 500;
	font-size: 2.4rem
}

[lang=zh] .memberWrap>.txtPage {
	font-weight: 700
}

.memberWrap>.txtPage+.resultTxt {
	margin: 2px 0 21px;
	font-weight: 400;
	font-size: 1.8rem;
	text-align: center
}

.memberWrap>.txtPage+.resultTxt>.userID {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .memberWrap>.txtPage+.resultTxt>.userID {
	color: #fe324b
}

.memberWrap>.txtPage+.resultTxt+.btnArea {
	margin-top: 0
}

.memberWrap>.txtPage+.txtSub {
	text-align: center;
	line-height: 2.3rem;
	margin-bottom: 8px
}

.memberWrap .listWBox.memberJoin {
	display: flex;
	justify-content: center;
	margin-top: 22px;
	text-align: center
}

.memberWrap .listWBox.memberJoin::after {
	content: "";
	display: block;
	clear: both
}

.memberWrap .listWBox.memberJoin a.wBox {
	position: relative;
	display: block;
	float: left;
	width: 192px;
	height: 126px;
	margin-top: 0;
	padding: 72px 0 0;
	color: #373a3c;
	font-weight: 700;
	font-size: 1.8rem;
	text-align: center;
	box-shadow: none;
	border: 1px solid #eaeaea;
	box-sizing: border-box
}

.memberWrap .listWBox.memberJoin a.wBox::after {
	content: "";
	display: block;
	position: absolute;
	top: 28px;
	left: 50%;
	width: 36px;
	height: 36px;
	margin-left: -18px;
	background-repeat: no-repeat;
	background-size: contain
}

.memberWrap .listWBox.memberJoin a.wBox.phoneJoin:after {
	background-image: url(/fo/images/common/ico_join_phone.png)
}

.memberWrap .listWBox.memberJoin a.wBox.emailJoin:after {
	background-image: url(/fo/images/common/ico_join_email.png)
}

.memberWrap .listWBox.memberJoin a.wBox.koreanJoin:after {
	background-image: url("../images/common/ico_join_member.png")
}

.memberWrap .listWBox.memberJoin a.wBox.foreignerJoin:after {
	background-image: url("../images/common/ico_join_global.png")
}

.memberWrap .listWBox.memberJoin a.wBox+.wBox {
	float: right;
	margin-left: auto
}

.memberWrap .listWBox.memberJoin a.wBox:hover,
.memberWrap .listWBox.memberJoin a.wBox:focus {
	box-shadow: 0 5px 20px 0 rgba(142, 158, 217, .2)
}

.memberWrap .listWBox.memberJoin a.wBox em {
	display: block;
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 2.3rem;
	color: #6b6e73;
	font-weight: 400
}

.memberWrap .boxGray.age14 {
	margin-top: 22px;
	padding: 12px 40px 24px;
	background: #f8fafc
}

.memberWrap .boxGray.age14 .bultType01 {
	display: inline-block
}

.memberWrap .boxGray.age14 .bultType01 li {
	margin-top: 12px;
	color: #5a5f64;
	letter-spacing: -0.03em
}

.memberWrap .formList+.btnArea {
	margin-top: 40px
}

.memberWrap .formList+.btnArea .btnL {
	height: 56px;
	font-size: 1.8rem
}

.memberWrap .frmInp .inpA.inpPhone .selectWrap,
.memberWrap .frmInp .btnSelect {
	margin-right: 5px
}

.memberWrap .frmInp .inpA.inpPhone .selectWrap+input[type=text],
.memberWrap .frmInp .btnSelect+input[type=text] {
	width: calc(100% - 168px)
}

.memberWrap .frmInp input[type=text],
.memberWrap .frmInp input[type=password] {
	display: inline-block;
	min-width: 100px;
	height: 48px;
	padding: 0 15px;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 47px;
	border: 1px solid #f8fafc;
	border-radius: 4px;
	background: #f8fafc
}

[lang=zh] .memberWrap .frmInp input[type=text],
[lang=zh] .memberWrap .frmInp input[type=password] {
	font-weight: 700
}

.memberWrap .frmInp input[type=text]::-ms-clear,
.memberWrap .frmInp input[type=text]::-ms-reveal,
.memberWrap .frmInp input[type=password]::-ms-clear,
.memberWrap .frmInp input[type=password]::-ms-reveal {
	display: none
}

.memberWrap .frmInp.labelTop input[type=text][disabled],
.memberWrap .frmInp.labelTop input[type=password][disabled] {
	color: #8b8f94
}

.memberWrap .frmInp.labelTop input[type=text][disabled]~.inpA_Btm,
.memberWrap .frmInp.labelTop input[type=text][disabled]~.compTxt:after,
.memberWrap .frmInp.labelTop input[type=password][disabled]~.inpA_Btm,
.memberWrap .frmInp.labelTop input[type=password][disabled]~.compTxt:after {
	display: none
}

.memberWrap .frmInp.labelTop input[type=text].focused,
.memberWrap .frmInp.labelTop input[type=password].focused {
	background: #fff
}

.memberWrap .frmInp.labelTop input[type=text].focused,
.memberWrap .frmInp.labelTop input[type=text].valid,
.memberWrap .frmInp.labelTop input[type=text][disabled],
.memberWrap .frmInp.labelTop input[type=password].focused,
.memberWrap .frmInp.labelTop input[type=password].valid,
.memberWrap .frmInp.labelTop input[type=password][disabled] {
	margin-top: 21px
}

.memberWrap .frmInp.labelTop input[type=text].focused+label,
.memberWrap .frmInp.labelTop input[type=text].valid+label,
.memberWrap .frmInp.labelTop input[type=text][disabled]+label,
.memberWrap .frmInp.labelTop input[type=password].focused+label,
.memberWrap .frmInp.labelTop input[type=password].valid+label,
.memberWrap .frmInp.labelTop input[type=password][disabled]+label {
	padding-left: 0;
	color: #5a5f64;
	font-size: 1.3rem;
	top: 15px !important;
	line-height: 22px !important
}

.memberWrap .frmInp.labelTop input[type=text].focused+label span,
.memberWrap .frmInp.labelTop input[type=text].valid+label span,
.memberWrap .frmInp.labelTop input[type=text][disabled]+label span,
.memberWrap .frmInp.labelTop input[type=password].focused+label span,
.memberWrap .frmInp.labelTop input[type=password].valid+label span,
.memberWrap .frmInp.labelTop input[type=password][disabled]+label span {
	display: none
}

.memberWrap .frmInp.labelTop input[type=text].focused+label>em,
.memberWrap .frmInp.labelTop input[type=text].valid+label>em,
.memberWrap .frmInp.labelTop input[type=text][disabled]+label>em,
.memberWrap .frmInp.labelTop input[type=password].focused+label>em,
.memberWrap .frmInp.labelTop input[type=password].valid+label>em,
.memberWrap .frmInp.labelTop input[type=password][disabled]+label>em {
	visibility: visible
}

.memberWrap .frmInp.labelTop input[type=text].focused~.inpA_Btm,
.memberWrap .frmInp.labelTop input[type=text].valid~.inpA_Btm,
.memberWrap .frmInp.labelTop input[type=text][disabled]~.inpA_Btm,
.memberWrap .frmInp.labelTop input[type=password].focused~.inpA_Btm,
.memberWrap .frmInp.labelTop input[type=password].valid~.inpA_Btm,
.memberWrap .frmInp.labelTop input[type=password][disabled]~.inpA_Btm {
	top: 51px
}

.memberWrap .frmInp.labelTop input[type=text].focused~.btIco,
.memberWrap .frmInp.labelTop input[type=text].valid~.btIco,
.memberWrap .frmInp.labelTop input[type=text][disabled]~.btIco,
.memberWrap .frmInp.labelTop input[type=password].focused~.btIco,
.memberWrap .frmInp.labelTop input[type=password].valid~.btIco,
.memberWrap .frmInp.labelTop input[type=password][disabled]~.btIco {
	top: 41px
}

.memberWrap .frmInp.labelTop input[type=text]+label,
.memberWrap .frmInp.labelTop input[type=password]+label {
	padding-left: 16px;
	box-sizing: border-box;
	font-size: 1.5rem
}

.memberWrap .frmInp.labelTop input[type=text]+label>em,
.memberWrap .frmInp.labelTop input[type=password]+label>em {
	visibility: hidden
}

.memberWrap .frmInp.labelTop .inpA_Btm {
	position: absolute;
	top: 31px;
	right: 0;
	text-align: right;
	z-index: 3
}

.memberWrap .frmInp.labelTop .inpA_Btm .certificationTime {
	display: inline-block;
	margin-right: 12px;
	color: #4d6ee4;
	font-size: 1.3rem
}

.memberWrap .frmInp.labelTop .inpA_Btm .side {
	position: absolute;
	top: 37px;
	right: 0
}

.memberWrap .frmInp.labelTop .inpA_Btm .side .txtLink {
	white-space: nowrap
}

.memberWrap .frmInp.labelTop .inpError input {
	border-color: #ce0700;
	background: #fff
}

.memberWrap .frmInp.labelTop .btIco {
	background-color: rgba(0, 0, 0, 0)
}

.memberWrap .frmInp.labelTop .btIco {
	top: 31px
}

.memberWrap .frmInp.labelTop.stePW .inpComp input {
	border: 1px solid;
	border-color: #4d6ee4;
	background: #fff
}

[lang=zh] .memberWrap .frmInp.labelTop.stePW .inpComp input {
	border-color: #fe324b
}

.memberWrap .frmInp.labelTop.stePW .inpComp .compTxt:after {
	display: none
}

.memberWrap .frmInp.rowAlign {
	display: flex
}

.memberWrap .frmInp.rowAlign label {
	width: 112px
}

.memberWrap .frmInp.rowAlign .inpA {
	width: calc(100% - 112px)
}

.memberWrap .frmInp.rowAlign+.colAlign {
	padding-top: 11.5px
}

.memberWrap .btnArea+.easyLoginOption {
	display: none !important
}

.memberWrap .btnArea:not([style*="display: none"])+.easyLoginOption {
	display: block !important
}

.memberWrap .phoneForm>.frmInp .inpA.inpPhone select[disabled]+.ui-selectmenu-button span {
	color: #8b8f94;
	font-weight: 500
}

[lang=zh] .memberWrap .phoneForm>.frmInp .inpA.inpPhone select[disabled]+.ui-selectmenu-button span {
	font-weight: 700
}

.memberWrap .phoneForm>.frmInp .inpA.inpPhone .tEng[disabled] {
	color: #8b8f94
}

.memberWrap .phoneForm .btnArea {
	margin-top: 32px
}

.memberWrap .certNum {
	width: 100%;
	margin-top: 0
}

.memberWrap .certNum .btnArea {
	margin-top: 55px
}

.memberWrap .certNum .inpError {
	margin-bottom: -25px
}

.memberWrap .certNum .inpComp .inpA_Btm {
	display: none;
	z-index: 2
}

.memberWrap .certNum .inpComp .compTxt:after {
	display: none
}

.memberWrap .certNum .errorTxt,
.memberWrap .certNum .compTxt,
.memberWrap .certNum .compMsg {
	padding-right: 55px;
	z-index: 1
}

.memberWrap .txtPage+.loginForm .frmInp:first-of-type {
	margin-top: 8px
}

.memberWrap .loginForm .frmSel.labelBold.agreeType {
	display: block;
	padding: 12px 0 2px;
	margin-bottom: 6px
}

.memberWrap .loginForm .frmSel.labelBold.agreeType input[type=checkbox] {
	top: 17px
}

.memberWrap .loginForm .frmSel.labelBold.agreeType label {
	font-size: 1.8rem
}

.memberWrap .loginForm .privacyValidity {
	margin-top: 22px
}

.memberWrap .loginForm .privacyValidity .titDep4 {
	display: inline-block;
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 48px
}

.memberWrap .loginForm .privacyValidity .tipArea {
	width: 24px;
	height: 24px;
	margin-left: 6px
}

.memberWrap .loginForm .privacyValidity .tipArea .btTip {
	width: 24px;
	height: 24px
}

.memberWrap .loginForm .privacyValidity .tipCont {
	width: 270px;
	top: 34px;
	left: -10px;
	color: #8b8f94;
	font-size: 1.3rem;
	line-height: 1.62
}

.memberWrap .loginForm .privacyValidity .selectWrap {
	float: right
}

.memberWrap .loginForm .privacyValidity .selectWrap .ui-selectmenu-text {
	padding-right: 10px
}

.memberWrap .loginForm .privacyValidity .selectWrap .ui-selectmenu-menu.ui-selectmenu-open {
	border-top: 1px solid;
	border-color: #4d6ee4
}

[lang=zh] .memberWrap .loginForm .privacyValidity .selectWrap .ui-selectmenu-menu.ui-selectmenu-open {
	border-color: #fe324b
}

.memberWrap .loginForm .privacyValidity .selectWrap .ui-selectmenu-button {
	padding-right: 30px;
	line-height: 32px;
	border: 0;
	z-index: 0;
	background: #fff
}

.memberWrap .loginForm .agreeBtn {
	position: relative;
	padding-top: 105px;
	margin-bottom: 52px
}

.memberWrap .loginForm .agreeBtn .btnL {
	position: absolute;
	top: 0;
	width: 100%;
	margin-top: 32px
}

.memberWrap .loginForm .agreeBtn .agreeTxt {
	padding: 23px 22px 21px;
	color: #6b6e73;
	border-radius: 8px
}

.memberWrap .loginForm .agreeBtn .agreeTxt b {
	color: #373a3c
}

.memberWrap .loginForm .agreeBtn .agreeTxt a {
	padding: 0 1px 5px;
	font-size: inherit;
	display: inline;
	word-break: break-all;
	text-decoration: underline
}

.memberWrap .loginForm .agreeBtn .agreeTxt a::after {
	display: none
}

.memberWrap .loginForm .btnArea {
	margin-top: 32px
}

.memberWrap .txtPage.txtSNS::before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: -1px 12px 0 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 36px;
	vertical-align: middle
}

.memberWrap .txtPage.txtSNS.kakao:before {
	background-image: url(/fo/images/common/img_sns_kakaotalk.png)
}

.memberWrap .txtPage.txtSNS.naver:before {
	background-image: url(/fo/images/common/img_sns_naver.png)
}

.memberWrap .txtPage.txtSNS.google:before {
	background-image: url(/fo/images/common/img_sns_google.png)
}

.memberWrap .txtPage.txtSNS.apple:before {
	background-image: url(/fo/images/common/img_sns_apple.png)
}

.memberWrap .txtPage.txtSNS.facebook:before {
	background-image: url(/fo/images/common/img_sns_facebook.png)
}

.memberWrap .txtPage.txtSNS.toss:before {
	background-image: url(/fo/images/common/img_sns_toss.png)
}

.memberWrap .txtPage.txtSNS.wechat:before {
	background-image: url(/fo/images/common/img_sns_wechat.png)
}

.memberWrap .txtPage.txtSNS.weibo:before {
	background-image: url(/fo/images/common/img_sns_weibo.png)
}

.memberWrap .txtPage.txtSNS.alipay:before {
	background-image: url(/fo/images/common/img_sns_alipay.png)
}

.memberWrap .txtPage.txtSNS.qq:before {
	background-image: url(/fo/images/common/img_sns_qq.png)
}

.memberWrap .accountInfo .boxGray {
	margin-bottom: 32px;
	padding: 18px 24px 17px
}

.memberWrap .accountInfo .boxGray .tit {
	display: block;
	margin-bottom: 10px;
	color: #1e2023;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.memberWrap .accountInfo .boxGray .txt {
	display: block;
	color: #5a5f64;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	line-height: 1.53
}

.memberWrap .accountInfo .boxGray .noti {
	color: #1e2023;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 21px;
	letter-spacing: -0.3px
}

.memberWrap .accountInfo .btnArea {
	margin-top: 24px
}

.memberWrap .accountInfo .btnArea>.btnSSG {
	width: 194px;
	min-width: 194px;
	margin: 0;
	vertical-align: top
}

.memberWrap .accountInfo .btnArea>.btnSSG+.btnSSG {
	margin-left: 5px
}

.memberWrap .frmList {
	margin: 16px 0 0 -6px
}

.memberWrap .frmList .frmSel.frmChkS input[type=checkbox]:checked+label {
	color: #4d6ee4
}

[lang=zh] .memberWrap .frmList .frmSel.frmChkS input[type=checkbox]:checked+label {
	color: #fe324b
}

.memberWrap .frmList .frmSel.frmChkS input[type=checkbox]+label {
	color: #6b6e73
}

.memberWrap .frmList .frmSel.frmChkS label {
	font-size: 1.3rem
}

.memberWrap .frmList+.btnArea {
	margin-top: 29px
}

.memberWrap .frmList+.btnArea+.anotherLogin~.loginBtns {
	margin-bottom: 18px
}

.memberWrap .frmList+.btnArea+.anotherLogin~.loginBtns>.txtLink {
	color: #6b6e73
}

.memberWrap .frmList+.btnArea~.easyLoginOption {
	margin-top: -8px
}

.memberWrap .frmList+.certifyBtn {
	margin-top: 16px
}

.memberWrap .easyLoginOption {
	position: relative
}

.memberWrap .easyLoginOption>button {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 56px;
	border-radius: 4px;
	border: 1px solid #dcdfe3;
	text-align: center
}

.memberWrap .easyLoginOption>button span {
	display: block;
	position: relative;
	padding-left: 44px;
	line-height: 56px;
	font-size: 1.6rem;
	letter-spacing: -0.64px;
	color: #5a5f64
}

.memberWrap .easyLoginOption>button span::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 34px;
	height: 34px;
	margin-top: -17px;
	background: url(/fo/images/member/ico_easylogin.svg)
}

.memberWrap .easyLoginOption .ad,
.memberWrap .easyLoginOption .adplus {
	position: absolute;
	height: 17px;
	padding: 0 7px;
	font-size: .9rem;
	color: #b9bcc0;
	letter-spacing: -0.36px
}

.memberWrap .easyLoginOption .ad {
	left: -1px;
	top: 1px
}

.memberWrap .easyLoginOption .adplus {
	right: -1px;
	bottom: -1px
}

.memberWrap .easyLoginOption.easyLoginView .ad {
	left: auto;
	right: 4px;
	top: auto;
	bottom: -1px;
	padding: 0
}

.memberWrap .easyLoginOption.easyLoginView .adplus {
	right: 17px;
	bottom: -1px;
	padding: 0
}

.memberWrap .easyLoginOption.easyLoginView.u4919>button {
	border: 1px solid #6b6e73
}

.memberWrap .easyLoginOption.easyLoginView.u4919>button span::before {
	background: url(/fo/images/member/ico_easylogin_u4919.svg) no-repeat;
	background-size: contain
}

.memberWrap .tabContentWrap {
	margin-top: 16px
}

.memberWrap .tabContentWrap.tabON#loginTab01~.frmList .chkID {
	display: inline-block
}

.memberWrap .tabContentWrap.tabON#loginTab01~.frmList .chkPhone {
	display: none
}

.memberWrap .tabContentWrap.tabON#loginTab02~.frmList .chkID {
	display: none
}

.memberWrap .tabContentWrap.tabON#loginTab02~.frmList .chkPhone {
	display: inline-block
}

.memberWrap .boxGray.certifyText {
	margin: 24px 0 29px;
	padding: 17px 0;
	color: #5a5f64;
	text-align: center
}

.memberWrap .boxGray+.findIdPwd {
	margin-top: 40px
}

.memberWrap .boxGray.pointText {
	margin-top: 32px;
	padding: 16px 0;
	text-align: center
}

.memberWrap .boxGray.pointText .tit {
	display: block;
	font-size: 1.8rem;
	line-height: 24px;
	color: #1e2023;
	letter-spacing: -0.03em
}

.memberWrap .boxGray.pointText .txt {
	display: block;
	margin-top: 8px;
	font-size: 1.5rem;
	line-height: 23px;
	letter-spacing: -0.03em
}

.memberWrap .boxGray.pointText .btns {
	display: flex;
	padding: 0 90px;
	margin-top: 16px;
	justify-content: space-between
}

.memberWrap .boxGray.pointText .btns .txtLink {
	font-size: 1.5rem;
	line-height: 22px
}

.memberWrap .boxGray.pointText .btns .txtLink.arrR:before {
	border-width: 2px 2px 0 0
}

.memberWrap .frmList.findAccount {
	margin: 0
}

.memberWrap .frmList.findAccount .frmSel.frmSmall label:before {
	top: 2px
}

.memberWrap .frmList.findAccount.col02 {
	padding-left: 3px
}

.memberWrap .frmList.findAccount.col02 li {
	width: 50%;
	margin: 16px 0 0 -3px
}

.memberWrap .frmList.findAccount.col02 li:first-child,
.memberWrap .frmList.findAccount.col02 li:nth-child(2) {
	margin-top: 0
}

.memberWrap .findIdPwd .btnArea {
	margin-top: 32px
}

.memberWrap .findIdPwd .certNum>.btnArea {
	margin-top: 55px
}

.memberWrap .certifyBtn {
	margin-top: 24px
}

.memberWrap .certifyBtn>a {
	position: relative;
	display: block;
	padding: 19px 20px 19px 64px;
	color: #6b6e73;
	overflow: hidden;
	box-shadow: none;
	border: 1px solid #eaeaea
}

.memberWrap .certifyBtn>a::before {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 24px;
	width: 28px;
	height: 28px
}

.memberWrap .certifyBtn>a .tit {
	display: block;
	margin-bottom: 5px;
	color: #4d6ee4;
	font-weight: 700;
	font-size: 1.8rem
}

[lang=zh] .memberWrap .certifyBtn>a .tit {
	color: #fe324b
}

.memberWrap .certifyBtn>a.phoneCert:before {
	background: url(/fo/images/member/ico_phone_28x.png) no-repeat
}

.memberWrap .certifyBtn>a.passCert:before {
	background: url(/fo/images/member/ico_passport_28x.png) no-repeat
}

.memberWrap .certifyBtn>a:hover,
.memberWrap .certifyBtn>a:focus {
	box-shadow: 0 5px 20px 0 rgba(142, 158, 217, .2)
}

.memberWrap .certifyBtn>a.localCert:before {
	background-image: url(/fo/images/member/ico_user28.png)
}

.memberWrap .certifyBtn>a.foreignCert:before {
	background-image: url(/fo/images/member/ico_passport_28x.png)
}

.memberWrap .certifyBtn+.certifyBtn {
	margin-top: 16px
}

.memberWrap .idTotalChk {
	margin-top: 68px
}

.memberWrap .idTotalChk h3 {
	position: relative;
	text-align: center
}

.memberWrap .idTotalChk h3::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #eaeaea;
	z-index: 1
}

.memberWrap .idTotalChk h3 span {
	position: relative;
	display: inline-block;
	padding: 0 32px;
	color: #6b6e73;
	font-size: 1.8rem;
	line-height: 1;
	background: #fff;
	z-index: 2
}

.memberWrap .idTotalChk>ul {
	margin-top: 24px
}

.memberWrap .idTotalChk>ul .certifyBtn {
	margin-top: 12px
}

.memberWrap .idTotalWrap.hscroll {
	max-height: 408px;
	overflow-y: auto;
	margin: 0 -8px
}

.memberWrap .idTotalWrap .listBox>li {
	padding: 0 8px
}

.memberWrap .idTotalWrap .listBox>li:nth-child(n+2) {
	margin-top: 12px
}

.memberWrap .idTotalWrap .listBox>li .boxTxtCont {
	position: relative;
	display: block;
	height: 70px;
	margin-left: 8px;
	padding: 16px 24px;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	background-color: #fff
}

.memberWrap .idTotalWrap .listBox>li .boxTxtCont::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 24px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/mo/images/common/spr_ico.svg) no-repeat -133px 0;
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg)
}

.memberWrap .idTotalWrap .listBox>li .boxTxtCont>span {
	display: block;
	line-height: 1
}

.memberWrap .idTotalWrap .listBox>li .boxTxtCont .userId {
	margin-left: 0;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1
}

.memberWrap .idTotalWrap .listBox>li .boxTxtCont .date {
	color: #6b6e73
}

.memberWrap .idTotalWrap .listBox>li .boxTxtCont .sleep {
	position: absolute;
	top: 50%;
	right: 56px;
	margin-top: -14px;
	padding: 0 8px;
	color: #1e2023;
	font-size: 1.3rem;
	border-radius: 4px;
	line-height: 27px;
	background: #f7f7fd
}

.memberWrap .idTotalWrap .listBox>li .boxTxtCont:hover,
.memberWrap .idTotalWrap .listBox>li .boxTxtCont:focus {
	box-shadow: 0 5px 20px 0 rgba(142, 158, 217, .2)
}

.memberWrap .idTotalWrap .listBox>li .boxTxtCont:hover .sleep,
.memberWrap .idTotalWrap .listBox>li .boxTxtCont:focus .sleep {
	background: rgba(0, 0, 0, 0)
}

.memberWrap .newPwdForm {
	margin-top: 24px
}

.memberWrap .newPwdForm .frmInp:first-of-type {
	margin-top: 0
}

.memberWrap .newPwdForm .frmInp {
	margin-top: 32px
}

.memberWrap .newPwdForm .frmInp.labelTop {
	padding-top: 0
}

.memberWrap .newPwdForm .frmInp.labelTop .btIco {
	top: 5px
}

.memberWrap .newPwdForm .btnArea {
	margin-top: 40px
}

.memberWrap .memTypeChoice {
	margin: 25px 0 64px 0
}

.memberWrap .memTypeChoice .logo {
	text-align: center
}

.memberWrap .memTypeChoice .logo+.btnArea {
	margin-top: 20px
}

.memberWrap .memTypeChoice .btnArea {
	margin-top: 36px;
	margin-bottom: 12px
}

.memberWrap .memTypeChoice .btnArea .tEng {
	font-size: 1.4rem
}

.memberWrap .memTypeChoice .subTxt {
	text-align: center
}

.memberWrap .memTypeChoice ul {
	display: flex;
	overflow: hidden;
	width: 100%
}

.memberWrap .memTypeChoice ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 50%;
	text-align: center
}

.memberWrap .memTypeChoice ul li+li::after {
	content: "";
	display: block;
	position: absolute;
	top: 36.5px;
	left: -0.5px;
	width: 1px;
	height: 72px;
	background-color: #efefef
}

.memberWrap .memTypeChoice ul li figure {
	width: 94px;
	height: 94px
}

.memberWrap .memTypeChoice ul li span {
	display: block;
	margin-top: 8px;
	font-size: 1.5rem;
	line-height: 22px
}

.memberWrap .memberContents {
	padding-top: 50px
}

[lang=zh] .memberWrap .memberContents {
	padding-top: 60px
}

.memberWrap .memberContents .swiperWrap .swiper-container {
	padding-bottom: 56px
}

.memberWrap .memberContents .swiperWrap .swiper-container .swiper-slide .swiperThumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 156px;
	height: 156px;
	margin: 0 auto
}

.memberWrap .memberContents .swiperWrap .swiper-container .swiper-slide .swiperThumb::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 156px;
	height: 156px;
	margin: -78px 0 0 -78px;
	border-radius: 56px;
	background-color: #f7f7fd;
	transform: scale(0);
	transition: transform .5s
}

.memberWrap .memberContents .swiperWrap .swiper-container .swiper-slide .swiperThumb img {
	opacity: .2;
	transition: opacity .3s
}

.memberWrap .memberContents .swiperWrap .swiper-container .swiper-slide .swiperText {
	margin-top: 10px;
	line-height: 23px;
	color: #373a3c;
	opacity: 0;
	transform: scale(0);
	transition: all .3s
}

.memberWrap .memberContents .swiperWrap .swiper-container .swiper-slide-active .swiperThumb::before {
	transform: scale(1)
}

.memberWrap .memberContents .swiperWrap .swiper-container .swiper-slide-active .swiperThumb img {
	opacity: 1
}

.memberWrap .memberContents .swiperWrap .swiper-container .swiper-slide-active .swiperText {
	opacity: 1;
	transform: scale(1)
}

.memberWrap .memberContents .swiperWrap .ts-paging {
	bottom: 29px
}

.memberWrap .memberContents .swiperWrap .ts-paging .ts-paging-btn::after {
	margin: -2.5px 0 0 -2.5px
}

.memberWrap .memberContents .swiperWrap .ts-paging-active {
	width: 12px
}

.memberWrap .memberContents .swiperWrap .ts-paging-active::after {
	width: 6px;
	margin: -2.5px 0 0 -2.5px
}

.memberWrap .memberContents+.snsList {
	margin-top: 68px
}

[lang=zh] .memberWrap .memberContents+.snsList {
	margin-top: 36px
}

.memberWrap .memberContents+.snsList .list {
	padding-bottom: 10px
}

.memberWrap .memInfoBox {
	margin: 24px 0 16px 0;
	background-color: #f5f7fa;
	padding: 24px 32px;
	border-radius: 8px;
	-webkit-border-radius: 8px
}

.memberWrap .memInfoBox dl {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.memberWrap .memInfoBox dl+dl {
	margin-top: 7px
}

.memberWrap .memInfoBox dl dt {
	overflow: hidden;
	max-width: 105px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	line-height: 23px;
	color: #6b6e73;
	letter-spacing: -0.03em
}

.memberWrap .memInfoBox dl dd {
	overflow: hidden;
	max-width: 220px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 15px;
	line-height: 21px;
	text-align: right;
	color: #1e2023
}

.memberWrap.memberWrapEn .txtSub {
	margin-bottom: 0
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .tabMemberEn {
	display: flex;
	height: 23px;
	margin: 32px 0 24px;
	table-layout: unset;
	justify-content: center
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .tabMemberEn>li {
	position: relative;
	width: auto;
	height: 23px;
	display: flex;
	align-items: center
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .tabMemberEn>li a {
	height: 24px;
	padding: 0 0 0 28px;
	border: none;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 140%;
	text-align: left;
	background: rgba(0, 0, 0, 0);
	box-shadow: none;
	z-index: 1;
	color: #5a5f64
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .tabMemberEn>li:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 20px;
	height: 21px;
	transform: translateY(-50%);
	background: url(/fo/images/common/mem_radio_before.png) no-repeat;
	background-size: contain
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .tabMemberEn>li.tabON:before {
	background: url(/fo/images/common/mem_radio_after.png) no-repeat;
	background-size: cover
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .tabMemberEn>li.tabON a {
	line-height: 150%;
	font-weight: 500;
	color: #373a3c
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .tabMemberEn>li:first-child {
	margin-right: 40px
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .tabMemberEn::after {
	content: none
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab {
	display: none
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab .mPhoneNumberT {
	margin-bottom: 10px;
	line-height: 130%;
	font-size: 16px;
	font-weight: 400;
	color: #5a5f64
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab.inpDate {
	margin-top: 42px
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab.inpDate .calenInp {
	width: 100%
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab.inpDate .calenInp .ui-datepicker {
	width: 100%
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab.inpDate .calenInp .ui-datepicker .ui-datepicker-buttonpane {
	display: block;
	margin: 8px 0 0 0;
	text-align: center
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab.inpDate .calenInp .ui-datepicker .ui-datepicker-buttonpane>button {
	width: 177px;
	min-width: inherit;
	height: 40px;
	margin: 0 3px;
	line-height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: 1.5rem;
	font-weight: 700
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab.tabON {
	display: block;
	padding: 0
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .frmInp.memTab .inpPhone .btnSelect {
	font-weight: 500;
	color: #8b8f94
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .agreeBox {
	padding: 31px 0 16px
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .agreeBox .agreeList {
	margin-top: 0
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .agreeBox .agreeList .agreeType .frmSel {
	display: block
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .agreeBox .agreeList .agreeType .frmSel label {
	width: 80%;
	padding-left: 28px;
	line-height: 23px;
	letter-spacing: -0.3px;
	font-weight: 500;
	font-size: 1.5rem;
	color: #373a3c;
	display: block
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .agreeBox .agreeList .agreeType .frmSel label strong {
	font-weight: 500
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .agreeBox .agreeList .agreeType .frmSel label::before {
	top: 4px
}

.memberWrap.memberWrapEn .frmWrap .phoneForm .agreeBox .agreeList .agreeType .frmSel>strong.noneCk {
	width: 80%;
	padding-left: 28px;
	line-height: 23px;
	letter-spacing: -0.3px;
	font-weight: 500;
	font-size: 1.5rem;
	color: #373a3c;
	display: block
}

.memberWrap.memberWrapEn .frmWrap .certNum .frmInp .inpBtn .txtInfo {
	padding: 4px 100px 0 0;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 140%;
	color: #9fa2a8
}

.memberJoinTerms {
	margin-top: 8px
}

.memberJoinTerms .tblH {
	display: block;
	padding: 10px;
	border-radius: 8px;
	background-color: #f8fafc;
	border-bottom: 0
}

.memberJoinTerms .tblH tbody th,
.memberJoinTerms .tblH tbody td {
	padding: 6px;
	border: 0;
	background-color: #f8fafc;
	color: #5a5f64;
	letter-spacing: -0.03em
}

.memberJoinTerms .tblH tbody th strong,
.memberJoinTerms .tblH tbody td strong {
	font-weight: 500;
	color: #1e2023
}

.memberJoinTerms .txt {
	display: block;
	margin-top: 24px;
	text-align: center;
	font-size: 15px;
	line-height: 22px;
	color: #373a3c
}

.snsList h3 {
	margin: 0 24px 16px 24px;
	text-align: center
}

.snsList>p {
	font-size: 13px;
	line-height: 18px;
	color: #9fa2a8;
	text-align: center
}

.snsList .list {
	overflow: auto;
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 42px;
	white-space: nowrap;
	text-align: center
}

.snsList .list * {
	vertical-align: top
}

.snsList .list a {
	display: inline-block
}

.snsList .list a:nth-of-type(n + 2) {
	margin-left: 9px
}

.snsList .list a img {
	width: 48px
}

.snsList .list::-webkit-scrollbar {
	display: none
}

.snsList .list .moreArea {
	display: inline-block
}

.snsList .list .moreArea .snsMore {
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #9fa2a8
}

.snsList .list .moreArea .snsMore::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/common/spr_bult.svg) no-repeat -82px 0
}

.snsList .list .moreArea .snsMore[aria-expanded=true] {
	display: none
}

.snsList .list .moreArea .snsMore[aria-expanded=true]+.moreCont {
	display: block
}

.snsList .list .moreArea .moreCont {
	display: none;
	width: auto;
	white-space: nowrap
}

.anotherLogin {
	margin-top: 67px
}

.anotherLogin h3 {
	position: relative;
	margin: 0 24px 24px 24px;
	text-align: center
}

.anotherLogin h3::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #eaeaea;
	z-index: 1
}

.anotherLogin h3 span {
	position: relative;
	display: inline-block;
	padding: 0 32px;
	color: #6b6e73;
	font-size: 1.8rem;
	line-height: 1;
	background: #fff;
	z-index: 2
}

.anotherLogin.snsList {
	margin-top: 48px
}

.anotherLogin.snsList .list {
	padding-bottom: 24px;
	font-size: 0
}

.anotherLogin.snsList .list a:nth-of-type(n + 2) {
	margin-left: 16px
}

.anotherLogin.snsList .list a img {
	width: 44px
}

.anotherLogin.snsList .list .appcard {
	position: relative
}

.anotherLogin.snsList .list .appCard {
	position: relative
}

.anotherLogin.snsList .list .appCard .info {
	position: absolute;
	right: 0;
	bottom: calc(-28px - 14px);
	height: 28px;
	line-height: 28px;
	white-space: nowrap
}

.anotherLogin.snsList .list .appCard .info::before {
	content: "";
	display: block;
	position: absolute;
	right: 7px;
	top: -8px;
	border-style: solid;
	border-width: 0 14px 13px 5px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e9ebfb rgba(0, 0, 0, 0)
}

.anotherLogin.snsList .list .appCard .info span {
	display: block;
	padding: 0 10px;
	border-radius: 14px;
	line-height: 28px;
	color: #4d6ee4;
	font-size: 1.3rem;
	font-weight: 500;
	background-color: #e9ebfb;
	white-space: nowrap
}

[lang=zh] .anotherLogin.snsList .list .appCard .info span {
	color: #fe324b
}

[lang=zh] .anotherLogin.snsList .list .appCard .info span {
	font-weight: 700
}

[lang=zh] .anotherLogin.snsList .list .appCard .info span {
	background-color: #ffeef1
}

.layCont .lCont .noData {
	padding: 57px 0 18px
}

.layCont .lCont .noData::before {
	top: 0
}

.layCont .lCont .noData .tit {
	padding: 12px 0;
	color: #373a3c;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.layCont .lCont .noData .desc {
	font-size: 1.3rem;
	line-height: 1.62
}

.layCont .lCont .snsList {
	margin-top: 48px
}

.layCont .lCont .snsList .list.hasAppCard {
	padding-bottom: 45px
}

.layCont .lCont .listBox {
	margin: -8px 0
}

.layCont .lCont .listBox li>.cont {
	position: relative;
	margin-top: 12px;
	padding: 24px 24px 20px 60px
}

.layCont .lCont .listBox li>.cont::before {
	content: "";
	display: block;
	position: absolute;
	top: 23px;
	left: 24px;
	width: 24px;
	height: 24px
}

.layCont .lCont .listBox li>.cont.cert:before {
	background: url(/fo/images/member/ico_user_20x_1.5s.png) no-repeat
}

.layCont .lCont .listBox li>.cont.passport:before {
	background: url(/fo/images/member/ico_phone_20x_1.5s.png) no-repeat
}

.layCont .lCont .listBox li>.cont>a {
	position: relative;
	display: block
}

.layCont .lCont .listBox li>.cont>a .tit {
	display: block;
	margin-bottom: 8px;
	color: #4d6ee4;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1
}

[lang=zh] .layCont .lCont .listBox li>.cont>a .tit {
	color: #fe324b
}

.layCont .lCont .listBox li>.cont>a .txt {
	color: #6b6e73
}

.layCont .lCont .listBox li>.cont>a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/mo/images/common/spr_ico.svg) no-repeat -133px 0;
	-webkit-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg)
}

.confirmData {
	text-align: center
}

.confirmData::before {
	content: "";
	display: block;
	width: 200px;
	height: 100px;
	margin: 8px auto 12px;
	background: url(/fo/images/common/bg_layPop_airplane.svg) no-repeat 50% 50%;
	background-size: contain
}

.confirmData.integrate::before {
	background-image: url("/fo/images/common/bg_layPop_point.svg")
}

.confirmData.offline::before {
	background-image: url("/fo/images/common/bg_layPop_offline.svg")
}

.confirmData .tit {
	padding: 12px 0 0 0;
	color: #373a3c;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.confirmData .txt {
	padding: 12px 0 0 0;
	font-size: 1.3rem;
	line-height: 1.62
}

.joinBtn a {
	display: block;
	position: relative;
	width: 59.26%;
	height: 56px;
	margin: 0 auto;
	padding-right: 7px;
	color: #fff;
	line-height: 56px;
	font-size: 1.6rem;
	text-align: center;
	border-radius: 30px
}

.joinBtn a::before {
	content: "";
	display: inline-table;
	width: 26px;
	height: 26px;
	margin: -3px 6px 0 0;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50px
}

.joinBtn a.kakao {
	background-color: #ffe300
}

.joinBtn a.kakao::before {
	background-image: url(/fo/images/common/img_sns_kakaotalk.png)
}

.joinBtn a.naver {
	background-color: #03cf5d
}

.joinBtn a.naver::before {
	background-image: url(/fo/images/common/img_sns_naver.png)
}

.joinBtn a.google {
	background-color: #e74133
}

.joinBtn a.google::before {
	background-image: url(/fo/images/common/img_sns_google.png)
}

.joinBtn a.apple {
	background-color: #010101
}

.joinBtn a.apple::before {
	background-image: url(/fo/images/common/img_sns_apple.png)
}

.joinBtn a.facebook {
	background-color: #1877f2
}

.joinBtn a.facebook::before {
	background-image: url(/fo/images/common/img_sns_facebook.png)
}

.joinBtn a.toss {
	background-color: #0050ff
}

.joinBtn a.toss::before {
	background-image: url(/fo/images/common/img_sns_toss.png)
}

.joinBtn a.wechat {
	background-color: #2dc100
}

.joinBtn a.wechat::before {
	background-image: url(/fo/images/common/img_sns_wechat.png);
	background-size: 50px
}

.joinBtn a.weibo {
	background-color: #e6162d
}

.joinBtn a.weibo::before {
	background-image: url(/fo/images/common/img_sns_weibo.png);
	background-size: 48px
}

.joinBtn a.alipay {
	background-color: #00a5e9
}

.joinBtn a.alipay::before {
	background-image: url(/fo/images/common/img_sns_alipay.png);
	background-size: 48px
}

.joinBtn a.qq {
	background-color: #eaedf2
}

.joinBtn a.qq::before {
	background-image: url(/fo/images/common/img_sns_qq.png);
	background-size: 48px
}

.joinBtn a.appCard::before {
	background-image: url(/fo/images/common/img_sns_card.png);
	background-size: 48px
}

.joinBtn a.kakao,
.joinBtn a.qq {
	color: #373a3c
}

.layCont .sleepCon .sleepState {
	text-align: center
}

.layCont .sleepCon .sleepState::before {
	content: "";
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	background: url(/fo/images/member/ico_lock_40x.png) no-repeat 50% 50%
}

.layCont .sleepCon .sleepState .userID {
	color: #4d6ee4;
	margin-top: 8px;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1
}

[lang=zh] .layCont .sleepCon .sleepState .userID {
	color: #fe324b
}

.layCont .sleepCon .sleepState .tit {
	padding: 16px 0 12px;
	color: #373a3c;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.layCont .sleepCon .sleepState .txt {
	font-size: 1.3rem;
	line-height: 1.62
}

.layCont .sleepCon .sleepTxt {
	margin: 23px 0 15px;
	padding: 15px 20px;
	color: #6b6e73;
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.62
}

.layCont .memberWrap .popTxtTop {
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.44
}

.layCont .memberWrap .popTxtTop+.loginForm {
	margin: 12px 0 15px
}

.frmSel.frmChkS.chkLineBox {
	display: inline-block;
	min-width: 79px;
	height: 40px;
	padding: 7px 16px 7px 10px;
	border: solid 1px #dadada;
	border-radius: 4px;
	background: #fff
}

.frmSel.frmChkS.chkLineBox+.chkLineBox {
	margin-left: 1px
}

.frmSel.frmChkS.chkLineBox input {
	top: 13px;
	left: 16px
}

.frmSel.frmChkS.chkLineBox input[type=checkbox]:checked+label {
	color: #1e2023
}

.frmSel.frmChkS.chkLineBox label {
	padding-left: 24px;
	color: #dcdfe3
}

.frmSel.frmChkS.chkLineBox label::before {
	top: -1px
}

.btnArr {
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .btnArr {
	font-weight: 700
}

.btnArr::after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-left: 4px;
	background: url(/fo/images/common/ico_arr_right.png) no-repeat 0
}

.bultType02>li {
	position: relative;
	padding-left: 7px;
	margin-top: 8px
}

.bultType02>li::before {
	content: "-";
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.searchArea.wType .selectWrap .ui-selectmenu-button {
	background: #fff
}

.infoBox {
	margin-top: 40px;
	border-top: 1px solid #5a5f64;
	border-bottom: none
}

.infoBox .titInfo {
	position: relative;
	display: block;
	height: 56px;
	padding: 0 17px 0 44px;
	color: #373a3c;
	font-weight: 700;
	line-height: 56px;
	border-top: none
}

.infoBox .titInfo::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 17px;
	width: 22px;
	height: 24px;
	margin-top: -12px;
	background: url(/fo/images/common/spr_ico.png) no-repeat
}

.infoBox .titInfo.titGuide::before {
	background-position: -214px 0
}

.infoBox .bultType01 {
	padding: 0 16px
}

.infoBox .bultType01>li {
	color: #6b6e73;
	letter-spacing: -0.03em
}

.certifiedBox {
	position: relative;
	margin-top: 40px;
	border-top: 1px solid #5a5f64;
	border-bottom: none;
	padding: 16px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	padding-left: 30px;
	gap: 30px
}

.certifiedBox>.titCertified {
	color: #373a3c;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%
}

.certifiedBox>span {
	margin-top: auto;
	margin-bottom: auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.certifiedBox>span.kc {
	margin-left: 201px
}

.certifiedBox>span.safelife {
	margin-left: 190px
}

.certifiedBox>dl {
	width: 619px
}

.certifiedBox>dl>* {
	color: #5a5f64;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: -0.3px
}

.certifiedBox>dl>dd>a {
	color: #8b8f94;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	text-decoration-line: underline
}

.listNum.inTab {
	border-bottom: 0
}

.listNum.inTab .totalNum+.tabType02 {
	position: relative;
	margin-left: 16px;
	padding-left: 5px
}

.listNum.inTab .totalNum+.tabType02::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	height: 20px;
	margin-top: -10px;
	border-left: 1px solid #dcdfe3
}

.listNum.inTab .tabType02 {
	float: left;
	margin-bottom: 0;
	line-height: 48px
}

.listNum.inTab .tabType02>li {
	margin-left: -2px
}

.listNum.inTab .tabType02>li a {
	color: #5a5f64;
	font-size: 1.5rem
}

.listNum.inTab .tabType02>li.tabON a {
	color: #1e2023
}

.listNum.inTab .side {
	float: right
}

.contInner .contents>.topVisual {
	overflow: hidden;
	position: relative;
	height: 230px;
	margin-bottom: 48px
}

.contInner .contents>.topVisual img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -616px
}

.fullBanner,
.bosImgWrap {
	text-align: center
}

h3.titPopDep3 {
	margin-bottom: 24px;
	color: #373a3c;
	font-size: 1.8rem
}

.blText {
	color: #1e2023;
	font-size: 15px
}

.blText dt,
.blText dd {
	display: inline-block;
	position: relative;
	line-height: 1.2
}

.blText dd {
	margin-left: 11px;
	padding-left: 13px
}

.blText dd::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	height: 15px;
	margin: -7.5px 0 0;
	border-left: 1px solid #eaeaea
}

.memberWrap .loginForm .memberAgree {
	margin-top: 48px
}

.memberWrap .loginForm .memberAgree>.frmSel.labelBold {
	margin-bottom: 15px
}

.memberWrap .loginForm .memberAgree>.frmSel.labelBold label[for=chkAll] {
	font-size: 2rem
}

.memberWrap .loginForm .memberAgree>strong {
	display: block;
	margin-bottom: 15px;
	color: #1e2023;
	font-size: 2rem;
	font-weight: 500
}

[lang=zh] .memberWrap .loginForm .memberAgree>strong {
	font-weight: 700
}

.memberWrap .loginForm .memberAgree .agreeList {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid #373a3c
}

.memberWrap .loginForm .memberAgree .agreeList .btDetail {
	top: -1px;
	height: 25px;
	margin: 0
}

.memberWrap .loginForm .memberAgree .agreeList li {
	margin-top: 20px
}

.memberWrap .loginForm .memberAgree .agreeList li:first-child {
	margin-top: 0
}

.memberWrap .loginForm .memberAgree .agreeList li .frmSel {
	display: block;
	padding-right: 70px
}

.memberWrap .loginForm .memberAgree .agreeList li .frmSel.pdrNone {
	padding-right: 0
}

.memberWrap .loginForm .memberAgree .agreeList li .frmSel label {
	padding: 0 0 0 28px;
	color: #373a3c;
	line-height: 1.53
}

.memberWrap .loginForm .memberAgree .agreeList li .frmSel label::before {
	top: 1px
}

.memberWrap .loginForm .memberAgree .agreeList li .frmSel>span.noneCk {
	display: block;
	padding: 0 0 0 28px;
	color: #373a3c;
	line-height: 1.53
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray {
	display: none;
	margin-top: 13px;
	margin-right: 0;
	padding: 6px 5px 7px;
	text-align: center;
	border-radius: 8px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup {
	text-align: left;
	font-size: 0
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel {
	display: inline-block;
	min-width: 100px;
	padding: 7px 16px 7px 10px;
	margin-left: 40px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel.frmChkS input[type=checkbox] {
	opacity: 0
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel.frmChkS input[type=checkbox]+label:before {
	background-position: -312px -25px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel.frmChkS input[type=checkbox]:checked+label:before {
	background-position: -336px -25px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel.frmChkS.chkLineBox {
	border: none;
	background: none
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel.frmChkS.chkLineBox label {
	padding: 0 0 0 24px;
	text-align: left;
	color: #5a5f64;
	font-size: 1.5rem
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel.frmChkS.chkLineBox label::before {
	top: 4px;
	height: 15px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel:first-child,
.memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel:nth-child(4) {
	margin: 0
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray.type03 {
	padding: 20px 24px 6px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray.type03 li span {
	text-align: left
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray.type03 li input[type=checkbox] {
	opacity: 0
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray.type03 li input[type=checkbox]+label:before {
	top: 4px;
	height: 15px;
	background-position: -312px -25px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray.type03 li input[type=checkbox]:checked+label:before {
	background-position: -336px -25px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray.type03 li .chkGroup {
	margin-top: 10px
}

.memberWrap .loginForm .memberAgree .agreeList li .boxGray.type03 li .chkGroup .frmSel {
	margin: 0
}

.memberWrap .loginForm .memberAgree .agreeList li.checked .boxGray {
	display: block
}

.memberWrap .loginForm .memberAgree .frmSel.labelBold {
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .memberWrap .loginForm .memberAgree .frmSel.labelBold {
	font-weight: 700
}

.memberWrap .loginForm .memberAgree.affili {
	position: relative;
	margin-top: 55px
}

.memberWrap .loginForm .memberAgree.affili>strong {
	width: 280px
}

.memberWrap .loginForm .memberAgree.affili ul {
	font-size: 0
}

.memberWrap .loginForm .memberAgree.affili ul li {
	display: block
}

.memberWrap .loginForm .memberAgree.affili ul li:first-child {
	margin-right: 39px
}

.memberWrap .loginForm .memberAgree.affili ul li+li {
	margin-top: 20px
}

.memberWrap .loginForm .memberAgree.affili ul li label {
	padding-left: 28px;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 400
}

.memberWrap .loginForm .memberAgree.affili ul li label::before {
	top: 1px;
	width: 20px;
	height: 21px;
	background-position: -252px 0
}

.memberWrap .loginForm .memberAgree.affili ul li input[type=checkbox]:checked+label::before {
	background-position: -272px 0
}

.memberWrap .loginForm .memberAgree.affili .btDetail {
	position: absolute;
	right: -5px;
	top: -1px;
	margin: 0
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray {
	display: none;
	position: relative;
	margin-top: 24px;
	margin-bottom: 16px;
	padding: 16px 20px 12px;
	border-radius: 8px
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray:first-child {
	margin-top: 24px
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray:nth-child(3) .chkGroup {
	flex-wrap: wrap
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray:nth-child(3) .chkGroup .frmSel {
	width: fit-content
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray:nth-child(3) .chkGroup .frmSel label {
	max-width: 100%;
	width: fit-content
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray strong {
	display: block;
	margin-bottom: 12px;
	padding-left: 6px;
	color: #373a3c;
	font-size: 1.8rem
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li {
	display: block;
	position: relative;
	margin-right: 0;
	margin-top: 12px;
	padding: 0
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .frmSel {
	width: 100%
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .frmSel label {
	position: relative;
	max-width: 75%;
	line-height: 1.35;
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 400
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .frmSel label::before {
	display: none
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .frmSel label::after {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 9px;
	width: 9px;
	height: 5px;
	margin: -6px 0 0 -4px;
	border-style: solid;
	border-color: #dcdfe3;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg) skewY(-3deg);
	transform: rotate(-45deg) skewY(-3deg)
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .frmSel input[type=checkbox] {
	opacity: 0
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .frmSel input[type=checkbox]:checked+label::before {
	display: none
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .frmSel input[type=checkbox]:checked+label::after {
	border-color: #4d6ee4
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .chkGroup {
	display: flex;
	justify-content: normal;
	margin-top: 10px
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .chkGroup .frmSel {
	border: none;
	background: none
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner li .chkGroup .frmSel label {
	font-weight: 400
}

.memberWrap .loginForm .memberAgree.affili .chkAgreeInner .boxGray .chkInner .btDetail {
	top: 2px
}

.memberWrap .loginForm .frmInp .inpBtn .errorTxt,
.memberWrap .loginForm .frmInp .inpBtn .compTxt,
.memberWrap .loginForm .frmInp .inpBtn .compMsg,
.memberWrap .loginForm .frmInp .inpBtn .txtInfo {
	padding: 6px 0 0 0
}

.memberWrap .frmInp {
	padding: 24px 0 0 0
}

.layPop.agreePop .layCont {
	margin-bottom: 0
}

.layPop.agreePop .layCont .conTxt {
	padding: 28px 0 0;
	text-align: center
}

.layPop.agreePop .layCont .conTxt strong {
	display: block;
	font-weight: bold;
	color: #373a3c;
	font-size: 2rem;
	line-height: 1.5
}

.layPop.agreePop .layCont .conTxt p {
	margin-top: 30px;
	color: #5a5f64;
	font-size: 1.7rem;
	line-height: 1.53
}

.memberWrap.toggleLayer .frmToggleBtn {
	margin-bottom: 16px
}

.memberWrap.toggleLayer .btnPhone,
.memberWrap.toggleLayer .chkID {
	display: inline-block
}

.memberWrap.toggleLayer .frmID {
	display: block
}

.memberWrap.toggleLayer .btnPID,
.memberWrap.toggleLayer .frmPhone,
.memberWrap.toggleLayer .chkPhone {
	display: none
}

.memberWrap.toggleLayer .frmID,
.memberWrap.toggleLayer .frmPhone {
	margin-top: 0 !important
}

.memberWrap.toggleLayer.idLogin .btnPID,
.memberWrap.toggleLayer.idLogin .chkPhone {
	display: inline-block
}

.memberWrap.toggleLayer.idLogin .frmPhone {
	display: block
}

.memberWrap.toggleLayer.idLogin .frmID,
.memberWrap.toggleLayer.idLogin .chkID,
.memberWrap.toggleLayer.idLogin .btnPhone {
	display: none
}

.memberWrap .loginForm .frmID input {
	width: 100%
}

.memberWrap .loginForm .formList .frmInp {
	margin-top: 32px
}

.memberWrap .loginForm .formList .frmInp.labelTop {
	padding-top: 0
}

.memberWrap .loginForm .formList .frmInp.labelTop .btIco {
	top: 5px
}

.memberWrap .loginForm .frmList {
	margin: 16px 0 0 -6px
}

.memberWrap .loginForm .frmList .frmSel.frmChkS {
	display: block
}

.memberWrap .loginForm .frmList .frmSel.frmChkS input[type=checkbox]:checked+label {
	color: #4d6ee4
}

[lang=zh] .memberWrap .loginForm .frmList .frmSel.frmChkS input[type=checkbox]:checked+label {
	color: #fe324b
}

.memberWrap .loginForm .frmList .frmSel.frmChkS input[type=checkbox]+label {
	color: #6b6e73
}

.memberWrap .loginForm .frmList+.btnArea {
	margin: 40px 0 0
}

.memberWrap .loginBtns {
	margin-top: 24px;
	text-align: center
}

.memberWrap .loginBtns .txtLink {
	padding: 0 24px 0 25px;
	font-size: 1.5rem;
	margin-left: -2px
}

.memberWrap .loginBtns .txtLink:first-child:before {
	display: none
}

.memberWrap .loginBtns .txtLink::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 16px;
	margin-top: -8px;
	background: #eaeaea
}

.memberWrap .loginBtns .txtLink::after {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 2px;
	width: auto;
	height: 1px;
	background: #6b6e73
}

.memberWrap .snsList h3.fLine {
	margin-right: 0;
	margin-left: 0
}

.layCont .memberWrap .popTxtTop {
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.44
}

body>#wrapper.commWrapper .header .headInner .selectWrap.selectS {
	position: absolute;
	top: 14px;
	right: -7px;
	width: auto
}

body>#wrapper.commWrapper .header .headInner .selectWrap.selectS .ui-selectmenu-menu {
	top: 43px !important
}

.tabType03.fullType>li a {
	min-width: 198px
}

.infoBox .titInfo.titGuide+.bultType01 {
	margin-top: 0;
	letter-spacing: -0.03em
}

.memberWrap .infoBox {
	margin-bottom: 65px
}

.memberWrap .frmList li+li {
	margin-left: 22px
}

.certAgeBox {
	margin: 0 0 24px;
	padding-bottom: 13px
}

.certAgeBox .txt {
	padding-left: 72px;
	color: var(--col_gray03);
	font-size: 1.3rem;
	background: url(/fo/images/member/bg_age19.png) no-repeat 0 50%
}

.txtAge {
	margin: 24px 0 12px;
	color: #6b6e73;
	text-align: center
}

.tabBox {
	display: flex
}

.tabBox li {
	flex: 1 100%
}

.tabBox li a {
	position: relative;
	display: block;
	height: 48px;
	padding: 0;
	color: #707378;
	font-size: 1.5rem;
	line-height: 48px;
	border-radius: 4px;
	text-align: center;
	background: #fff;
	box-sizing: border-box;
	border: 1px solid #dcdfe3;
	border-width: 1px 0 1px 1px
}

.tabBox li:first-child a {
	border-radius: 4px 0 0 4px;
	border-right: 0
}

.tabBox li:nth-child(2) a {
	border-radius: 0 4px 4px 0;
	border-left: 0;
	border-right: 1px solid #dcdfe3
}

.tabBox li.tabON a {
	color: #4d6ee4;
	font-weight: 700;
	border-color: #4d6ee4
}

.tabBox li:first-child.tabON a {
	border-right: 1px solid #4d6ee4
}

.tabBox li.tabON:nth-child(2) {
	border-left: 1px solid #4d6ee4
}

.btMore {
	position: relative;
	display: inline-block;
	text-align: center;
	line-height: 24px;
	font-size: 15px
}

.btMore:hover {
	cursor: pointer
}

.btMore::before {
	content: "";
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background: #a3b1bf;
	margin-right: 4px;
	overflow: hidden;
	border-radius: 50%
}

.btMore span {
	position: static
}

.btMore span::after,
.btMore span::before {
	content: "";
	display: inline-block;
	position: absolute;
	background: #fff;
	border-radius: 2px;
	top: 50%;
	transform: translateY(-50%)
}

.btMore span::after {
	width: 10px;
	height: 2px;
	left: 7px
}

.btMore span::before {
	height: 10px;
	width: 2px;
	left: 11px
}

.SwitchRight {
	margin-top: 24px;
	height: 48px
}

.SwitchRight::after {
	content: "";
	display: table;
	clear: both
}

.SwitchRight .frmSwitch {
	float: right;
	margin-top: 14px
}

.SwitchRight .frmSwitch label {
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .SwitchRight .frmSwitch label {
	font-weight: 700
}

.SwitchRight .totalNum {
	float: left;
	color: #5a5f64;
	font-size: 15px;
	line-height: 48px
}

.switchRight {
	margin-top: 24px;
	height: 48px
}

.switchRight::after {
	content: "";
	display: table;
	clear: both
}

.switchRight .frmSwitch {
	float: right;
	margin-top: 14px
}

.switchRight .frmSwitch label {
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .switchRight .frmSwitch label {
	font-weight: 700
}

.switchRight .totalNum {
	float: left;
	color: #5a5f64;
	font-size: 15px;
	line-height: 48px
}

#wrapper.chatWrapper {
	width: 100%;
	min-height: auto
}

#wrapper.chatWrapper .header {
	width: 100%;
	min-width: 100%;
	height: 100px;
	background: #fff
}

#wrapper.chatWrapper .header .headInner {
	height: auto;
	padding: 0
}

#wrapper.chatWrapper .header .headInner>p {
	height: auto;
	overflow: visible
}

#wrapper.chatWrapper .header .headInner>p a {
	display: inline-block;
	padding: 30px
}

#wrapper.chatWrapper .header .headInner .selectWrap {
	position: absolute;
	top: 0;
	right: 0
}

#wrapper.chatWrapper .header .headInner .selectWrap .ui-selectmenu-menu {
	left: auto !important;
	right: 5px !important
}

#wrapper.chatWrapper .header img {
	width: auto
}

#wrapper.chatWrapper .memberWrap {
	width: auto
}

#wrapper.chatWrapper .memberWrap .btnSelect {
	width: 120px
}

#wrapper.chatWrapper .memberWrap .btnSelect+input[type=text] {
	width: calc(100% - 128px)
}

#wrapper.chatWrapper .memberWrap .loginBtns a {
	padding: 0 14px 0 15px
}

#wrapper.chatWrapper .tabType03.fullType {
	display: table;
	width: 100%;
	table-layout: fixed
}

#wrapper.chatWrapper .tabType03.fullType>li {
	display: table-cell;
	width: 100%
}

#wrapper.chatWrapper .tabType03.fullType>li a {
	padding: 0 10px;
	min-width: auto
}

#wrapper.chatWrapper ::placeholder {
	font-size: 1.5rem
}

#btnFilter {
	position: fixed;
	top: 332px;
	left: 8px;
	padding-top: 11px
}

#btnFilter.newFilter {
	left: 0
}

#btnFilter.newFilter button.btnFilterBtn {
	overflow: visible;
	text-indent: -9999px;
	position: relative;
	width: 72px;
	height: 64px;
	border-radius: 0px 24px 24px 0px;
	background: linear-gradient(to left, #5d74d9, #f860b7);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .1)
}

#btnFilter.newFilter button.btnFilterBtn::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 15px;
	z-index: 5;
	background: url(/fo/images/view/filter_funnel.svg) center no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px
}

#btnFilter.newFilter button.btnFilterBtn::after {
	content: "";
	position: absolute;
	top: 26px;
	right: 8px;
	z-index: 5;
	background: url(/fo/images/view/ico_chevron_right_16x_stroke.svg) center no-repeat;
	background-size: cover;
	width: 12px;
	height: 12px
}

#btnFilter.newFilter button.btnFilterBtn.on::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 15px;
	z-index: 5;
	background: url(/fo/images/view/filter_funnel_on.svg) center no-repeat;
	background-size: cover;
	width: 24px;
	height: 24px
}

#btnFilter.newFilter button.btnFilterBtn .btnFilterInbox {
	overflow: visible;
	position: absolute;
	top: 2px;
	left: 0;
	z-index: 4;
	width: 70px;
	height: 60px;
	border-radius: 0px 22px 22px 0px;
	text-indent: -9999px;
	font-size: 0;
	background: #373a3c
}

#btnFilter.newFilter button.btnFilterBtn .num {
	background-color: rgba(0, 0, 0, 0);
	font-size: 0;
	opacity: 0
}

#btnFilter button {
	overflow: visible;
	text-indent: -9999px;
	position: relative;
	width: 48px;
	height: 48px;
	border-radius: 8px 0 8px 8px;
	background: #373a3c url(/fo/images/view/btn_filter.png) center no-repeat;
	box-shadow: 0 5px 10px 0 rgba(30, 32, 35, .1)
}

#btnFilter .num {
	text-indent: 0;
	position: absolute;
	top: -11px;
	right: -8px;
	padding: 0 6px;
	min-width: 22px;
	height: 22px;
	background-color: #4d6ee4;
	border-radius: 999px;
	border: 2px solid #fff;
	font-weight: 500;
	font-size: 1.2rem;
	color: #fff;
	text-align: center
}

[lang=zh] #btnFilter .num {
	background-color: #fe324b
}

[lang=zh] #btnFilter .num {
	font-weight: 700
}

#filterWrap {
	display: none;
	position: relative;
	padding: 32px 24px 0;
	width: 320px;
	height: 100%;
	background: #fff
}

#filterWrap.fixToBottom {
	position: absolute;
	bottom: 0
}

#filterWrap .titWrap {
	position: relative
}

#filterWrap .titWrap .tit {
	padding: 0 0 16px;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #1e2023
}

#filterWrap .titWrap .frmSwitch {
	position: absolute;
	top: 6px;
	right: 0
}

#filterWrap .titWrap .frmSwitch label {
	padding-right: 70px
}

#filterWrap .titWrap .frmSwitch .tipArea {
	position: absolute;
	top: 0;
	right: 47px
}

#filterWrap .titWrap .frmSwitch .tipArea .tipCont {
	left: -207px;
	width: 272px;
	z-index: 5
}

#filterWrap .titWrap .frmSwitch .tipArea .tipCont::before {
	left: 209px
}

#filterWrap .filterCont {
	overflow-y: auto;
	position: relative;
	margin-right: -20px;
	padding: 2px 0 20px
}

#filterWrap .filterCont .filterOption {
	width: 272px
}

#filterWrap .filterCont .filterOption.accordianList {
	border: none
}

#filterWrap .filterCont .filterOption.accordianList .toggleAction:first-child .ctrl {
	margin-top: 0
}

#filterWrap .filterCont .filterOption.accordianList .ctrl {
	position: relative;
	margin: 16px 0 14px;
	padding: 0;
	border: none;
	font-weight: 500;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	opacity: .3
}

[lang=zh] #filterWrap .filterCont .filterOption.accordianList .ctrl {
	font-weight: 700
}

#filterWrap .filterCont .filterOption.accordianList .ctrl::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
	width: 11px;
	height: 7px;
	background: url(/fo/images/view/ico_accordian.png) no-repeat
}

#filterWrap .filterCont .filterOption.accordianList .ctrl[aria-expanded=true] {
	margin: 0;
	padding: 16px 0;
	opacity: 1
}

#filterWrap .filterCont .filterOption.accordianList .ctrl[aria-expanded=true]::after {
	background-position: -11px 0
}

#filterWrap .filterCont .filterOption.accordianList .ctrl>.num {
	display: inline-block;
	margin: 3px 0 0 5px;
	font-size: 1.5rem;
	color: #4d6ee4;
	vertical-align: top
}

[lang=zh] #filterWrap .filterCont .filterOption.accordianList .ctrl>.num {
	color: #fe324b
}

#filterWrap .filterCont .filterOption.accordianList .accordCont {
	padding: 0;
	background: none
}

#filterWrap .filterCont .filterOption.accordianList .optionList .tit {
	padding-bottom: 4px
}

#filterWrap .filterCont .filterOption .cateScrollArea {
	overflow: auto;
	max-height: 330px
}

#filterWrap .filterCont .filterOption .cateScrollArea::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(0, 0, 0, .1)
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList {
	border-bottom: none
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction {
	border-top: 1px solid #f2f5f9
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl {
	margin: 0;
	opacity: 1
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl::after {
	display: none
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl[aria-expanded=true] {
	padding: 0
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl input[type=checkbox] {
	opacity: 0
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl input[type=checkbox]:checked+label::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/common/spr_form.png) no-repeat -36px 0
}

[lang=zh] #filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl input[type=checkbox]:checked+label::after {
	background-image: url(/fo/images/cmall/spr_formC.png)
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl label {
	padding: 0 11px;
	line-height: 36px;
	height: 36px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 500;
	background: #f8fafc
}

[lang=zh] #filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl label {
	font-weight: 700
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .frmSel.ctrl label::before {
	display: none
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList .toggleAction .ctrl {
	opacity: 1
}

#filterWrap .filterCont .filterOption .cateScrollArea .filterCateDep1 .toggleAction .accordCont {
	padding-bottom: 0;
	border-bottom: none !important
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 {
	border-bottom: 1px solid #f2f5f9
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .toggleAction .frmSel.ctrl label {
	padding: 0 18px;
	font-weight: 400;
	background: #fff
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .toggleAction .frmSel.ctrl[aria-expanded=true] label {
	background: #f8fafc
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 {
	padding: 0
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 .frmSel {
	display: block;
	border-top: 1px solid #f2f5f9
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 .frmSel label {
	padding: 0 0 0 32px;
	font-size: 1.2rem;
	line-height: 31px
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 .frmSel label::before {
	top: 50%;
	left: 20px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border: solid #dcdfe3;
	border-width: 0 0 1px 1px;
	background: none
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 .frmSel input[type=checkbox] {
	opacity: 0
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 .frmSel input[type=checkbox]:checked+label {
	color: #4d6ee4
}

[lang=zh] #filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 .frmSel input[type=checkbox]:checked+label {
	color: #fe324b
}

#filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 .frmSel input[type=checkbox]:checked+label::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/common/spr_form.png) no-repeat -36px 0
}

[lang=zh] #filterWrap .filterCont .filterOption .cateScrollArea .accordianList.filterCateDep2 .filterCateDep3 .frmSel input[type=checkbox]:checked+label::after {
	background-image: url(/fo/images/cmall/spr_formC.png)
}

#filterWrap .filterCont .filterOption .priceRange {
	position: relative;
	overflow: hidden
}

#filterWrap .filterCont .filterOption .priceRange::before {
	content: "~";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

#filterWrap .filterCont .filterOption .priceRange .frmInp {
	float: left;
	width: 47.05%
}

#filterWrap .filterCont .filterOption .priceRange .frmInp .unit {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 48px;
	color: #373a3c;
	text-align: center
}

[lang=zh] #filterWrap .filterCont .filterOption .priceRange .frmInp .unit {
	font-weight: 700
}

#filterWrap .filterCont .filterOption .priceRange .frmInp label {
	width: auto
}

#filterWrap .filterCont .filterOption .priceRange .frmInp input[type=text] {
	width: 100%;
	min-width: auto;
	color: #373a3c;
	line-height: 39px;
	text-align: right
}

#filterWrap .filterCont .filterOption .priceRange .frmInp input[type=text]::placeholder {
	font-weight: 400;
	font-size: inherit;
	color: #8b8f94
}

#filterWrap .filterCont .filterOption .priceRange .frmInp:first-child {
	margin-right: 5.9%
}

#filterWrap .filterCont .filterOption .priceRange+.optionList {
	margin-top: 16px
}

#filterWrap .filterCont .filterOption .colorPicker {
	margin: -8px 0 0 -8px
}

#filterWrap .filterCont .filterOption .colorPicker .frmSel {
	float: left;
	margin: 8px 0 0 8px;
	box-sizing: border-box
}

#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap {
	padding: 6px
}

#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input {
	opacity: 0
}

#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input+label {
	position: relative;
	overflow: visible;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 1px solid #eaeaea;
	border-radius: 100%;
	box-sizing: border-box
}

#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input+label::before {
	display: none
}

#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input+label.transparent {
	background: url(/fo/images/common/bg_color_transparent.gif) center no-repeat !important
}

#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input+label img {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 100%
}

#filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input:checked+label:before {
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: calc(-32px/2) 0 0 calc(-32px/2);
	border: 1px solid;
	border-color: #4d6ee4;
	border-radius: 100%;
	background: none;
	box-sizing: border-box
}

[lang=zh] #filterWrap .filterCont .filterOption .colorPicker .frmSel .colorWrap input:checked+label:before {
	border-color: #fe324b
}

#filterWrap .filterCont .filterOption .filterSearch {
	position: relative;
	margin-right: 0;
	width: 100%
}

#filterWrap .filterCont .filterOption .filterSearch>input[type=text] {
	display: block;
	width: 100%;
	padding-right: 60px;
	border: 1px solid #5a5f64;
	background: #fff
}

#filterWrap .filterCont .filterOption .filterSearch .btIco.icDel {
	top: 4px;
	right: 38px;
	width: 20px
}

#filterWrap .filterCont .filterOption .filterSearch .btIco.icDel::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/common/ico_search_del.png) no-repeat
}

#filterWrap .filterCont .filterOption .filterSearch .searchType {
	position: relative;
	margin: 20px 0 0;
	padding: 0;
	height: 48px;
	border-radius: 4px;
	border: 1px solid #5a5f64;
	background: none
}

#filterWrap .filterCont .filterOption .filterSearch .searchType fieldset {
	margin: 0;
	width: 100%
}

#filterWrap .filterCont .filterOption .filterSearch .searchType input[type=text] {
	display: block;
	height: 46px;
	border: none;
	font-size: 1.5rem
}

#filterWrap .filterCont .filterOption .filterSearch .searchType input[type=text]::placeholder {
	font-size: 1.5rem;
	color: #b9bcc0
}

#filterWrap .filterCont .filterOption .filterSearch .searchType .icDel {
	display: none;
	position: absolute;
	top: 50%;
	right: 38px;
	width: 20px;
	margin-top: -20px
}

#filterWrap .filterCont .filterOption .filterSearch .searchType .icDel::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 50;
	margin: -8px 0 0 -8px;
	width: 16px;
	height: 16px;
	background: url(/fo/images/common/ico_search_del.png) no-repeat
}

#filterWrap .filterCont .filterOption .filterSearch .searchType .icSearch:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	width: 16px;
	height: 16px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -266px -24px
}

#filterWrap .filterCont .filterOption .noData {
	padding: 51px 0 16px
}

#filterWrap .filterCont .filterOption .noData::before {
	top: 7px;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	background: url(/fo/images/common/ico_s_nodata.png) no-repeat
}

#filterWrap .filterCont .filterOption .filterSelectList {
	margin-top: 10px
}

#filterWrap .filterCont .filterOption .filterSelectList>li {
	display: inline-block;
	margin: 8px 4px 0 0;
	padding: 4px 4px 7px 8px;
	background: #f8fafc;
	border-radius: 4px;
	font-weight: 500;
	font-size: 1.3rem;
	color: #6b6e73
}

[lang=zh] #filterWrap .filterCont .filterOption .filterSelectList>li {
	font-weight: 700
}

#filterWrap .filterCont .filterOption .filterSelectList>li>* {
	display: inline-block;
	vertical-align: middle
}

#filterWrap .filterCont .filterOption .filterSelectList>li .del {
	position: relative;
	margin: 0 0 0 3px;
	width: 16px;
	height: 16px;
	background: url(/fo/images/view/btn_s_del.png) center no-repeat
}

#filterWrap .filterCont .filterOption .filterSelectList>li .color {
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%
}

#filterWrap .filterCont .filterOption .filterSelectList>li .color img {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%
}

#filterWrap .filterCont .filterOption>.toggleAction.on>.ctrl {
	border-top: 1px solid #5a5f64
}

#filterWrap .filterCont .filterOption>.toggleAction.on .accordCont {
	padding-bottom: 16px;
	border-bottom: 1px solid #5a5f64
}

#filterWrap .btnArea {
	position: relative;
	margin: 0;
	padding: 0 0 24px
}

#filterWrap .btnArea::before {
	content: "";
	position: absolute;
	top: -24px;
	width: 100%;
	height: 24px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff)
}

#filterWrap .btnArea button {
	margin: 0;
	min-width: 88px;
	font-size: 1.5rem
}

#filterWrap .btnArea button.btnRefresh {
	min-width: 48px;
	height: 48px;
	border-radius: 4px;
	background: url(/fo/images/view/ico_refresh.png) center no-repeat;
	background-color: #e9ebfb
}

[lang=zh] #filterWrap .btnArea button.btnRefresh {
	background-color: #ffeef1
}

#filterWrap .btnArea button.action {
	margin-left: 2px;
	min-width: calc(100% - 56px)
}

#filterWrap .close {
	position: absolute;
	top: 39px;
	right: -28px;
	width: 28px;
	height: 56px;
	border-radius: 0 8px 8px 0;
	background: #fff;
	box-shadow: 6px 2px 10px 0px rgba(30, 32, 35, .1)
}

#filterWrap .close::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(/fo/images/view/ico_close.png) no-repeat
}

#filter #filterWrap {
	background: rgba(0, 0, 0, 0)
}

#filter.opened #filterWrap {
	background: #fff
}

.benefitWrap.i2303.categoryAreaBox #filter.opened #filterWrap {
	background: #fff
}

.benefitWrap.i2303.categoryAreaBox #filter #filterWrap .filterCont {
	height: calc(100% - 122px)
}

.mz-promoContainer .promotionCon {
	padding-bottom: 56px
}

.mz-container~.promotionContext {
	overflow: hidden;
	width: 1000px !important;
	min-width: 1000px !important;
	max-width: 1000px !important;
	padding: 0 !important
}

.mz-container~.promotionContext .moduleWrap {
	padding: 24px 0
}

.mz-container~.promotionContext .moduleWrap.first {
	margin-top: 10px
}

.mz-container~.promotionContext .moduleWrap .ancTabContent .subTitleText {
	margin-top: 36px
}

.mz-container~.promotionContext .moduleWrap .mTit {
	text-align: left;
	font-size: 1.8rem
}

.mz-container~.promotionContext .moduleWrap .swiperWrap {
	z-index: 1
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe {
	margin-top: 15px;
	padding: 0 12px
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .swiper-wrapper .swiper-slide .prodCont {
	min-height: 0
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .swiper-wrapper .swiper-slide .prodCont figure {
	min-height: 0
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .swiper-wrapper .swiper-slide .prodCont .prodInfo {
	margin-top: 17px
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .swiper-wrapper .swiper-slide .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-height: 54px;
	padding: 0 8px;
	line-height: 18px;
	font-size: 1.3rem;
	white-space: inherit;
	-webkit-line-clamp: 3;
	word-break: break-all
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-controls {
	margin-top: 20px;
	line-height: 0
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-controls .ts-paging {
	position: relative
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-prev,
.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-next {
	outline: none
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-prev::after,
.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-next::after {
	display: none
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-prev {
	left: 12px;
	background: url(/fo/images/view/ico_mz_md_swiper_prev_on.png) no-repeat
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-prev.ts-button-disabled {
	background-image: url(/fo/images/view/ico_mz_md_swiper_prev_off.png);
	cursor: default
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-next {
	right: 12px;
	background: url(/fo/images/view/ico_mz_md_swiper_next_on.png) no-repeat
}

.mz-container~.promotionContext .moduleWrap .swiperWrap.mytypeSwipe .ts-next.ts-button-disabled {
	background-image: url(/fo/images/view/ico_mz_md_swiper_next_off.png);
	cursor: default
}

.mz-container~.promotionContext .moduleWrap~.moduleWrap {
	margin-top: 24px
}

.mz-container .mz-innerWrap {
	max-width: 1000px;
	margin: 0 auto
}

.mz-container .fixedWrap.imp {
	position: relative;
	z-index: 11;
	height: 60px !important
}

.mz-container .fixedWrap.imp.fixed>.inner {
	box-shadow: none
}

.mz-container .fixedWrap.imp .inner {
	border-bottom: 1px solid #b9bcc0
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap {
	position: relative;
	z-index: 1;
	height: 60px
}

.promoContainer .mz-container .fixedWrap.imp .inner .mz-innerWrap {
	width: 1000px
}

.promoContainer .mz-container .fixedWrap.imp .inner .mz-innerWrap::before,
.promoContainer .mz-container .fixedWrap.imp .inner .mz-innerWrap::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	width: 200%;
	height: 1px;
	background: #b9bcc0
}

.promoContainer .mz-container .fixedWrap.imp .inner .mz-innerWrap::before {
	left: -200%
}

.promoContainer .mz-container .fixedWrap.imp .inner .mz-innerWrap::after {
	right: -200%
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .btn-prev {
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(/fo/images/common/spr_swiper02.png) no-repeat
}

.promoContainer .mz-container .fixedWrap.imp .inner .mz-innerWrap .btn-prev {
	left: 76px
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap {
	height: 100%
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .tit {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 100%
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .tit .label {
	display: inline-block;
	min-width: 72px;
	height: 25px;
	margin-right: 24px;
	padding: 0 11px;
	border-radius: 100px;
	border: 1px solid #b9bcc0;
	text-align: center;
	line-height: 22px;
	color: #8b8f94;
	font-size: 1.2rem;
	font-weight: 500
}

[lang=zh] .mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .tit .label {
	font-weight: 700
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .tit strong {
	color: #373a3c;
	font-size: 1.6rem;
	font-weight: 400
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .util {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.promoContainer .mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .util {
	right: 68px
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .util>li {
	margin-left: 16px
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .util>li .comment {
	display: block;
	height: 32px
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .util>li .comment span {
	display: block;
	position: relative;
	padding-left: 24px;
	line-height: 32px;
	color: #8b8f94;
	font-size: 1.3rem
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .util>li .comment span::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/view/ico_comment.png) no-repeat
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .util>li .chkFavo {
	display: block
}

.mz-container .fixedWrap.imp .inner .mz-innerWrap .mz-titwrap .util>li .chkFavo label::after {
	margin: -8px 0 0 -8px
}

.mz-container .mz-content .mz-innerWrap {
	position: relative
}

.mz-container .mz-content .mz-innerWrap .ico-ft {
	display: block;
	position: absolute;
	right: 32px;
	top: 32px;
	width: 72px;
	height: 72px
}

.mz-container .mz-content .mz-innerWrap .ico-ft img {
	width: 100%;
	height: 100%
}

.mz-container .mz-content .mz-innerWrap .ico-ft .btn-close {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 14px;
	height: 14px;
	background: url(/fo/images/view/ico_mz_ft_close.png) no-repeat;
	background-size: cover
}

.mz-container .mz-content .section-original {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 80px 0 70px
}

.mz-container .mz-content .section-original .swiperWrap {
	overflow: inherit;
	z-index: 1;
	width: 492px
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container {
	border-radius: 4px
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide .flag-original {
	position: absolute;
	left: 16px;
	top: 16px;
	z-index: 10;
	width: 67px;
	height: 22px;
	border-radius: 4px;
	background: url(/fo/images/view/flag_mz_cont_original_sm.png) no-repeat;
	background-size: cover
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide a {
	overflow: hidden;
	display: block
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide a figure {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 100%
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide a figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a {
	position: absolute
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a:first-child {
	width: 100%;
	height: 100%;
	padding: 50px 81px 112px;
	background: rgba(12, 38, 159, .03)
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a:first-child~a {
	display: block;
	left: 50%;
	top: 398px;
	transform: translateX(-50%);
	width: calc(100% - 162px)
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a figure {
	overflow: hidden;
	display: block;
	border-radius: 8px
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a .prodInfo {
	width: 100%
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a .prodInfo .prodName {
	overflow: hidden;
	display: block;
	line-height: 1.2;
	color: #373a3c;
	letter-spacing: -0.45px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a .prodInfo .txtLoginBefore {
	margin-top: 9px
}

.mz-container .mz-content .section-original .swiperWrap .swiper-container .swiper-slide.prodType a .prodInfo .txtLoginBefore::before {
	width: 11px;
	height: 12px;
	background: url(/fo/images/view/ico_spr_mz.png) no-repeat -100px 0
}

.mz-container .mz-content .section-original .swiperWrap .ts-paging {
	bottom: -16px
}

.mz-container .mz-content .section-original .swiperWrap .ts-prev,
.mz-container .mz-content .section-original .swiperWrap .ts-next {
	opacity: 0;
	background: url(/fo/images/view/ico_spr_mz.png) no-repeat;
	outline: none;
	transition: .5s
}

.mz-container .mz-content .section-original .swiperWrap .ts-prev::after,
.mz-container .mz-content .section-original .swiperWrap .ts-next::after {
	display: none
}

.mz-container .mz-content .section-original .swiperWrap .ts-prev {
	background: url(/fo/images/view/ico_mz_md_swiper_prev_on.png) no-repeat
}

.mz-container .mz-content .section-original .swiperWrap .ts-prev.ts-button-disabled {
	background-image: url(/fo/images/view/ico_mz_md_swiper_prev_off.png);
	cursor: default
}

.mz-container .mz-content .section-original .swiperWrap .ts-next {
	background: url(/fo/images/view/ico_mz_md_swiper_next_on.png) no-repeat
}

.mz-container .mz-content .section-original .swiperWrap .ts-next.ts-button-disabled {
	background-image: url(/fo/images/view/ico_mz_md_swiper_next_off.png);
	cursor: default
}

.mz-container .mz-content .section-original .swiperWrap:hover .ts-prev,
.mz-container .mz-content .section-original .swiperWrap:hover .ts-next {
	opacity: 1
}

.mz-container .mz-content .section-original .mz-comment {
	overflow-x: hidden;
	overflow-y: auto;
	width: 492px;
	height: 492px;
	padding: 15px 24px 90px;
	border: 1px solid #b9bcc0;
	border-radius: 4px
}

.mz-container .mz-content .section-original .mz-comment .commentCnt {
	margin-bottom: 7px;
	font-size: 1.5rem;
	font-weight: 700
}

.mz-container .mz-content .section-original .mz-comment .commentCnt span {
	font-size: 1.7rem
}

.mz-container .mz-content .section-original .mz-comment>.commentWrite {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 492px;
	min-height: 52px;
	max-height: 89px;
	text-align: left;
	margin: 0;
	padding: 14px 16px;
	border-color: #b9bcc0;
	border-top-color: #eaeaea;
	border-radius: 0 0 4px 4px;
	box-sizing: border-box
}

.mz-container .mz-content .section-original .mz-comment>.commentWrite textarea {
	min-height: 21px;
	max-height: 71px;
	width: calc(100% - 60px);
	height: 21px;
	padding: 0;
	line-height: 1.36;
	font-size: 1.4rem
}

.mz-container .mz-content .section-original .mz-comment>.commentWrite.focus {
	border-color: #a0adf0
}

.mz-container .mz-content .section-original .mz-comment .commentArea {
	border: none
}

.mz-container .mz-content .section-original .mz-comment .commentArea .btnArea .btn-delete {
	top: 4px;
	right: -4px;
	background: url(/fo/images/view/ico_del.png) no-repeat 50% 50%;
	background-size: 12px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .btn-moreView {
	margin: 5px 0 3px 84px;
	font-size: 1.3rem
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap {
	padding-bottom: 8px;
	border: none
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList {
	padding-top: 0;
	padding-bottom: 0
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .writer {
	margin-bottom: 0
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .writer figure {
	top: 5px;
	width: 32px;
	height: 32px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .writer .id {
	font-size: 1.2rem
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .writer .id img {
	right: -20px;
	width: 16px;
	height: 16px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .context {
	font-size: 1.3rem
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .util li {
	margin-right: 7px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .util li time,
.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .util li .btn-reply {
	font-size: 1.2rem
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentList .util li .btn-reply {
	padding: 0 8px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply .util li {
	margin-right: 7px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply .util li time,
.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply .util li .btn-reply {
	font-size: 1.2rem
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply .util li .btn-reply {
	padding: 0 8px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply>li {
	padding: 14px 40px 0 84px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply>li:first-child {
	padding-top: 11px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply>li .writer {
	margin-bottom: 0
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply>li .writer figure {
	top: 15px;
	left: 44px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply>li .writer .id {
	font-size: 1.2rem
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply>li .context {
	margin-bottom: 1px;
	line-height: 1.38;
	font-size: 1.3rem
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentReply>li .btnArea .btn-delete {
	top: 18px;
	right: -3px
}

.mz-container .mz-content .section-original .mz-comment .commentArea .commentListWrap .commentWrite {
	margin-left: 44px
}

.mz-container .mz-moduleWrap {
	margin-top: 80px
}

.mz-comment .commentCnt {
	margin-bottom: 11px;
	text-align: left;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .mz-comment .commentCnt {
	font-weight: 700
}

.mz-comment .commentCnt span {
	margin-right: 3px;
	color: #4d6ee4
}

.mz-comment .commentWrite {
	position: relative;
	margin-bottom: 44px;
	border-radius: 4px;
	border: 1px solid #f5f7fa;
	font-size: 0;
	background: #f5f7fa;
	transition: border .15s ease-in-out
}

.mz-comment .commentWrite textarea {
	min-height: 160px;
	max-height: 1000px;
	padding-bottom: 40px;
	border: none;
	color: #373a3c;
	background: rgba(0, 0, 0, 0)
}

.mz-comment .commentWrite textarea::placeholder {
	color: #b9bcc0
}

.mz-comment .commentWrite.focus {
	border-color: #a0adf0
}

.mz-comment .commentWrite .maxText {
	position: absolute;
	right: 0;
	bottom: -22px
}

.mz-comment .commentWrite .maxText span {
	margin-right: 4px;
	font-weight: 400
}

.mz-comment .commentWrite .maxText span.over {
	color: #ce0700
}

.mz-comment .commentWrite .btnAreaBox {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 61px;
	height: 44px;
	padding: 0
}

.mz-comment .commentWrite .btnAreaBox .btnType {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0;
	line-height: 44px;
	color: #4d6ee4;
	font-weight: 700;
	box-shadow: none
}

.mz-comment .commentWrite .btnAreaBox .btnType[disabled] {
	color: #b9bcc0
}

.mz-comment .commentArea {
	padding-top: 8px;
	border-top: 1px solid #373a3c;
	text-align: left
}

.mz-comment .commentArea .commentListWrap {
	padding-bottom: 24px;
	border-bottom: 1px solid #eaeaea
}

.mz-comment .commentArea .commentListWrap .commentList {
	position: relative;
	padding: 23px 40px 0 48px
}

.mz-comment .commentArea .commentListWrap .commentReply>li {
	position: relative;
	padding: 14px 40px 0 88px
}

.mz-comment .commentArea .commentListWrap .commentReply>li:first-child {
	padding-top: 23px
}

.mz-comment .commentArea .commentListWrap .commentReply>li:first-child .writer figure {
	top: 22px
}

.mz-comment .commentArea .commentListWrap .commentReply>li .writer {
	margin-bottom: 1px
}

.mz-comment .commentArea .commentListWrap .commentReply>li .writer figure {
	left: 48px;
	top: 14px;
	width: 32px;
	height: 32px
}

.mz-comment .commentArea .commentListWrap .commentReply>li .writer figure::before {
	content: "";
	display: block;
	position: absolute;
	left: -28px;
	top: 4px;
	width: 12px;
	height: 12px;
	background: url(/fo/images/view/ico_reply_depth.png) no-repeat;
	background-size: cover
}

.mz-comment .commentArea .commentListWrap .commentReply>li .context {
	margin-bottom: 0;
	color: #707378
}

.mz-comment .commentArea .commentListWrap .commentReply>li .btnArea .btn-delete {
	top: 14px
}

.mz-comment .commentArea .commentListWrap .writer {
	margin-bottom: 4px
}

.mz-comment .commentArea .commentListWrap .writer figure {
	position: absolute;
	left: 0;
	top: 24px;
	width: 40px;
	height: 40px;
	background: url(/fo/images/view/img_person_default.png) no-repeat;
	background-size: cover
}

.mz-comment .commentArea .commentListWrap .writer figure img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover
}

.mz-comment .commentArea .commentListWrap .writer .id {
	display: inline-block;
	position: relative;
	color: #373a3c;
	font-weight: 700;
	letter-spacing: normal
}

.mz-comment .commentArea .commentListWrap .writer .id img {
	position: absolute;
	right: -24px;
	top: 50%;
	transform: translateY(-50%)
}

.mz-comment .commentArea .commentListWrap .context {
	margin-bottom: 4px;
	line-height: 1.47;
	color: #5a5f64;
	font-weight: 400;
	letter-spacing: normal;
	word-break: break-all
}

.mz-comment .commentArea .commentListWrap .util {
	display: flex;
	align-content: center;
	align-items: center
}

.mz-comment .commentArea .commentListWrap .util li {
	margin-right: 10px
}

.mz-comment .commentArea .commentListWrap .util li time {
	color: #b9bcc0;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: normal
}

.mz-comment .commentArea .commentListWrap .util li .btn-reply {
	position: relative;
	padding: 0 12px;
	color: #8b8f94;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: normal
}

.mz-comment .commentArea .commentListWrap .util li .btn-reply::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.mz-comment .commentArea .commentListWrap .btnArea {
	margin: 0
}

.mz-comment .commentArea .commentListWrap .btnArea .btn-delete {
	position: absolute;
	right: 0;
	top: 24px;
	width: 32px;
	height: 32px;
	background: url(/fo/images/common/ico_close_32.png) no-repeat;
	background-size: cover
}

.mz-comment .commentArea .commentListWrap .commentWrite {
	height: auto;
	margin: 13px 0 21px 48px;
	font-size: 0
}

.mz-comment .commentArea .commentListWrap .commentWrite textarea {
	overflow: hidden;
	height: 75px;
	min-height: 75px
}

.mz-comment .commentArea .commentListWrap .btn-moreView {
	position: relative;
	margin: 20px 0 0 88px
}

.mz-comment .commentArea .commentListWrap .btn-moreView::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background: #5a5f64
}

.branchCont .imgList ul.branch {
	display: flex
}

.branchCont .imgList ul.branch>li {
	width: -webkit-fill-available
}

@media screen and (max-width: 1440px) {
	#wrapper.chatWrapper .container {
		width: 100%;
		padding: 0
	}

	#wrapper.chatWrapper .contents {
		width: 100%;
		padding: 0 24px
	}
}

@media screen and (max-width: 359px) {
	#wrapper.chatWrapper .contents {
		padding: 0 14px
	}

	#wrapper.chatWrapper .tabType03.fullType>li a {
		padding: 0 5px;
		font-size: 1.4rem
	}

	#wrapper.chatWrapper .frmSel.frmChkS label {
		padding-left: 28px
	}

	#wrapper.chatWrapper .frmList li+li {
		margin-left: 12px
	}

	#wrapper.chatWrapper .loginBtns a {
		font-size: 1.3rem
	}
}

@media screen and (min-width: 1903px) {
	.searchReview>li {
		padding-right: 34.3%
	}

	.searchReview>li .reviewProdS {
		width: 34.3%
	}

	.searchReview.rankingList>li {
		padding-right: 0;
		width: 20%
	}

	.promoContainer .mz-innerWrap {
		width: auto
	}
}

[lang=en] .memberWrap .loginForm .memberAgree .agreeList li .boxGray .chkGroup .frmSel {
	min-width: 114px;
	margin-left: 24px
}

[lang=en] #layerPopupContainer #siteAddInfoLayer h2.titLay {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 74px;
	line-height: 28px
}

.swiper-slide,
.swiper-wrapper,
.swiper-container {
	height: initial !important;
}


#D2408002237 .ts-prev,
#D2408002237 .ts-next,
#D2408002236 .ts-prev,
#D2408002236 .ts-next,
#D2411002329 .ts-prev,
#D2411002329 .ts-next,
#D2412002348 .ts-prev,
#D2412002348 .ts-next,
#D2408002235 .ts-prev,
#D2408002235 .ts-next {
	margin-top: -90px;
}

#D2102001350 .ts-prev,
#D2102001350 .ts-next{
	margin-top: 15px;
}

#D2102001351 .ts-prev,
#D2102001351 .ts-next{
	margin-top: -80px;
}

.newEntryTabCon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 0;
}

.prodList {
	display: none;
}

.newEntryTabCon.active {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	position: relative;
	/* 显示的保持文档流 */
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li {
	margin-top: 11px;
	font-size: 1.6rem;
	color: #373a3c;
	line-height: 1.3
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .bold01 {
	font-weight: 700;
	color: #373a3c
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .bold02 {
	font-weight: 400;
	color: #de2525
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .bold03 {
	font-weight: 600;
	color: #5a5f64
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li span.bold01 {
	position: relative;
	display: inline-block;
	padding-left: 7px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li span.bold01 i {
	position: absolute;
	top: 3px;
	left: 0;
	font-style: normal
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li ul {
	margin-bottom: 28px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li ul>li {
	font-size: 1.5rem
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li ul.sml {
	margin-top: 11px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li ul.sml li {
	margin-top: 4px;
	font-size: 1.3rem;
	color: #6b6e73
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblH {
	margin: 8px 0 24px;
	max-width: 848px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblH tbody td {
	padding-left: 90px;
	text-align: left;
	vertical-align: middle
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblH tbody td:first-child {
	border-left: 0
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblV {
	margin: 8px 0 24px;
	max-width: 848px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblV tbody th {
	padding: 24px 0;
	text-align: center;
	background: #f5f7fa
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblV tbody th:lang(zh) {
	vertical-align: middle
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul>li .tblV tbody td {
	padding: 24px 27px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul .boldBox {
	margin: 11px 0 0 -7px;
	line-height: 1.5
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul .bultType01.sml {
	font-size: 1.3rem;
	color: #6b6e73
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul .bultType01.listDep2 {
	margin-top: 11px
}

.noticeInfo_Tab #shoppingInfoTab02 .con ul .bultType01.listDep2 ul {
	margin-top: 11px
}



/*分页*/
.pagination{
    display:table;
    height:40px;
    padding:20px 0px;
    margin:0 auto;
}
.pagination li{
    float: left;
}
.pagination a{
    display:block;
    float:left;
    margin-right:8px;
    padding:2px 12px;
    min-height:24px;
    border:1px #cccccc solid;
    background:#fff;
    text-decoration:none;
    color:#808080;
    font-size:12px;
    line-height:18px;
    font-family:Verdana,Arial
}
.pagination li.active a{
    border: 1px #000000 solid;
    background: #000000;
    color: #fff;
}
.pagination a:hover{
    color:#000000;
    background: white;
    border:1px #000000 solid;
}
.pagination a.cur{
    border:1px #000000 solid;
    background:#000000;
    color:#fff;
}
.pagination p{
    padding:0px;
    margin:0px;
    float:left;
    cursor:pointer;
    font-family:Verdana,Arial;
    padding:2px 12px;
    font-size:12px;
    min-height:24px;
    line-height:24px;
    color:#bbb;
    border:1px #ccc solid;
    background:#fcfcfc;
    margin-right:8px;
}
.pagination p.pageRemark{
    border-style:none;
    background:none;
    margin-right:0px;
    padding:4px 0px;
    color:#666;
}
.pagination p.pageRemark b{
    color:red;
}
.pagination p.pageEllipsis{
    border-style:none;
    background:none;
    padding:4px 0px;
    color:#808080;
}