.col_cRed05 {
	color: #fe324b !important
}

.viewMore button.type02,
.optionInfo span.btn a,
.frmNum .btnCtrl,
.brandShop .mapArea .mapBtn .btnCtrl,
.brandShop .mapArea .btnNext,
.brandShop .mapArea .btnPrev,
.topContents .profile .gradeMore,
.questionTop10 .swiper-slide a strong,
.attachList>li .cont .del,
.prodCont .optionCont .list .listMore,
.prodCont .optionCont a,
.prodCont .optionCont span[role=button],
.prodCont .btPhoto,
.prodCont .btMovie,
.chkStar .chk label,
.star .starIco {
	overflow: hidden;
	text-indent: -9999px
}

.viewMore button.type02::before,
.frmNum .btnCtrl::before,
.frmNum .btnCtrl::after,
.topContents .profile .gradeMore::after,
.attachList>li .cont .del::before,
.attachList>li .cont::after,
.prodCont .btPhoto::after,
.prodCont .btMovie::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.brandmallWrap .front .context .scrollText {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.brandmallWrap .front .context .scrollText::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.brandmallWrap .front .context .scrollText::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.brandmallWrap .front .context .scrollText::-webkit-scrollbar-track {
	border-radius: 10px
}

.col_cRed05 {
	color: #fe324b !important
}

.viewMore button.type02,
.optionInfo span.btn a,
.frmNum .btnCtrl,
.brandShop .mapArea .mapBtn .btnCtrl,
.brandShop .mapArea .btnNext,
.brandShop .mapArea .btnPrev,
.topContents .profile .gradeMore,
.questionTop10 .swiper-slide a strong,
.attachList>li .cont .del,
.prodCont .optionCont .list .listMore,
.prodCont .optionCont a,
.prodCont .optionCont span[role=button],
.prodCont .btPhoto,
.prodCont .btMovie,
.chkStar .chk label,
.star .starIco {
	overflow: hidden;
	text-indent: -9999px
}

.viewMore button.type02::before,
.frmNum .btnCtrl::before,
.frmNum .btnCtrl::after,
.topContents .profile .gradeMore::after,
.attachList>li .cont .del::before,
.attachList>li .cont::after,
.prodCont .btPhoto::after,
.prodCont .btMovie::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.brandmallWrap .front .context .scrollText {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.brandmallWrap .front .context .scrollText::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.brandmallWrap .front .context .scrollText::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.brandmallWrap .front .context .scrollText::-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")
}

.star {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 12px;
	margin: 0 auto;
	background: url(/fo/images/common/spr_starXS.png) repeat-x
}

.star .starIco {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 12px;
	background: url(/fo/images/common/spr_starXS.png) repeat-x 0 -12px
}

.star .starIco.star01 {
	width: 12px
}

.star .starIco.star02 {
	width: 24px
}

.star .starIco.star03 {
	width: 36px
}

.star .starIco.star04 {
	width: 48px
}

.star .starIco.star05 {
	width: 60px
}

.star.mdstar {
	width: 100px;
	height: 20px;
	background: url(/fo/images/common/spr_starM.png) repeat-x
}

.star.mdstar .starIco {
	width: 0;
	height: 20px;
	background: url(/fo/images/common/spr_starM.png) repeat-x 0 -20px
}

.star.mdstar .starIco.star01 {
	width: 20px
}

.star.mdstar .starIco.star02 {
	width: 40px
}

.star.mdstar .starIco.star03 {
	width: 60px
}

.star.mdstar .starIco.star04 {
	width: 80px
}

.star.mdstar .starIco.star05 {
	width: 100px
}

.star.bigStar {
	width: 160px;
	height: 32px;
	background: url(/fo/images/common/spr_starL.png) repeat-x
}

.star.bigStar .starIco {
	width: 0;
	height: 32px;
	background: url(/fo/images/common/spr_starL.png) repeat-x 0 -32px
}

.star.bigStar .starIco.star01 {
	width: 32px
}

.star.bigStar .starIco.star02 {
	width: 64px
}

.star.bigStar .starIco.star03 {
	width: 96px
}

.star.bigStar .starIco.star04 {
	width: 128px
}

.star.bigStar .starIco.star05 {
	width: 160px
}

.star.XSStar {
	width: 60px;
	height: 12px;
	background: url(/fo/images/common/spr_starXS.png) repeat-x
}

.star.XSStar .starIco {
	width: 0;
	height: 12px;
	background: url(/fo/images/common/spr_starXS.png) repeat-x 0 -12px
}

.star.XSStar .starIco.star01 {
	width: 12px
}

.star.XSStar .starIco.star02 {
	width: 24px
}

.star.XSStar .starIco.star03 {
	width: 36px
}

.star.XSStar .starIco.star04 {
	width: 48px
}

.star.XSStar .starIco.star05 {
	width: 60px
}

.star.blackStarS {
	width: 80px;
	height: 16px;
	background: url(/fo/images/common/spr_starSB.png) repeat-x
}

.star.blackStarS .starIco {
	width: 0;
	height: 16px;
	background: url(/fo/images/common/spr_starSB.png) repeat-x 0 -18px
}

.star.blackStarS .starIco.star01 {
	width: 16px
}

.star.blackStarS .starIco.star02 {
	width: 32px
}

.star.blackStarS .starIco.star03 {
	width: 48px
}

.star.blackStarS .starIco.star04 {
	width: 64px
}

.star.blackStarS .starIco.star05 {
	width: 80px
}

.chkStar {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 20px;
	margin: 0 auto
}

.chkStar .chk {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0 -3px 0 0
}

[lang=zh] .chkStar .chk {
	margin-right: -5px
}

.chkStar .chk input {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 2px;
	height: 2px
}

.chkStar .chk input:checked+label:before {
	background-position: 0 -20px;
	z-index: 10
}

.chkStar .chk label {
	display: block;
	width: 20px;
	height: 20px
}

.chkStar .chk label::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(/fo/images/common/spr_starM.png) repeat-x 0 0
}

.chkStar .chk label::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0)
}

.chkStar .chk.chkStar01 input:checked+label:before {
	width: 20px
}

.chkStar .chk.chkStar02 input:checked+label:before {
	width: 40px;
	left: -20px
}

.chkStar .chk.chkStar03 input:checked+label:before {
	width: 60px;
	left: -40px
}

.chkStar .chk.chkStar04 input:checked+label:before {
	width: 80px;
	left: -60px
}

.chkStar .chk.chkStar05 input:checked+label:before {
	width: 100px;
	left: -80px
}

.chkStar.chkStarL {
	width: 160px;
	height: 32px
}

.chkStar.chkStarL .chk {
	width: 32px;
	height: 32px
}

.chkStar.chkStarL .chk label {
	width: 32px;
	height: 32px
}

.chkStar.chkStarL .chk label::before {
	background: url(/fo/images/common/spr_starL.png) repeat-x 0 0
}

.chkStar.chkStarL .chk input:checked+label:before {
	background-position: 0 -32px
}

.chkStar.chkStarL .chk.chkStar01 input:checked+label:before {
	width: 32px
}

.chkStar.chkStarL .chk.chkStar02 input:checked+label:before {
	width: 64px;
	left: -32px
}

.chkStar.chkStarL .chk.chkStar03 input:checked+label:before {
	width: 96px;
	left: -64px
}

.chkStar.chkStarL .chk.chkStar04 input:checked+label:before {
	width: 128px;
	left: -96px
}

.chkStar.chkStarL .chk.chkStar05 input:checked+label:before {
	width: 160px;
	left: -128px
}

.txtLoginBefore {
	display: inline-block;
	position: relative;
	margin: 0 0 4px 0;
	padding-left: 15px;
	color: #f42d10;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

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

.prcustomComponent .prodList .prodCont .txtLoginBefore {
	display: block
}

.memberWrap {
	width: 400px;
	margin: 0 auto
}

.memberWrap .txtPage {
	text-align: center
}

.memberWrap .frmInp {
	display: block;
	padding: 16px 0 0 0
}

.memberWrap .frmInp .inpA {
	display: block;
	width: 100%;
	font-size: 0
}

.memberWrap .frmInp input {
	width: 100%;
	padding-left: 4px;
	border: solid #ebedf2;
	border-width: 0 0 1px 0;
	border-radius: 0;
	font-size: 1.8rem;
	background: #fff
}

.memberWrap .frmInp input:focus {
	border-color: #4d6ee4
}

[lang=zh] .memberWrap .frmInp input:focus {
	border-color: #fe324b
}

.memberWrap .frmInp.labelTop {
	padding-top: 16px
}

.memberWrap .frmInp.labelTop .btIco {
	position: absolute;
	top: 21px;
	right: 0
}

.memberWrap .frmInp.labelTop .btIco.icDel {
	display: none
}

.memberWrap .frmInp.labelTop input {
	display: block;
	width: 100%;
	padding-right: 40px
}

.memberWrap .frmInp.labelTop input:focus~.icDel {
	display: block
}

.memberWrap .frmInp.labelTop input:focus~.icView:after {
	opacity: 1
}

.memberWrap .frmInp.labelTop input:focus~.txtInfo {
	display: block
}

.memberWrap .frmInp.labelTop input.focused+label {
	top: 0;
	height: auto;
	line-height: 22px;
	color: #373a3c;
	font-size: 1.5rem
}

.memberWrap .frmInp.labelTop label {
	position: absolute;
	top: 16px;
	left: 0;
	width: 100%;
	height: 48px;
	padding: 0 0 0 3px;
	line-height: 48px;
	color: #b9bcc0;
	font-size: 1.8rem;
	font-weight: 400;
	transition: .3s
}

.memberWrap .formList {
	border: none
}

.memberWrap .formList>li:first-child {
	padding-top: 0
}

.memberWrap .btnArea {
	margin: 24px 0
}

.memberWrap .btnArea .btnSSG {
	width: 100%;
	font-size: 1.8rem
}

.memberWrap .boxGray.certAgeBox {
	padding: 16px 24px
}

.memberWrap .temp_noti {
	position: absolute;
	height: 280px;
	padding: 30px 24px;
	border-radius: 4px;
	text-align: center;
	background: #f5f7fa
}

.memberWrap .temp_noti strong {
	display: block;
	margin-bottom: 10px;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700
}

.memberWrap .temp_noti .txt {
	line-height: 1.53;
	color: #5a5f64;
	letter-spacing: -0.45px
}

.memberWrap .temp_noti .period {
	margin: 15px 0 12px;
	padding: 16px 30px;
	line-height: 1.53;
	color: #373a3c;
	font-weight: 700;
	background: #fff;
	letter-spacing: -0.45px
}

.memberWrap .temp_noti .bultType01 {
	display: inline-block
}

.memberWrap.kakaoOneLogin .kakaoCom {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 24px 24px 16px;
	margin-bottom: 48px
}

.memberWrap.kakaoOneLogin .kakaoCom>img {
	display: block;
	width: 81px;
	height: 26px;
	margin-right: 10px
}

.memberWrap.kakaoOneLogin .kakaoCom>p {
	line-height: 32px;
	font-size: 2.4rem;
	font-weight: 700;
	color: #371d1e
}

.memberWrap.kakaoOneLogin .boxGray {
	padding: 16px 24px;
	margin-bottom: 32px;
	text-align: center
}

.memberWrap.kakaoOneLogin .boxGray p {
	line-height: 140%;
	white-space: pre-line;
	font-size: 1.4rem;
	font-weight: 400;
	color: #373a3c
}

.memberWrap.kakaoOneLogin .kakaoLoginInput {
	margin-bottom: 32px
}

.layPop .layCont.loginPop {
	min-height: 464px
}

.kakaoTerms {
	padding: 44px 32px 0 40px;
	text-align: left
}

.appcardConfirm .layCont {
	margin: 0;
	padding: 0 32px
}

.appcardConfirm .txt {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	text-align: center
}

.appcardConfirm .txt+p {
	margin-top: 11px
}

.appcardConfirm .appcardQr {
	margin: 23px 0 0;
	padding: 23px 0;
	border-radius: 8px;
	background: #f5f7fa
}

.appcardConfirm .appcardQr figure {
	margin: 0 auto;
	width: 200px;
	height: 200px;
	border: 1px solid #eaeaea;
	background: #fff
}

.appcardConfirm .certificationTime {
	display: flex;
	justify-content: center;
	margin-top: 11px
}

.appcardConfirm .certificationTime p {
	position: relative;
	padding: 0 8px
}

.appcardConfirm .certificationTime p+p::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: calc(-18px/2);
	width: 1px;
	height: 18px;
	background: #eaeaea
}

.appcardConfirm .certificationTime .time {
	color: #6b6e73
}

.appcardConfirm .certificationTime .time span {
	display: inline-block;
	margin-left: 4px;
	color: #4d6ee4
}

.appcardConfirm .certificationTime .side button {
	color: #000
}

.appcardConfirm .certificationTime .side button::after {
	content: "";
	display: inline-block;
	margin-left: 4px;
	width: 13px;
	height: 13px;
	color: #000;
	background: url(/fo/images/common/ico_refresh_16x.png) no-repeat;
	background-size: 100%
}

.appcardConfirm~.usedInfoList {
	display: flex;
	margin-top: -12px;
	padding: 0 40px 24px;
	background: none;
	justify-content: center
}

.appcardConfirm~.usedInfoList li {
	margin-top: 0
}

.u602 .specialprice_imp .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
}

.u602 .specialprice_imp .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .specialprice_imp .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	font-size: 1.8rem
}

.u602 .specialprice_imp .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .specialprice_imp .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.8rem;
	font-weight: 700
}

.u602 .specialprice_imp .prodCont .prodInfo span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.5rem
}

.u602 .specialprice_imp .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	margin: 0;
	line-height: 18px;
	font-size: 1.5rem
}

.u602 .specialprice_imp .optionBtns {
	display: block;
	position: absolute;
	bottom: auto;
	top: 46%;
	left: 50%;
	width: 184px;
	margin: -24px 0 0 -54px;
	border-radius: 0;
	text-align: center;
	background: none
}

.u602 .specialprice_imp .optionBtns:hover {
	background: none
}

.u602 .specialprice_imp .optionBtns>button {
	margin: 0 2px;
	border-radius: 4px;
	background: rgba(30, 32, 35, .6)
}

.u602 .specialprice_imp .optionBtns>button:hover:after {
	opacity: .4
}

.u602 .specialprice_imp .optionBtns>button:hover {
	background: #1e2023
}

.u602 .specialprice_imp .optionBtns>button.icRestock {
	margin: 0 auto
}

.u602 .specialprice_imp .optionBtns>button.icRestock:hover {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.u602 .specialprice_imp .optionBtns>button.icRestock:hover::after {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	transition: .3s;
	outline: 0
}

.u602 .lankingComponent .tdspSwipe .prodCont a figure::after {
	content: "";
	display: block;
	transition: .3s
}

.u602 .lankingComponent .tdspSwipe .prodCont:hover a figure {
	opacity: 1
}

.u602 .lankingComponent .tdspSwipe .prodCont:hover a figure::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .7)
}

.u602 .lankingComponent .tdspSwipe .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
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea {
	margin-top: 12px;
	min-height: 46px;
	min-height: 46px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .originPrice {
	margin-top: 0;
	line-height: 18px
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .originPrice+.saleCont {
	margin-top: 0
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: inline-block;
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .txtLoginBefore::before {
	top: 2px
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .txtLoginBefore+.saleCont {
	margin-top: 0
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont {
	margin-top: 0
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-weight: 700
}

.u602 .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont .saleWon {
	line-height: 13px
}

.u602 .lankingComponent .tdspSwipe .prodCont .optionBtns {
	top: calc(57% - 20px)
}

.u602 .beautiyComponent .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
}

.u602 .beautiyComponent .prodCont .prodInfo .priceArea .saleCont .saleNum {
	font-size: 1.8rem
}

[lang=ko] .u602 .beautiyComponent .prodCont .prodInfo .priceArea .saleCont .saleNum {
	font-size: 1.5rem
}

.u602 .beautiyComponent .prodCont .prodInfo .priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .beautiyComponent .prodCont .prodInfo .priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-weight: 700
}

.u602 .beautiyComponent .prodCont .prodInfo .priceArea .saleCont .saleWon {
	line-height: 13px
}

[lang=ko] .u602 .beautiyComponent .prodCont .prodInfo .priceArea .saleCont .saleWon {
	font-size: 1.5rem
}

[lang=ko] .u602 .beautiyComponent .prodCont .prodInfo .priceArea .saleCont .saleWon span {
	font-size: 1.5rem
}

.u602 .newBrandComponent .newEntryTabCon .prodState.age.processed {
	opacity: 1
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo .titArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100px;
	padding: 11px 16px 19px
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo figure {
	width: 96px;
	height: 96px
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo figure img {
	width: 96px;
	height: 96px;
	object-fit: contain;
	background: #fff
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo .info {
	padding: 0 35px 0 16px
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo .info .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo .info .priceArea .priceWrap {
	line-height: 18px
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo .info .priceArea .priceWrap .saleNum {
	margin-right: 4px;
	font-size: 1.5rem
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo .info .priceArea .priceWrap .saleNum b {
	font-weight: 700
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo .info .priceArea .priceWrap .originPrice {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .newBrandComponent .newEntryTabCon .brandInfo .info .priceArea .priceWrap .txtLoginBefore {
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .mytypeComponent .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
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea {
	margin-top: 12px
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .originPrice {
	margin-top: 0;
	line-height: 18px
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .originPrice+.saleCont {
	margin-top: 0
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: block;
	padding-left: 15px;
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .txtLoginBefore::before {
	top: 3px;
	left: 0
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .txtLoginBefore+.saleCont {
	margin-top: 0
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont {
	margin-top: 30px
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont .saleNum {
	font-size: 1.4rem
}

[lang=ko] .u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont .saleNum {
	font-size: 1.5rem
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont .saleNum b {
	font-weight: 700
}

[lang=ko] .u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont .saleNum b {
	font-size: 1.5rem
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-weight: 700
}

.u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont .saleWon {
	line-height: 13px
}

[lang=ko] .u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont .saleWon {
	font-size: 1.5rem
}

[lang=ko] .u602 .mytypeComponent .prodCont .prodInfo .priceArea .saleCont .saleWon span {
	font-size: 1.5rem
}

.u602.saleWrap .specialprice_imp .todaysp_pr li .prodCont:hover a:first-child::before {
	opacity: 1
}

.u602.saleWrap .specialprice_imp .todaysp_pr li .prodCont:hover a:first-child figure {
	opacity: 1
}

.u602.saleWrap .specialprice_imp .todaysp_pr li .prodCont:hover a:first-child figure::after {
	background: rgba(255, 255, 255, .7);
	transition: .3s
}

.u602 .fashionCont .specialprice_imp .tdspSwipe .todaysp_pr li .prodCont .prodInfo .prodName {
	padding-right: 32px
}

.u602 .fashionCont .specialprice_imp .tdspSwipe .todaysp_pr li .prodCont .chkFavo {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	z-index: 1000;
	margin: 8px 3px -32px
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .titArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100px;
	padding: 11px 16px 19px
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info {
	padding: 0 35px 0 16px
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap {
	line-height: 18px
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap .saleNum {
	margin-right: 4px;
	font-size: 1.5rem
}

[lang=zh] .u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap .saleNum {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap .saleNum b {
	font-weight: 700
}

[lang=zh] .u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap .saleNum b {
	margin-right: 1px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .originPrice {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .txtLoginBefore {
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .fashionCont .ssgExclusive .newbrandSwipe .con .brandInfo .info .priceArea .saleWon {
	line-height: 13px
}

.u602 .basket_pr+.specialprice_imp {
	margin-top: 97px
}

.u602 .basket_pr+.specialprice_imp .prodInfo {
	height: auto
}

.u602 .basket_pr .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
}

.u602 .basket_pr .prodCont span.priceArea .saleCont {
	margin-top: 0
}

.u602 .basket_pr .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	font-size: 1.8rem
}

[lang=zh] .u602 .basket_pr .prodCont span.priceArea .saleCont .saleNum {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .basket_pr .prodCont span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

[lang=zh] .u602 .basket_pr .prodCont span.priceArea .saleCont .saleNum b {
	margin-right: 1px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .basket_pr .prodCont span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .basket_pr .prodCont span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.5rem
}

.u602 .basket_pr .prodCont span.priceArea .txtLoginBefore {
	display: block;
	margin: 0;
	line-height: 18px;
	font-size: 1.5rem
}

.u602 .basket_pr .prodCont span.priceArea .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 100%;
	margin-top: 4px;
	padding-right: 200px;
	line-height: 1.5333333333;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont {
	margin-top: 0
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	font-size: 1.8rem
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .txtLoginBefore {
	display: inline-block;
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleDollar {
	line-height: 24px;
	font-size: 2.4rem;
	font-weight: 700
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag {
	margin-top: 0
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag+.tagList+.reviewScore::before {
	top: 3px
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag+.tagList::before {
	top: 3px
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag+.tagList .tagName {
	margin-right: 10px;
	line-height: 18px;
	height: 18px;
	font-size: 1.2rem
}

.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag+.tagList .tagName:last-child {
	margin-right: 0
}

.u602 #filterContents .tabContentWrap .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
}

.u602 #filterContents .tabContentWrap .prodCont span.priceArea .saleCont {
	margin-top: 0
}

.u602 #filterContents .tabContentWrap .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	font-size: 1.5rem
}

.u602 #filterContents .tabContentWrap .prodCont span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 #filterContents .tabContentWrap .prodCont span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 #filterContents .tabContentWrap .prodCont span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.5rem
}

.u602 #filterContents .tabContentWrap .prodCont span.priceArea .txtLoginBefore {
	display: block;
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602 #filterContents .tabContentWrap .prodCont span.priceArea .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 #filterContents .tabContentWrap .prodCont .prodFlag {
	margin-top: 12px
}

.u602 .rankingCont .rankingTotal .tabContentWrap .prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602 .rankingCont .rankingTotal .tabContentWrap .prodList .prodCont .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .rankingCont .rankingTotal .tabContentWrap .prodList .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .rankingCont .rankingTotal .tabContentWrap .prodList .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .rankingCont .rankingTotal .tabContentWrap .prodList .prodCont .prodInfo span.priceArea .priceWrap {
	margin-top: 2px
}

.u602 .rankingCont .rankingTotal .tabContentWrap .prodList .prodCont .prodInfo span.priceArea .priceWrap .saleNum b {
	font-weight: 700
}

.u602 .rankingCont .rankingTotal .tabContentWrap .prodList .prodCont .prodInfo span.priceArea .priceWrap .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .rankingCont .rankingTotal .tabContentWrap .prodList .prodCont .prodInfo span.priceArea .priceWrap .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .rankingCont .moreRanking .swiper-container .rankingList li .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602 .rankingCont .moreRanking .swiper-container .rankingList li .prodCont .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .rankingCont .moreRanking .swiper-container .rankingList li .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .rankingCont .moreRanking .swiper-container .rankingList li .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .rankingCont .moreRanking .swiper-container .rankingList li .prodCont .prodInfo span.priceArea .priceWrap {
	margin-top: 2px
}

.u602 .rankingCont .moreRanking .swiper-container .rankingList li .prodCont .prodInfo span.priceArea .priceWrap .saleNum b {
	font-weight: 700
}

.u602 .rankingCont .moreRanking .swiper-container .rankingList li .prodCont .prodInfo span.priceArea .priceWrap .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .rankingCont .moreRanking .swiper-container .rankingList li .prodCont .prodInfo span.priceArea .priceWrap .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .rankingCont .moreRanking .searchReview .prodCont>a .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602 .rankingCont .moreRanking .searchReview .prodCont>a .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .rankingCont .moreRanking .searchReview .prodCont>a .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .rankingCont .moreRanking .searchReview .prodCont>a .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .rankingCont .moreRanking .searchReview .prodCont>a .prodInfo span.priceArea .priceWrap {
	margin-top: 2px
}

.u602 .rankingCont .moreRanking .searchReview .prodCont>a .prodInfo span.priceArea .priceWrap .saleNum b {
	font-weight: 700
}

.u602 .rankingCont .moreRanking .searchReview .prodCont>a .prodInfo span.priceArea .priceWrap .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .rankingCont .moreRanking .searchReview .prodCont>a .prodInfo span.priceArea .priceWrap .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .rankingCont .moreRanking .rankingKeyword .prodCont>a .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602 .rankingCont .moreRanking .rankingKeyword .prodCont>a .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .rankingCont .moreRanking .rankingKeyword .prodCont>a .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .rankingCont .moreRanking .rankingKeyword .prodCont>a .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .rankingCont .moreRanking .rankingKeyword .prodCont>a .prodInfo span.priceArea .priceWrap {
	margin-top: 2px
}

.u602 .rankingCont .moreRanking .rankingKeyword .prodCont>a .prodInfo span.priceArea .priceWrap .saleNum b {
	font-weight: 700
}

.u602 .rankingCont .moreRanking .rankingKeyword .prodCont>a .prodInfo span.priceArea .priceWrap .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .rankingCont .moreRanking .rankingKeyword .prodCont>a .prodInfo span.priceArea .priceWrap .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .brandmallWrap .brandmallCon .prodSwipe .swiperWrap .prodCont>a .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 0;
	padding-right: 45px;
	line-height: 23px;
	-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
}

.u602 .brandmallWrap .brandmallCon .prodSwipe .swiperWrap .prodCont>a .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .brandmallWrap .brandmallCon .prodSwipe .swiperWrap .prodCont>a .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .brandmallWrap .brandmallCon .prodSwipe .swiperWrap .prodCont>a .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .brandmallWrap .brandmallCon .prodSwipe .swiperWrap .prodCont>a .prodInfo span.priceArea .priceWrap {
	margin-top: 2px
}

.u602 .brandmallWrap .brandmallCon .prodSwipe .swiperWrap .prodCont>a .prodInfo span.priceArea .priceWrap .saleNum b {
	font-weight: 700
}

.u602 .brandmallWrap .brandmallCon .prodSwipe .swiperWrap .prodCont>a .prodInfo span.priceArea .priceWrap .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .brandmallWrap .brandmallCon .prodSwipe .swiperWrap .prodCont>a .prodInfo span.priceArea .priceWrap .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .beautyCont .recommendBeautiSwipe .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602 .beautyCont .recommendBeautiSwipe .prodCont .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .beautyCont .recommendBeautiSwipe .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.5rem;
	line-height: 18px
}

.u602 .beautyCont .recommendBeautiSwipe .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .beautyCont .recommendBeautiSwipe .prodCont .prodInfo span.priceArea .saleNum {
	line-height: 26px;
	font-size: 1.8rem
}

.u602 .beautyCont .recommendBeautiSwipe .prodCont .prodInfo span.priceArea .saleNum b {
	font-weight: 700
}

.u602 .beautyCont .recommendBeautiSwipe .prodCont .prodInfo span.priceArea .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .beautyCont .recommendBeautiSwipe .prodCont .prodInfo span.priceArea .saleWon {
	line-height: 18px;
	font-size: 1.5rem;
	font-weight: 400
}

.u602 .beautyCont .moreWrap .prodCont {
	padding: 0 0 60px
}

.u602 .beautyCont .moreWrap .prodCont a figure::after {
	content: "";
	display: block;
	transition: .3s
}

.u602 .beautyCont .moreWrap .prodCont:hover a figure {
	opacity: 1
}

.u602 .beautyCont .moreWrap .prodCont:hover a figure::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .7)
}

.u602 .beautyCont .moreWrap .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602 .beautyCont .moreWrap .prodCont .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .beautyCont .moreWrap .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .beautyCont .moreWrap .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .beautyCont .moreWrap .prodCont .prodInfo span.priceArea .saleNum {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .beautyCont .moreWrap .prodCont .prodInfo span.priceArea .saleNum b {
	font-weight: 700
}

.u602 .beautyCont .moreWrap .prodCont .prodInfo span.priceArea .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .beautyCont .moreWrap .prodCont .prodInfo span.priceArea .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .beautyCont .steadySeller .prodCont {
	padding: 0 0 88px
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo {
	padding: 0 32px
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 4px;
	line-height: 23px;
	-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
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo span.priceArea {
	top: 92px;
	margin-top: 0
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .beautyCont .steadySeller .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .beautyCont .steadySeller .prodCont .prodFlag {
	bottom: 16px
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont {
	height: 395px
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 4px;
	margin-top: 7px;
	line-height: 23px;
	-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
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.5rem;
	line-height: 18px
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont .prodInfo span.priceArea .saleNum {
	line-height: 26px;
	font-size: 1.8rem
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont .prodInfo span.priceArea .saleNum b {
	font-weight: 700
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont .prodInfo span.priceArea .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .beautyCont .visualBrand .cont .inner .prodArea .prodCont .prodInfo span.priceArea .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo span.priceArea {
	margin-top: 12px
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.5rem;
	line-height: 18px
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	line-height: 26px;
	font-size: 1.8rem
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .beautyCont .prodSwipe .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo {
	margin-top: 9px
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 12px;
	margin-top: 4px;
	line-height: 23px;
	-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
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea {
	margin-top: 0
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0 0 4px;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	line-height: 23px;
	font-size: 1.5rem
}

[lang=zh] .u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .spidx_consec_type1 .prodList .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo {
	margin-top: 9px
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 12px;
	margin-top: 4px;
	line-height: 23px;
	-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
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea {
	margin-top: 0
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

[lang=zh] .u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .spidx_consec_type1 .curationArea .brandView .prodList .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo {
	margin-top: 9px
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 12px;
	margin-top: 4px;
	line-height: 23px;
	-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
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea {
	margin-top: 0
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

[lang=zh] .u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .spidx_consec_type1 .newProdArea .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo {
	margin-top: 9px
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo span.priceArea {
	margin-top: 0
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .recommendEtc_pr .recommendSwipe .prodCont .chkFavo {
	margin: 4px -3px -32px
}

.u602 .layCont .similarPr .prodCont {
	margin-bottom: 16px
}

.u602 .layCont .similarPr .prodCont .prodInfo {
	margin-top: 9px
}

.u602 .layCont .similarPr .prodCont .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .layCont .similarPr .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .layCont .similarPr .prodCont .prodInfo span.priceArea {
	margin-top: 0
}

.u602 .layCont .similarPr .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .layCont .similarPr .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .layCont .similarPr .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .layCont .similarPr .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .layCont .similarPr .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .layCont .similarPr .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .layCont .similarPr .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .layCont .similarPr .prodCont .chkFavo {
	margin: 4px -3px -32px
}

.u602 .layCont .addCart .prodCont {
	margin-bottom: 16px
}

.u602 .layCont .addCart .prodCont .prodInfo {
	margin-top: 16px
}

.u602 .layCont .addCart .prodCont .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .layCont .addCart .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .layCont .addCart .prodCont .prodInfo span.priceArea {
	margin-top: 0
}

.u602 .layCont .addCart .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .layCont .addCart .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .layCont .addCart .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .layCont .addCart .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .layCont .addCart .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .layCont .addCart .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .layCont .addCart .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .layCont .addCart .prodCont .chkFavo {
	margin: 12px -3px -32px
}

.u602 .mypickTotal .pickTotal_list a .prodInfo .conTxt {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-bottom: 0;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo span.priceArea {
	margin-top: 7px
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .mypickPr.brandPick .prodList .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .friendOrderdProd .section .orderProdList .prodCont .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .friendOrderdProd .section .orderProdList .prodCont .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	margin-bottom: 0;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .friendOrderdProd .section .orderProdList .prodCont span.priceArea {
	margin-top: 7px
}

.u602 .friendOrderdProd .section .orderProdList .prodCont span.priceArea .originDollar {
	margin-right: 4px;
	font-size: 1.5rem;
	line-height: 23px
}

.u602 .friendOrderdProd .section .orderProdList .prodCont span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .friendOrderdProd .section .orderProdList .prodCont span.priceArea .saleNum {
	margin-right: 4px;
	line-height: 28px;
	font-size: 2rem
}

.u602 .friendOrderdProd .section .orderProdList .prodCont span.priceArea .saleNum b {
	font-weight: 700
}

.u602 .friendOrderdProd .section .orderProdList .prodCont span.priceArea .dollar {
	line-height: 28px;
	font-size: 2rem;
	font-weight: 700
}

.u602 .friendOrderdProd .section .orderProdList .prodCont span.priceArea .won {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 400
}

.u602 .listHistory .list .historyCont .prodCont {
	min-height: initial
}

.u602 .listHistory .list .historyCont .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .listHistory .list .historyCont .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-bottom: 0;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .listHistory .list .historyCont span.priceArea {
	margin-top: 7px
}

.u602 .listHistory .list .historyCont span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .listHistory .list .historyCont span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .listHistory .list .historyCont span.priceArea .saleCont {
	margin-top: 0
}

.u602 .listHistory .list .historyCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .listHistory .list .historyCont span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .listHistory .list .historyCont span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .listHistory .list .historyCont span.priceArea .saleCont .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .myProdList .listCont .prodCont .prodInfo .brandName {
	line-height: 26px;
	font-size: 1.8rem
}

.u602 .myProdList .listCont .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	margin-bottom: 0;
	margin-top: 4px;
	line-height: 23px;
	-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
}

.u602 .myProdList .listCont .prodCont .prodInfo span.priceArea {
	margin-top: 7px
}

.u602 .myProdList .listCont .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .myProdList .listCont .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .myProdList .listCont .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 0
}

.u602 .myProdList .listCont .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .myProdList .listCont .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .myProdList .listCont .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .myProdList .listCont .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .cartCont .prodListWrap .prodList.prodListStyle .prodCont .prodTop .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .cartCont .prodListWrap .prodList.prodListStyle .prodCont .prodTop .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	margin-bottom: 4px;
	margin-top: 4px;
	line-height: 23px;
	-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: #373a3c;
	font-weight: 400
}

.u602 .cartCont .prodListWrap .prodList.prodListStyle .prodCont .prodTop .prodNum {
	line-height: 18px;
	font-size: 1.3rem;
	color: #5a5f64
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .brandName {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	padding-right: 0;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #373a3c;
	font-weight: 400
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .prodNum {
	line-height: 18px;
	font-size: 1.3rem;
	color: #5a5f64
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .priceArea .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .priceArea .saleNum b {
	font-weight: 700
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .priceArea .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .cartCont .prodListWrap .rndBox .prodCont .prodInfo .priceArea .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .brandName {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	padding: 0 32px 0 0;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #373a3c;
	font-weight: 400
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .prodNum {
	line-height: 18px;
	font-size: 1.3rem;
	color: #5a5f64
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .priceArea .saleCont {
	margin: 0
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .priceArea .saleNum {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .priceArea .saleNum b {
	font-weight: 700
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .priceArea .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .layCont .swiperWrap .swiper-container .swiper-wrapper .prodCont .prodInfo .priceArea .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .brandName {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	padding-right: 0;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #373a3c;
	font-weight: 400
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .prodNum {
	line-height: 18px;
	font-size: 1.3rem;
	color: #5a5f64
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .priceArea .saleCont {
	margin: 0
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .priceArea .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .priceArea .saleNum b {
	font-weight: 700
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .priceArea .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 #recopick .rndBox .cartProd .prodCont .prodInfo .priceArea .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .brandName {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	padding-right: 0;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #373a3c;
	font-weight: 400
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .prodNum {
	line-height: 18px;
	font-size: 1.3rem;
	color: #5a5f64
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .priceArea .saleCont {
	margin: 0
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .priceArea .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .priceArea .saleNum b {
	font-weight: 700
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .priceArea .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .orderComplete~.rndBox .cartProd .prodCont .prodInfo .priceArea .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .brandName {
	line-height: 18px;
	font-size: 1.3rem
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	padding-right: 0;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #373a3c;
	font-weight: 400
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .prodNum {
	line-height: 18px;
	font-size: 1.3rem;
	color: #5a5f64
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .priceArea .saleCont {
	margin: 0
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .priceArea .saleNum {
	margin-right: 4px;
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .priceArea .saleNum b {
	font-weight: 700
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .priceArea .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .orderCont .secGroup .section .orderProdList .prodCont .prodInfo .priceArea .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602.layPop .layCont .odprInfo .listInfo li .con .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602.layPop .layCont .odprInfo .listInfo li .con .prName {
	margin: 2px 0;
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .u602.layPop .layCont .odprInfo .listInfo li .con .prName {
	font-weight: 700
}

.u602.layPop .layCont .odprInfo .listInfo li .con .optionInfo span {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .orderCancel .odprInfo .listInfo li .con .brandName {
	line-height: 23px;
	font-size: 1.5rem
}

.u602 .orderCancel .odprInfo .listInfo li .con .prName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	padding-right: 0;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 23px;
	-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: 500
}

[lang=zh] .u602 .orderCancel .odprInfo .listInfo li .con .prName {
	font-weight: 700
}

.u602 .orderCancel .odprInfo .listInfo li .con .optionInfo span {
	display: inline-block;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .orderCancel .odprInfo .listInfo li .con .prNum {
	margin-top: 10px;
	line-height: 18px;
	font-size: 1.3rem;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .u602 .orderCancel .odprInfo .listInfo li .con .prNum {
	font-weight: 700
}

.u602 .orderCancel .odprInfo .listInfo li .con .prNum span {
	margin-right: 4px;
	line-height: 18px;
	font-size: 1.3rem;
	color: #6b6e73;
	font-weight: 500
}

[lang=zh] .u602 .orderCancel .odprInfo .listInfo li .con .prNum span {
	font-weight: 700
}

.u602 .orderView .odprInfo .listInfo .con .brandName {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .orderView .odprInfo .listInfo .con .prName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	margin-bottom: 2px;
	margin-top: 2px;
	line-height: 23px;
	-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: 500
}

[lang=zh] .u602 .orderView .odprInfo .listInfo .con .prName {
	font-weight: 700
}

.u602 .orderView .odprInfo .listInfo .con .optionInfo {
	margin: 0
}

.u602 .orderView .odprInfo .listInfo .con .optionInfo span {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .orderView .odprInfo .listInfo .con .prNum {
	margin-top: 10px;
	line-height: 18px;
	font-size: 1.3rem;
	color: #6b6e73;
	font-weight: 500
}

[lang=zh] .u602 .orderView .odprInfo .listInfo .con .prNum {
	font-weight: 700
}

.u602 .orderView .odprInfo .listInfo .con .prNum span {
	margin-left: 4px;
	line-height: 18px;
	font-size: 1.3rem;
	color: #373a3c;
	font-weight: 500;
	text-decoration: underline
}

[lang=zh] .u602 .orderView .odprInfo .listInfo .con .prNum span {
	font-weight: 700
}

.u602 .orderView .odprInfo .listInfo .con .priceArea .priceCont .priceWrap .title {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .orderView .odprInfo .listInfo .con .priceArea .priceCont .priceWrap .saleDollar {
	line-height: 28px;
	font-size: 2rem;
	font-weight: 700
}

.u602 .orderView .odprInfo .listInfo .con .priceArea .priceCont .priceWrap .saleWon {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .u602 .orderView .odprInfo .listInfo .con .priceArea .priceCont .priceWrap .saleWon {
	font-weight: 700
}

.u602 .orderView .odprInfo .listInfo .con .priceArea .priceCont .priceWrap .originDollar {
	line-height: 15px;
	font-size: 1.5rem;
	font-weight: 400
}

.u602 .orderView .odprInfo .listInfo .con .priceArea .priceCont .priceWrap .tipArea .btTip::before {
	margin: -6px 0 0 -6px
}

.u602 .orderView .odprInfo .listInfo .con .priceArea .priceCont .priceWrap .tipArea .tipCont::before {
	left: 18px
}

.u602 .tabContentWrap .accordianList.spOrderContent .toggleAction .ctrl .con {
	padding-right: 75px
}

.u602 .tabContentWrap .accordianList.spOrderContent .toggleAction .ctrl .con .askTitle .mainInfo .title {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .tabContentWrap .accordianList.spOrderContent .toggleAction .ctrl .con .askTitle .mainInfo .subt {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	margin-bottom: 2px;
	margin-top: 2px;
	line-height: 23px;
	-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
}

.u602 .tabContentWrap .accordianList.spOrderContent .toggleAction .ctrl .con .askTitle .info em.date {
	bottom: auto;
	top: 0
}

.u602 .tabContentWrap .accordianList.spOrderContent .toggleAction .ctrl .con .askTitle .info span {
	display: block;
	padding: 0 !important
}

.u602 .tabContentWrap .accordianList.spOrderContent .toggleAction .ctrl .con .askTitle .info span:last-child {
	margin-top: 4px
}

.u602 .tabContentWrap .accordianList.spOrderContent .toggleAction .ctrl .con .askTitle .info span:last-child::after {
	display: none
}

.u602 .tabContentWrap .accordianList.spOrderContent .toggleAction .ctrl .con .askPlace {
	width: 12%;
	text-align: center
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 23px;
	-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
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .priceArea {
	top: 75px
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .priceArea .priceWrap .saleNum {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .priceArea .priceWrap .saleNum b {
	font-weight: 700
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .priceArea .priceWrap .originPrice {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .priceArea .saleDollar {
	line-height: 24px;
	font-size: 2.4rem;
	font-weight: 700
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .priceArea .saleWon {
	display: block;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .optionList {
	margin: 8px 0 12px
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .optionList+.prodSubInfo {
	margin-top: 12px
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .optionList+.prodSubInfo span {
	display: block
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .optionList+.prodSubInfo span:last-child {
	padding: 0;
	margin-top: 4px
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .optionList+.prodSubInfo span:last-child::after {
	display: none
}

.u602 .tabContentWrap .fashionList.spOrderContent .prodCont .prodSubInfo {
	margin: 13px 0 0
}

.u602 .prodType .prodItem .prodInfo .brandName {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .prodType .prodItem .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	max-height: 100%;
	margin-bottom: 12px;
	margin-top: 4px;
	line-height: 23px;
	-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
}

.u602 .prodType .prodItem .prodInfo .priceArea .txtLoginBefore {
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType .prodItem .prodInfo .priceArea .originPrice {
	display: block;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType .prodItem .prodInfo .priceArea .saleCont .saleNum {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .prodType .prodItem .prodInfo .priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .prodType .prodItem .prodInfo .priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .prodType .prodItem .prodInfo .priceArea .saleCont .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType.thumType .prodItem .prodInfo .brandName {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 700
}

.u602 .prodType.thumType .prodItem .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	max-height: 100%;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .prodType.thumType .prodItem .prodInfo .priceArea .txtLoginBefore {
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType.thumType .prodItem .prodInfo .priceArea .originPrice {
	display: block;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType.thumType .prodItem .prodInfo .priceArea .saleCont .saleNum {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .prodType.thumType .prodItem .prodInfo .priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .prodType.thumType .prodItem .prodInfo .priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .prodType.thumType .prodItem .prodInfo .priceArea .saleCont .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType.listType .prodItem .prodInfo .brandName {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 700
}

.u602 .prodType.listType .prodItem .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	max-height: 100%;
	margin-bottom: 8px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602 .prodType.listType .prodItem .prodInfo .priceArea .txtLoginBefore {
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType.listType .prodItem .prodInfo .priceArea .originPrice {
	display: block;
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType.listType .prodItem .prodInfo .priceArea .saleCont .saleNum {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .prodType.listType .prodItem .prodInfo .priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602 .prodType.listType .prodItem .prodInfo .priceArea .saleCont .saleDollar {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602 .prodType.listType .prodItem .prodInfo .priceArea .saleCont .saleWon {
	line-height: 13px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602 .prodType.prodTypeCn .prodItem .prodInfo .priceArea .saleCont .saleNum {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 700
}

.u602 .prodType.prodTypeCn .prodItem .prodInfo .priceArea .saleCont .saleNum b {
	line-height: 23px;
	font-size: 1.5rem;
	font-weight: 700
}

@media screen and (min-width: 1663px) {
	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont .prodInfo .prodName {
		overflow: hidden;
		display: -webkit-box;
		height: 46px;
		margin-top: 4px;
		padding-right: 0;
		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
	}

	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont {
		margin-top: 0
	}

	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont .saleNum {
		margin-right: 4px;
		font-size: 1.5rem
	}

	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont .saleNum b {
		font-weight: 700
	}

	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont .saleDollar {
		line-height: 1.5333333333;
		font-size: 1.3rem;
		font-weight: 700
	}

	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .originPrice {
		line-height: 18px;
		font-size: 1.3rem
	}

	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .txtLoginBefore {
		display: block;
		margin: 0;
		line-height: 18px;
		font-size: 1.3rem
	}

	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleDollar {
		line-height: 1.5333333333;
		font-size: 1.5rem;
		font-weight: 700
	}

	.u602 #filterContents .tabContentWrap#prodStyle-List .prodCont .prodFlag {
		margin-top: 0
	}
}

.u602.u602Cn .prodCont .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 37px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn .prodCont span.priceArea {
	margin-top: 12px
}

.u602.u602Cn .prodCont span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .prodCont span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .prodCont span.priceArea .saleCont {
	margin-top: 2px
}

.u602.u602Cn .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn .prodCont span.priceArea .saleCont .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .prodCont span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .prodCont span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-weight: 400
}

.u602.u602Cn .prodCont span.priceArea .saleNum {
	margin-right: 4px;
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn .prodCont span.priceArea .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .specialprice_imp .prodCont .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 37px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn .specialprice_imp .prodCont span.priceArea {
	margin-top: 12px
}

.u602.u602Cn .specialprice_imp .prodCont span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .specialprice_imp .prodCont span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .specialprice_imp .prodCont span.priceArea .saleCont {
	margin-top: 2px
}

.u602.u602Cn .specialprice_imp .prodCont span.priceArea .saleCont .saleNum {
	font-size: 1.3rem
}

[lang=zh] .u602.u602Cn .specialprice_imp .prodCont span.priceArea .saleCont .saleNum {
	font-size: 1.5rem
}

.u602.u602Cn .specialprice_imp .prodCont span.priceArea .saleCont .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

[lang=zh] .u602.u602Cn .specialprice_imp .prodCont span.priceArea .saleCont .saleNum b {
	font-size: 1.8rem
}

.u602.u602Cn .specialprice_imp .prodCont span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .specialprice_imp .prodCont span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-weight: 400
}

.u602.u602Cn .specialprice_imp .prodCont .chkFavo {
	top: 8px;
	right: 8px;
	margin: 0
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont {
	transition: .3s
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont.login .prodInfo {
	padding: 76px 32px 0
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont a figure::after {
	content: "";
	display: block;
	transition: .3s
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont:hover a figure {
	opacity: 1
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont:hover a figure::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .7)
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont .prodInfo {
	height: 216px;
	padding: 0 32px 0
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont .prodInfo .saleNum {
	margin-top: 16px;
	line-height: 32px;
	font-size: 2.2rem
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont .prodInfo .saleNum b {
	margin-right: 4px;
	vertical-align: -2px;
	font-size: 2.4rem
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont .prodInfo .priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: inline-block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .tdspComponent .tdspSwipe .prodCont .prodInfo .priceArea .txtLoginBefore::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	width: 11px;
	height: 13px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -105px -24px
}

.u602.u602Cn .tdspComponent .tdspSwipe .ts-prev,
.u602.u602Cn .tdspComponent .tdspSwipe .ts-next {
	margin-top: -40px
}

.u602.u602Cn .lankingWrap .tdspSwipe ul .swiper-slide::before {
	left: 25px
}

.u602.u602Cn .lankingWrap .tdspSwipe .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 48px;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 23px;
	-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
}

.u602.u602Cn div.beautyCont .prodCont .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 37px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn div.beautyCont .prodCont span.priceArea {
	margin-top: 12px
}

.u602.u602Cn div.beautyCont .prodCont span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn div.beautyCont .prodCont span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn div.beautyCont .prodCont span.priceArea .saleCont {
	margin-top: 2px
}

.u602.u602Cn div.beautyCont .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn div.beautyCont .prodCont span.priceArea .saleCont .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn div.beautyCont .prodCont span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn div.beautyCont .prodCont span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-weight: 400
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 37px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont span.priceArea {
	margin-top: 12px
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont span.priceArea .saleCont {
	margin-top: 2px
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont span.priceArea .saleCont .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn div.beautyCont .prodSwipe .prodCont span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-weight: 400
}

.u602.u602Cn div.beautyCont .steadySeller .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn div.beautyCont .steadySeller .prodCont span.priceArea .saleCont .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont a figure::after {
	content: "";
	display: block;
	transition: .3s
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont:hover a figure {
	opacity: 1
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont:hover a figure::after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, .7)
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo {
	padding: 16px 30px 0;
	height: auto
}

.u602.u602Cn .lankingComponent .tdspSwipe .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
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea {
	margin-top: 12px
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .originPrice {
	margin-top: 0;
	line-height: 18px
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .originPrice+.saleCont {
	margin-top: 0
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .txtLoginBefore {
	display: inline-block;
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .txtLoginBefore::before {
	top: 2px
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .txtLoginBefore+.saleCont {
	margin-top: 0
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont .saleNum {
	font-size: 1.3rem
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-weight: 700
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .prodInfo .priceArea .saleCont .saleWon {
	line-height: 13px
}

.u602.u602Cn .lankingComponent .tdspSwipe .prodCont .optionBtns {
	top: calc(57% - 20px)
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .titArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100px;
	padding: 11px 16px 19px
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo figure {
	width: 96px;
	height: 96px
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo figure img {
	width: 96px;
	height: 96px
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info {
	padding: 0 35px 0 16px
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 36px;
	margin-top: 4px;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap {
	line-height: 18px
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap .saleNum {
	font-size: 1.3rem
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap .originPrice {
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info .priceArea .priceWrap .txtLoginBefore {
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info .priceArea .saleDollar {
	line-height: 1.5333333333;
	font-weight: 700
}

.u602.u602Cn .newBrandComponent .newbrandSwipe .con .brandInfo .info .priceArea .saleWon {
	line-height: 13px;
	color: #fe324b
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 37px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo span.priceArea {
	margin-top: 12px
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo span.priceArea .txtLoginBefore {
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo span.priceArea .priceWrap {
	margin-top: 2px
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo span.priceArea .priceWrap .saleNum {
	margin-right: 4px;
	font-size: 1.3rem
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo span.priceArea .priceWrap .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo span.priceArea .priceWrap .saleDollar {
	line-height: 1.5333333333;
	font-weight: 700
}

.u602.u602Cn .prcustomComponent .prodList .prodCont .prodInfo span.priceArea .priceWrap .saleWon {
	line-height: 13px;
	font-weight: 400
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: 37px;
	margin-bottom: 11px;
	margin-top: 0;
	line-height: 18px;
	-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.3rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo span.priceArea {
	margin-top: 0
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo span.priceArea .originPrice {
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo span.priceArea .txtLoginBefore {
	display: block;
	position: relative;
	margin: 0;
	padding-left: 15px;
	font-size: 1.3rem;
	line-height: 18px
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo span.priceArea .saleCont {
	margin-top: 2px
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo span.priceArea .saleCont .saleNum {
	font-size: 1.3rem
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo span.priceArea .saleCont .saleNum b {
	margin-right: 1px;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-weight: 700
}

.u602.u602Cn .mytypeComponent .mytypeSwipe .prodCont .prodInfo span.priceArea .saleCont .saleWon {
	line-height: 13px;
	font-weight: 400
}

.u602.u602Cn .basket_pr+.specialprice_imp {
	margin-top: 97px
}

.u602.u602Cn .basket_pr+.specialprice_imp .todaysp_pr li .prodCont .prodInfo {
	height: auto
}

.u602.u602Cn .basket_pr+.specialprice_imp .todaysp_pr li .prodCont>a:first-child::before {
	display: none
}

.u602.u602Cn .basket_pr .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
}

.u602.u602Cn .basket_pr .prodCont span.priceArea .saleCont {
	margin-top: 0
}

.u602.u602Cn .basket_pr .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	font-size: 1.8rem
}

.u602.u602Cn .basket_pr .prodCont span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602.u602Cn .basket_pr .prodCont span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn .basket_pr .prodCont span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.5rem
}

.u602.u602Cn .basket_pr .prodCont span.priceArea .txtLoginBefore {
	display: block;
	margin: 0;
	line-height: 18px;
	font-size: 1.5rem
}

.u602.u602Cn .basket_pr .prodCont span.priceArea .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont .prodInfo .prodName {
	overflow: hidden;
	display: -webkit-box;
	height: auto;
	margin-top: 4px;
	padding-right: 200px;
	line-height: 1.5333333333;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 400
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleNum {
	margin-right: 4px;
	font-size: 1.8rem
}

[lang=zh] .u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleNum {
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleNum b {
	font-weight: 700
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .txtLoginBefore {
	display: inline-block;
	margin: 0;
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleDollar {
	line-height: 24px;
	font-size: 2.4rem;
	font-weight: 700
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleWon {
	line-height: 18px;
	font-size: 1.3rem;
	font-weight: 400
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag {
	margin-top: 0
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag+.tagList+.reviewScore::before {
	top: 3px
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag+.tagList::before {
	top: 3px
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag+.tagList .tagName {
	margin-right: 10px;
	line-height: 18px;
	height: 18px;
	font-size: 1.2rem
}

.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont .optionBtns .prodFlag+.tagList .tagName:last-child {
	margin-right: 0
}

.u602.u602Cn #filterContents .tabContentWrap .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
}

.u602.u602Cn #filterContents .tabContentWrap .prodCont span.priceArea .saleCont {
	margin-top: 0
}

.u602.u602Cn #filterContents .tabContentWrap .prodCont span.priceArea .saleCont .saleNum {
	margin-right: 4px;
	font-size: 1.8rem
}

[lang=zh] .u602.u602Cn #filterContents .tabContentWrap .prodCont span.priceArea .saleCont .saleNum {
	line-height: 18px;
	font-size: 1.3rem
}

.u602.u602Cn #filterContents .tabContentWrap .prodCont span.priceArea .saleCont .saleNum b {
	font-weight: 700
}

.u602.u602Cn #filterContents .tabContentWrap .prodCont span.priceArea .saleCont .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn #filterContents .tabContentWrap .prodCont span.priceArea .originPrice {
	line-height: 18px;
	font-size: 1.5rem
}

.u602.u602Cn #filterContents .tabContentWrap .prodCont span.priceArea .txtLoginBefore {
	display: block;
	margin: 0;
	line-height: 18px;
	font-size: 1.5rem
}

.u602.u602Cn #filterContents .tabContentWrap .prodCont span.priceArea .saleDollar {
	line-height: 1.5333333333;
	font-size: 1.5rem;
	font-weight: 700
}

.u602.u602Cn #filterContents .tabContentWrap .prodCont .prodFlag {
	margin-top: 12px
}

@media screen and (min-width: 1663px) {
	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont .prodInfo .prodName {
		overflow: hidden;
		display: -webkit-box;
		height: 46px;
		margin-top: 4px;
		padding-right: 0;
		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
	}

	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont {
		margin-top: 0
	}

	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont .saleNum {
		margin-right: 4px;
		font-size: 1.8rem
	}

	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont .saleNum b {
		font-weight: 700
	}

	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleCont .saleDollar {
		line-height: 1.5333333333;
		font-size: 1.5rem;
		font-weight: 700
	}

	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .originPrice {
		line-height: 18px;
		font-size: 1.5rem
	}

	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .txtLoginBefore {
		display: inline-block;
		margin: 0;
		line-height: 18px;
		font-size: 1.5rem
	}

	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont span.priceArea .saleDollar {
		line-height: 1.5333333333;
		font-size: 1.5rem;
		font-weight: 700
	}

	.u602.u602Cn #filterContents .tabContentWrap#prodStyle-List .prodCont .prodFlag {
		margin-top: 0
	}
}

@media screen and (max-width: 1663px) {
	.u602.u602Cn .lankingWrap .tdspSwipe .prodCont {
		width: 214px
	}

	.u602.u602Cn .lankingWrap .tdspSwipe .prodCont .prodInfo {
		padding: 16px 10px 0
	}

	.u602.u602Cn .lankingWrap .tdspSwipe .prodCont .prodInfo .priceArea .saleCont {
		display: block
	}
}

.prodState.soldOut,
.prodState.adult,
.prodState.notForSale {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	margin: 0 !important;
	padding: 0 !important
}

.prodState.soldOut,
.prodState.notForSale {
	z-index: 1001 !important;
	padding: 0 8px !important;
	white-space: nowrap
}

.prodState.adult {
	z-index: 2;
	width: 100% !important;
	height: 100% !important;
	line-height: initial !important;
	aspect-ratio: 1/1 !important;
	font-size: 0 !important;
	background: url(/fo/images/common/ico_adult.svg) no-repeat 50% 50% !important;
	background-size: 32% 32% !important
}

.prodState.adult::before {
	display: none !important
}

.prodState.adult~img {
	opacity: 0
}

.autoSearchWrap .prodState.adult {
	background-size: 40px 40px !important
}

.popLayCont .prodState.adult {
	z-index: 1;
	background-size: 32px 32px !important
}

.recentProd>a>figure>.prodState.adult {
	left: 0 !important;
	top: 4px !important;
	transform: none !important;
	width: 48px !important;
	height: 48px !important;
	border-radius: 8px;
	background-size: 32px 32px !important
}

.listHistory>li .list li .prodState.adult {
	opacity: 1
}

.prodList.tabContentWrap {
	display: none
}

.prodList.tabON {
	display: block
}

.prodList.prodThumb {
	margin: 8px -2px 0
}

.prodList.prodThumb .prodCont {
	display: inline-block;
	width: 25%;
	margin: 0 0 0 -3px;
	padding: 0 5px 0 5px
}

[lang=zh] .prodList.prodThumb .prodCont {
	width: calc(25% - 1px)
}

.prodList.prodThumb .prodCont:nth-child(n+5) {
	margin-top: 56px
}

.prodList.prodListStyle {
	border-bottom: 1px solid #eaeaea
}

.prodList.prodListStyle .prodCont {
	display: block;
	width: 100%;
	min-height: 208px;
	padding: 40px 16px 40px 183px;
	border-top: 1px solid #eaeaea;
	border-radius: 8px
}

.prodList.prodListStyle .prodCont:hover {
	border-top-color: rgba(12, 38, 159, .03);
	background: rgba(12, 38, 159, .03)
}

.prodList.prodListStyle .prodCont:hover figure .logo {
	background: #f7f8fc
}

.prodList.prodListStyle .prodCont .prodState.adult {
	top: 24px;
	left: 0;
	right: auto;
	width: 160px;
	height: 160px;
	margin: 0;
	border-radius: 8px;
	line-height: 160px
}

.prodList.prodListStyle .prodCont .prodState.adult::before {
	top: 50%;
	margin-top: -40px
}

.prodList.prodListStyle .prodCont figure {
	position: absolute;
	top: 24px;
	left: 0;
	width: 160px;
	min-height: 160px;
	height: 160px;
	background-size: 96px auto
}

.prodList.prodListStyle .prodCont figure .logo {
	height: 56px;
	margin-top: -28px
}

.prodList.prodListStyle .prodCont figure .logo img {
	width: 96px
}

.prodList.prodListStyle .prodCont .btPhoto,
.prodList.prodListStyle .prodCont .btMovie {
	top: 28px;
	left: 132px;
	right: auto
}

.prodList.prodListStyle .prodCont .btPhoto+button,
.prodList.prodListStyle .prodCont .btMovie+button {
	top: 56px
}

.prodList.prodListStyle .prodCont .typeBand {
	position: absolute;
	top: 152px;
	left: 0;
	width: 160px;
	height: 32px;
	margin: 0
}

.prodList.prodListStyle .prodCont .typeBand img {
	margin: 0
}

.prodList.prodListStyle .prodCont .badge {
	top: 24px;
	left: 0
}

.prodList.prodListStyle .prodCont>a {
	display: block;
	position: static
}

.prodList.prodListStyle .prodCont .brandName {
	padding-right: 200px
}

.prodList.prodListStyle .prodCont .prodInfo {
	margin-top: 0
}

.prodList.prodListStyle .prodCont .priceArea {
	display: inline-block;
	position: absolute;
	top: 40px;
	right: 16px;
	width: 250px;
	margin-top: 0;
	text-align: right
}

.prodList.prodListStyle .prodCont .priceArea .priceWrap {
	display: block
}

.prodList.prodListStyle .prodCont .priceArea .priceWrap .saleNum {
	line-height: 1;
	color: #f42d10;
	font-weight: 700
}

.prodList.prodListStyle .prodCont .priceArea .priceWrap .originPrice {
	display: inline-block;
	color: #6b6e73;
	font-size: 1.5rem
}

.prodList.prodListStyle .prodCont .priceArea .saleDollar {
	display: block;
	color: #373a3c;
	font-size: 2.4rem;
	font-weight: 700
}

.prodList.prodListStyle .prodCont .priceArea .saleWon {
	color: #707378
}

.prodList.prodListStyle .prodCont .optionBtns {
	display: block;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	z-index: 1;
	height: 22px;
	margin-top: 25px;
	border-radius: 0;
	text-align: left;
	background: none;
	opacity: 1;
	transition: none
}

.prodList.prodListStyle .prodCont .optionBtns .prodFlag {
	display: inline-block;
	position: relative;
	margin: 0
}

.prodList.prodListStyle .prodCont .optionBtns .prodFlag+.tagList {
	height: 22px;
	padding-left: 9px;
	line-height: 22px;
	vertical-align: top
}

.prodList.prodListStyle .prodCont .optionBtns .prodFlag+.tagList .tagName {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	font-size: 1.3rem
}

.prodList.prodListStyle .prodCont .optionBtns .prodFlag+.tagList::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	width: 1px;
	height: 20px;
	background: #eaeaea
}

.prodList.prodListStyle .prodCont .optionBtns .prodFlag+.reviewScore {
	padding-left: 12px;
	margin-left: 10px
}

.prodList.prodListStyle .prodCont .optionBtns .prodFlag+.reviewScore::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	width: 1px;
	height: 20px;
	background: #eaeaea
}

.prodList.prodListStyle .prodCont .optionBtns .tagList {
	display: inline-block;
	position: relative;
	padding-right: 0;
	line-height: 1;
	vertical-align: top
}

.prodList.prodListStyle .prodCont .optionBtns .tagList+.reviewScore {
	padding-left: 12px;
	margin-left: 10px
}

.prodList.prodListStyle .prodCont .optionBtns .tagList+.reviewScore::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	width: 1px;
	height: 20px;
	background: #eaeaea
}

.prodList.prodListStyle .prodCont .optionBtns .reviewScore {
	display: inline-block;
	position: relative;
	height: 22px;
	line-height: 22px;
	vertical-align: top
}

.prodList.prodListStyle .prodCont .optionBtns .reviewScore .txt {
	display: inline-block;
	margin-top: -1px;
	vertical-align: middle;
	line-height: 1;
	font-size: 1.3rem
}

.prodList.prodListStyle .prodCont .prodBtns {
	display: inline-block;
	position: absolute;
	bottom: 40px;
	right: 16px;
	z-index: 999
}

.prodList.prodListStyle .prodCont .prodBtns * {
	vertical-align: middle
}

.prodList.prodListStyle .prodCont .prodBtns .chkFavo {
	float: none;
	position: relative;
	margin: 0
}

.prodList.prodListStyle .prodCont .prodBtns .btIco:after {
	background: url(/fo/images/common/spr_icon.png) no-repeat
}

.prodList.prodListStyle .prodCont .prodBtns .btIco.icCart::after {
	background-position: 0 -38px
}

.prodList.prodListStyle .prodCont .prodBtns .btIco.icCart:hover:after {
	background-position: 0 -56px
}

.prodList.prodListStyle .prodCont .prodBtns .btIco.icPay::after {
	background-position: -18px -38px
}

.prodList.prodListStyle .prodCont .prodBtns .btIco.icPay:hover:after {
	background-position: -18px -56px
}

.prodList.prodListStyle .prodCont .cartMotion {
	width: 208px;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -104px
}

.prodList.prodListStyle .prodCont.prodSoldout .priceArea,
.prodList.prodListStyle .prodCont.prodSoldout .optionBtns {
	opacity: .5
}

.prodList.prodListStyle .prodCont.prodSoldout .optionBtns .prodFlag {
	opacity: 1
}

.prodList.prodListStyle .prodCont.prodSoldout .prodState.soldOut {
	left: 45px;
	margin: -30px 0 0 0
}

.prodList.prodListStyle .offProd {
	display: table;
	width: 100%;
	height: 127px;
	vertical-align: middle
}

.prodList.prodListStyle .offProd .prodInfo {
	display: table-cell;
	width: 100%;
	vertical-align: middle
}

.prodList.prodListStyle .offProd .priceArea {
	height: 60px;
	top: 50%;
	margin-top: -30px
}

.prodList.prodListStyle .offProd .offProdTxt {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -11px
}

.prodList.fashionList .prodCont figure {
	padding: 0
}

.prodList.fashionList .prodCont figure .img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

ol.prodList {
	counter-reset: section
}

ol.prodList .prodCont::before {
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
	z-index: 100;
	width: 40px;
	height: 45px;
	text-align: center;
	line-height: 42px;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	background: url(/fo/images/common/spr_ico.png) no-repeat -119px -75px;
	content: counter(section);
	counter-increment: section
}

[lang=zh] ol.prodList .prodCont::before {
	font-weight: 700
}

ol.prodList .prodCont:first-child:before {
	background-position: -77px -75px
}

.prodCont {
	position: relative;
	min-height: 300px;
	vertical-align: top;
	text-align: left
}

.prodCont:hover .optionBtns {
	display: block;
	opacity: 1
}

.prodCont>a {
	display: block;
	position: relative
}

.prodCont .btPhoto,
.prodCont .btMovie {
	position: absolute;
	top: 8px;
	right: 13px;
	z-index: 10;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(30, 32, 35, .5)
}

.prodCont .btPhoto+button,
.prodCont .btMovie+button {
	top: 36px
}

.prodCont .btPhoto::after,
.prodCont .btMovie::after {
	width: 14px;
	height: 14px;
	margin: -6px 0 0 -7px;
	background: url(/fo/images/common/spr_ico.png) no-repeat
}

.prodCont .btPhoto.btPhoto:after,
.prodCont .btMovie.btPhoto:after {
	background-position: -46px -24px
}

.prodCont .btPhoto.btMovie:after,
.prodCont .btMovie.btMovie:after {
	background-position: -32px -24px
}

.prodCont .typeBand {
	overflow: hidden;
	position: relative;
	z-index: 10;
	margin-top: -50px;
	height: 50px;
	border-radius: 0 0 8px 8px
}

.prodCont .typeBand img {
	position: relative;
	width: 100%;
	margin-top: -3px
}

.prodCont .rankingNum {
	position: absolute;
	top: 0;
	left: 7px;
	z-index: 100;
	width: 26px;
	height: 28px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 700;
	background: url(/fo/images/common/spr_prod.svg) no-repeat -190px 0
}

.prodCont .badge {
	position: absolute;
	top: 0;
	left: 5px;
	z-index: 101;
	width: 40px;
	height: 40px;
	padding: 7px 6px;
	border-radius: 8px 8px 0 8px;
	text-align: center;
	line-height: 1.16;
	color: #fff;
	font-size: 1.2rem;
	background: #e6240a;
	box-sizing: border-box
}

.prodCont .badge.nonMember {
	font-size: 1.5rem
}

.prodCont figure {
	overflow: hidden;
	position: relative;
	z-index: 10;
	min-height: 170px;
	border-radius: 8px;
	text-align: center;
	background: #fff
}

.prodCont figure>a {
	display: block
}

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

.prodCont figure img {
	position: relative;
	z-index: 10;
	width: 100%;
	background: #fff
}

.prodCont figure .logo {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 80px;
	margin-top: -40px;
	padding: 10px 0;
	text-align: center;
	background: #fff
}

.prodCont figure .logo img {
	width: 160px;
	opacity: .2
}

.prodCont figure .overImg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.prodCont figure:hover .overImg {
	display: block
}

.prodCont .prodInfo {
	display: block;
	margin-top: 12px
}

.prodCont .prodInfo .prodName {
	display: block;
	padding-right: 30px;
	color: #707378;
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.prodCont .offProdTxt {
	margin-top: 12px;
	color: #f42d10;
	font-weight: 500
}

[lang=zh] .prodCont .offProdTxt {
	font-weight: 700
}

.prodCont .priceArea {
	display: block;
	margin-top: 7px
}

.prodCont .priceArea .originPrice {
	display: block;
	line-height: 1.2;
	color: #6b6e73;
	font-size: 1.3rem;
	text-decoration: line-through
}

.prodCont .priceArea .originPrice+.saleCont {
	margin-top: 4px
}

.prodCont .priceArea .txtLoginBefore+.saleCont {
	margin-top: 0
}

.prodCont .priceArea .saleCont {
	display: block;
	margin-top: 10px;
	line-height: 1.2;
	font-size: 1.5rem
}

.prodCont .priceArea .saleCont .priceWrap {
	display: block
}

.prodCont .priceArea .saleCont .priceWrap .originPrice {
	display: inline-block
}

.prodCont .priceArea .saleCont .saleNum {
	display: inline-block;
	margin-right: 4px;
	color: #f42d10;
	font-size: 1.5rem;
	font-weight: 700
}

.prodCont .priceArea .saleCont .saleDollar {
	display: inline-block;
	color: #373a3c;
	font-weight: 700
}

.prodCont .priceArea .saleCont .saleWon {
	display: inline-block;
	margin-left: 4px;
	color: #707378;
	font-size: 1.3rem;
	font-weight: 400
}

.prodCont .priceArea .saleCont .saleWon span {
	font-size: 1.3rem
}

.prodCont .optionCont {
	display: block;
	position: relative;
	z-index: 100;
	height: 12px;
	margin-top: 14px
}

.prodCont .optionCont * {
	vertical-align: top
}

.prodCont .optionCont a,
.prodCont .optionCont span[role=button] {
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	margin: 0;
	border-radius: 50%
}

.prodCont .optionCont a.soldout_color:before,
.prodCont .optionCont span[role=button].soldout_color:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(-46deg);
	transform: rotate(-46deg)
}

.prodCont .optionCont a img,
.prodCont .optionCont span[role=button] img {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%
}

.prodCont .optionCont .list {
	display: block;
	height: 12px;
	padding: 0;
	text-align: left
}

.prodCont .optionCont .list .listMore {
	width: 12px;
	height: 12px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -52px -42px
}

.prodCont .optionCont .list .listMore[aria-expanded=true] {
	display: none
}

.prodCont .optionCont .list .listMore[aria-expanded=true]+.moreCont {
	display: inline-block
}

.prodCont .optionCont .list .moreCont {
	display: none;
	height: 12px;
	vertical-align: top
}

.prodCont .prodFlag {
	margin-top: 16px
}

.prodCont .chkFavo {
	float: right;
	position: relative;
	z-index: 1000;
	margin: 8px 3px -32px
}

.prodCont .optionBtns {
	display: none;
	position: relative;
	z-index: 101;
	height: 48px;
	margin-top: -48px;
	border-radius: 0 0 8px 8px;
	text-align: center;
	background: rgba(30, 32, 35, .6);
	opacity: 0;
	transition: .3s
}

.prodCont .optionBtns:hover {
	background: #1e2023
}

.prodCont .optionBtns:hover>button::after {
	opacity: .6
}

.prodCont .optionBtns:hover>button:hover:after {
	opacity: 1
}

.prodCont .optionBtns>button {
	width: 48px;
	height: 48px;
	margin: 0 -1px
}

.prodCont .optionBtns>button::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url("../images/spr_icon.png") no-repeat
}

.prodCont .optionBtns .btIco.icCart::after {
	background-position: 0 -20px
}

.prodCont .optionBtns .btIco.icCart:hover:after {
	background-position: 0 0
}

.prodCont .optionBtns .btIco.icCart .cartAni {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #e9ebfb;
	opacity: 0;
	transform: scale(0);
	animation-name: cartAni;
	animation-duration: 2s
}

[lang=zh] .prodCont .optionBtns .btIco.icCart .cartAni {
	background-color: #ffeef1
}

@keyframes cartAni {
	0% {
		opacity: 0;
		transform: scale(0)
	}

	20% {
		opacity: .5;
		transform: scale(0.3)
	}

	50% {
		opacity: 1;
		transform: scale(1)
	}

	80% {
		opacity: .5;
		transform: scale(0.3)
	}

	100% {
		opacity: 0;
		transform: scale(0)
	}
}

.prodCont .optionBtns .btIco.icPay::after {
	background-position: -18px -20px
}

.prodCont .optionBtns .btIco.icPay:hover:after {
	background-position: -18px 0
}

.prodCont .optionBtns .chkRestock {
	width: 40px;
	height: 48px;
	text-align: left
}

.prodCont .btIco.icRestock {
	transition: .3s;
	outline: 0
}

.prodCont .btIco.icRestock:hover:after {
	background-position: -36px 0
}

#filterContents .prodCont .btIco.icRestock:hover:after {
	background: url("../images/spr_icon.png") no-repeat -36px 0
}

.prodCont .btIco.icRestock::after {
	background: url("../images/spr_icon.png") no-repeat -36px -20px
}

#filterContents .prodCont .btIco.icRestock::after {
	background: url("../images/spr_ico.png") no-repeat -106px -42px
}

.prodCont .btIco.icRestock[aria-selected=true]::after {
	background-position: -36px -56px !important
}

#filterContents .prodCont .btIco.icRestock[aria-selected=true]::after {
	background: url("../images/spr_icon.png") no-repeat -36px -56px !important
}

.prodCont .cartMotion {
	display: none;
	position: absolute;
	top: 106px;
	left: 37px;
	right: 37px;
	z-index: 999999;
	height: 40px;
	margin-top: 10%;
	border-radius: 12px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	background: rgba(30, 32, 35, .7);
	opacity: 0;
	animation-name: cartMotion;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 1s
}

[lang=zh] .prodCont .cartMotion {
	font-weight: 700
}

@keyframes cartMotion {
	0% {
		opacity: 0
	}

	15% {
		opacity: .7
	}

	30% {
		opacity: 1
	}

	50% {
		opacity: 1
	}

	70% {
		opacity: 1
	}

	85% {
		opacity: .7
	}

	100% {
		opacity: 0
	}
}

.prodCont .prodState {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	text-align: center
}

.prodCont .prodState.soldOut {
	height: 32px;
	margin: -16px 0 0 -35px;
	border-radius: 8px;
	line-height: 32px;
	color: #fff;
	font-size: 1.3rem;
	background: rgba(55, 58, 60, .6)
}

.prodCont .prodState.adult {
	top: 0;
	left: 5px;
	right: 5px;
	height: 80px;
	margin: 121px 0 0 0;
	line-height: 80px;
	color: #1e2023;
	font-size: 3.2rem;
	font-weight: 700;
	background: #f7f8fc;
	letter-spacing: -0.09em
}

.prodCont .prodState.adult::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	line-height: 80px;
	border: 2px solid #e6230a;
	border-radius: 50%;
	box-sizing: border-box
}

.prodCont.prodSoldout figure,
.prodCont.prodSoldout .prodInfo,
.prodCont.prodSoldout .optionCont,
.prodCont.prodSoldout .prodFlag {
	opacity: .6
}

.brandName {
	color: #373a3c;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 30px
}

.brandName .eng {
	position: relative;
	margin-left: 5px;
	white-space: nowrap
}

.brandName .eng::before {
	content: "·";
	padding-right: 4px
}

.keywordBnr {
	padding: 24px 0 0 0;
	text-align: center
}

.keywordBnr .tit,
.keywordBnr .desc {
	display: block;
	color: #373a3c;
	font-size: 2rem;
	font-weight: 700
}

.keywordBnr .keywordList {
	margin-top: 20px
}

.keywordBnr .keywordList li {
	display: block;
	text-align: center;
	padding: 4px 0
}

.keywordBnr .keywordList li a {
	display: inline-block;
	height: 40px;
	padding: 0 14px;
	line-height: 40px;
	border-radius: 40px;
	font-weight: 500
}

[lang=zh] .keywordBnr .keywordList li a {
	font-weight: 700
}

.keywordBnr .keywordList li.colOrange a {
	color: #e6240a;
	background: #fff1f0
}

.keywordBnr .keywordList li.colGreen a {
	color: #007a34;
	background: #e6faee
}

.keywordBnr .keywordList li.colBlue a {
	color: #0041a3;
	background: #ebf6ff
}

.keywordBnr .keywordList li.colBluish a {
	color: #006d69;
	background: #e1f9f9
}

.keywordBnr .keywordList li.colPurple a {
	color: #4f00a4;
	background: #f8eefa
}

.noData.noCateProd::before {
	top: 80px;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	background: url(/fo/images/view/ico_pick_nodata.png) no-repeat
}

[lang=zh] .noData.noCateProd::before {
	background-image: url(/fo/images/view/ico_pick_nodata_cn.png)
}

.noData.noCateProd .txtNoResult {
	font-weight: 400
}

.noData.noCateProd .btnSSG {
	width: 280px;
	margin-top: 40px
}

.selectList {
	display: inline-block;
	width: calc(100% - 192px);
	margin: 0 -8px
}

.selectList>li {
	float: left;
	width: 50%;
	padding: 0 8px
}

.selectList>li .selectWrap {
	display: block
}

.attachList {
	display: inline-block
}

.attachList>li {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 4px
}

.attachList>li .cont {
	overflow: hidden;
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 4px;
	background: #f5f7fa
}

.attachList>li .cont::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -119px -24px
}

.attachList>li .cont figure {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.attachList>li .cont figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.attachList>li .cont figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1)
}

.attachList>li .cont .del {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	width: 36px;
	height: 36px
}

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

.attachList>li .cont input[type=file] {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: 0 4px;
	opacity: 0
}

.attachGuide {
	display: inline-block;
	width: 330px;
	margin-left: 18px;
	vertical-align: top
}

.attachGuide .bultType01 {
	margin-top: 0
}

.searchType {
	margin-bottom: 24px;
	padding: 34px 32px;
	border-radius: 8px;
	text-align: center;
	background: #f8fafc
}

.searchType fieldset {
	position: relative;
	width: 656px;
	margin: 0 auto;
	text-align: left
}

.searchType fieldset input {
	width: 100%;
	padding-right: 86px;
	border-bottom: 1px solid #373a3c;
	border-width: 0 0 1px 0;
	border-radius: 0;
	background: none
}

.searchType fieldset input:focus {
	background: none
}

.searchType fieldset input:focus~.icSearch:after {
	background-position: -214px -48px
}

.searchType fieldset input::placeholder,
.searchType fieldset input:-moz-placeholder,
.searchType fieldset input::-webkit-input-placeholder,
.searchType fieldset inputinput:-ms-input-placeholder[type=text],
.searchType fieldset input:-ms-input-placeholder,
.searchType fieldset input::-ms-input-placeholder {
	color: #8b8f94;
	font-size: 1.8rem
}

.searchType fieldset .btIco {
	position: absolute;
	top: 4px
}

.searchType fieldset .btIco.icSearch {
	right: 0
}

.searchType fieldset .btIco.icDel {
	display: none;
	right: 40px
}

.floorSearch fieldset input:focus+.btIco.icDel {
	opacity: 1
}

.floorSearch fieldset .btIco.icDel {
	display: block;
	opacity: 0
}

.copyArea {
	position: relative;
	height: 40px;
	margin-top: 16px;
	border: 1px solid #dcdfe3;
	border-radius: 8px
}

.copyArea input {
	width: 100%;
	height: 38px;
	padding: 0 75px 0 10px;
	border: none;
	font-size: 1.3rem;
	font-weight: 400;
	background: none !important
}

.copyArea .btnCopy {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 74px;
	height: 38px;
	border-left: 1px solid #dcdfe3;
	text-align: center;
	line-height: 38px;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 700
}

.toastBox {
	display: none;
	position: absolute;
	bottom: -58px;
	bottom: -68px\0 /IE9;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 56px;
	border-radius: 8px;
	background: rgba(55, 58, 60, .7);
	opacity: 0;
	opacity: 1\0 /IE9;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .4);
	transition: .3s;
	animation-name: toastBox;
	animation-duration: 2s;
	animation-delay: .5s
}

@keyframes toastBox {
	0% {
		opacity: 0;
		bottom: -58px
	}

	5% {
		opacity: .7
	}

	6% {
		opacity: 1
	}

	30% {
		opacity: 1;
		bottom: -68px
	}

	70% {
		opacity: 1;
		bottom: -68px
	}

	85% {
		opacity: .7;
		bottom: -68px
	}

	100% {
		opacity: 0;
		bottom: -68px
	}
}

.toastBox .txtToast {
	line-height: 56px;
	text-align: center;
	color: #fff
}

.typeBlack .subTitTop,
.blackType .subTitTop {
	color: #1e2023 !important
}

.typeBlack .titEvent,
.blackType .titEvent {
	color: #1e2023 !important
}

.typeBlack .subTit,
.blackType .subTit {
	color: rgba(30, 32, 35, .8) !important
}

.typeWhite .subTitTop,
.whiteType .subTitTop {
	color: #fff !important
}

.typeWhite .titEvent,
.whiteType .titEvent {
	color: #fff !important
}

.typeWhite .subTit,
.whiteType .subTit {
	color: rgba(255, 255, 255, .8) !important
}

.bannerType {
	position: relative;
	max-width: 1520px;
	height: 130px
}

.bannerType>a {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	height: 100%
}

.bannerType.typeBand {
	overflow: hidden;
	border-radius: 8px
}

.bannerType.typeBand figure {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%
}

.bannerType.typeBand figure img {
	position: absolute;
	left: 50%;
	margin-left: -760px
}

.bannerType.typeBand .bannerTxt {
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

.bannerType.typeBand .bannerTxt .inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.bannerType.typeBand.typeOne .bannerTxt {
	text-align: center
}

.bannerType.typeBand.typeOne .bannerTxt .titEvent {
	font-size: 2rem
}

.bannerType .bannerTxt {
	display: table-cell;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.bannerType .titEvent {
	line-height: 1.35;
	vertical-align: middle;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 500;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 72px
}

[lang=zh] .bannerType .titEvent {
	font-weight: 700
}

.bannerType .subTit {
	display: block;
	margin-top: 8px;
	color: rgba(255, 255, 255, .8);
	font-size: 1.8rem
}

.bannerType.typeBannerA {
	overflow: hidden;
	width: 100%;
	height: auto
}

.bannerType.typeBannerA>a {
	overflow: hidden;
	display: block;
	position: relative;
	height: auto
}

.bannerType.typeBannerA figure {
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	text-align: right
}

.bannerType.typeBannerA figure img {
	position: relative;
	bottom: 0;
	right: 0;
	width: 100%
}

.bannerType.typeBannerA .bannerTxt {
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 40px;
	padding-top: 50px\0 IE9;
	vertical-align: middle;
	text-align: left
}

.bannerType.typeBannerA .bannerTxt .titEvent {
	font-size: 2.4rem
}

.bannerType.typeBannerA .bannerTxt .subTit {
	font-size: 1.8rem
}

.bannerType.typeBannerA .eventInfo {
	position: relative;
	padding: 12px 16px 0;
	text-align: left
}

.bannerType.typeBannerA .eventInfo .date {
	margin-top: 1px;
	color: rgba(107, 110, 115, .8)
}

.bannerType.typeBannerA .eventInfo .icoArea {
	position: absolute;
	top: 8px;
	right: 16px
}

.bannerType.typeBannerA .titWrap {
	margin-bottom: 13px;
	text-align: left
}

.bannerType.typeBannerA .titWrap h3 {
	display: inline-block;
	color: #1e2023;
	font-size: 2rem;
	font-weight: 700
}

.bannerType.typeBannerA .titWrap .date {
	display: inline-block;
	margin-left: 14px;
	color: #6b6e73
}

.bannerType.typeBannerB {
	width: 100%;
	height: auto
}

.bannerType.typeBannerB>a {
	display: block;
	height: auto
}

.bannerType.typeBannerB>a figure {
	overflow: hidden;
	border-radius: 8px
}

.bannerType.typeBannerB>a figure img {
	width: 100%
}

.bannerType.typeBannerB .bannerTxt {
	display: block;
	height: auto;
	margin-top: 16px;
	text-align: left
}

.bannerType.typeBannerB .bannerTxt .titEvent {
	padding-right: 60px;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.bannerType.typeBannerB .bannerTxt .subTit {
	color: #6b6e73;
	font-size: 1.5rem
}

.bannerType.typeBannerB .eventInfo {
	position: relative;
	z-index: 10;
	margin-top: 10px;
	text-align: left
}

.bannerType.typeBannerB .eventInfo .date {
	color: #6b6e73;
	font-size: 1.3rem
}

.bannerType.typeBannerB .eventInfo .icoArea {
	position: absolute;
	bottom: 48px;
	right: 0
}

.bannerType .typeBlack .bannerTxt .titEvent,
.bannerType .blackType .bannerTxt .titEvent {
	color: #1e2023
}

.bannerType .typeBlack .bannerTxt .subTit,
.bannerType .blackType .bannerTxt .subTit {
	color: #6b6e73
}

.bannerType.sizeFixed {
	width: 750px
}

.bannerType.sizeFixed figure img {
	left: 0;
	margin: 0
}

.bannerType.sizeFixed .bannerTxt {
	padding-left: 32px;
	text-align: left
}

.fixedBanner .sizeFixed {
	width: auto;
	height: 140px
}

.fixedBanner .sizeFixed .bannerTxt {
	padding-left: 40px;
	text-align: left
}

.swiperWrap.swiperBanner,
.swiperBanner {
	max-width: 1520px;
	padding-bottom: 28px;
	box-sizing: content-box
}

.swiperWrap.swiperBanner .swiper-container,
.swiperBanner .swiper-container {
	overflow: hidden;
	height: 130px;
	border-radius: 8px
}

.swiperWrap.swiperBanner .bannerType figure,
.swiperBanner .bannerType figure {
	border-radius: 0
}

.swiperWrap.swiperBanner .swiper-pagination,
.swiperBanner .swiper-pagination {
	bottom: 16px;
	left: auto;
	right: 16px;
	margin: 0
}

.swiperWrap.swiperBanner.swipeDefault,
.swiperBanner.swipeDefault {
	padding: 0
}

.swiperWrap.swiperBanner.only-child,
.swiperBanner.only-child {
	padding-bottom: 24px
}

.swiperWrap.swiperBandtype {
	padding-bottom: 24px
}

.swiperWrap.swiperBandtype .ts-controls button {
	margin-top: -37px
}

.bannerList {
	margin: -32px 0 0 -8px
}

.bannerList>li {
	float: left;
	width: 33.3%;
	margin-top: 32px;
	padding-left: 8px;
	box-sizing: border-box
}

.bannerList>li .typeBannerA .bannerTxt {
	padding-top: 30px\0 IE9
}

.bannerList>li .typeBannerA .bannerTxt .titEvent {
	line-height: 1.3;
	font-size: 2rem;
	line-height: 1.4
}

.bannerList>li .typeBannerA .bannerTxt .subTit {
	margin-top: 6px;
	font-size: 1.5rem
}

.bannerList.bannerCon02>li {
	width: 50%
}

.bannerList.col3>li {
	margin-top: 0
}

.bannerList.col3>li:nth-child(n+4) {
	margin-top: 32px
}

.swiperWrap.mainBannerSwiper {
	max-height: 440px;
	padding: 0 !important;
	border-radius: 8px;
	opacity: 0;
	transition: opacity .25s
}

.swiperWrap.mainBannerSwiper .ts-controls {
	position: absolute;
	bottom: 16px;
	left: 50%;
	z-index: 10;
	width: 68px;
	margin-left: -34px;
	border-radius: 28px;
	text-align: right;
	background: rgba(30, 32, 35, .5)
}

.swiperWrap.mainBannerSwiper .ts-controls * {
	vertical-align: top
}

.swiperWrap.mainBannerSwiper .ts-controls .swiper-pagination {
	display: inline-block;
	position: static;
	width: auto;
	background: none
}

.swiperWrap.mainBannerSwiper .ts-controls .ts-paging {
	display: inline-block;
	position: relative;
	left: auto;
	bottom: auto;
	z-index: 10;
	width: auto;
	padding-top: 9px;
	text-align: left
}

.swiperWrap.mainBannerSwiper .ts-controls .ts-paging .ts-paging-btn::after {
	background: rgba(255, 255, 255, .2)
}

.swiperWrap.mainBannerSwiper .ts-controls .ts-paging .ts-paging-btn.ts-paging-active:after {
	background: rgba(255, 255, 255, .6)
}

.swiperWrap.mainBannerSwiper .ts-controls .btnPlay,
.swiperWrap.mainBannerSwiper .ts-controls .btnStop {
	position: relative;
	left: auto;
	bottom: auto;
	z-index: 100;
	margin: 0
}

.swiperWrap.mainBannerSwiper .ts-prev,
.swiperWrap.mainBannerSwiper .ts-next {
	top: 50%
}

.swiperWrap.mainBannerSwiper .swiper-slide-duplicate {
	visibility: hidden
}

.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) {
	z-index: 1
}

.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) .mainbanner .bannerFlag,
.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) .mainbanner .subTitTop,
.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) .mainbanner .titEvent,
.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) .mainbanner .subTit {
	opacity: 1 !important;
	margin-left: 0
}

.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) .mainbanner .bannerFlag,
.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) .mainbanner .subTitTop {
	transition-delay: .1s
}

.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) .mainbanner .titEvent {
	transition-delay: .1s
}

.swiperWrap.mainBannerSwiper .swiper-slide-active:not(.swiper-slide-duplicate) .mainbanner .subTit {
	transition-delay: .2s
}

.swiperWrap.mainBannerSwiper.transitionOff .mainbanner .bannerFlag,
.swiperWrap.mainBannerSwiper.transitionOff .mainbanner .subTitTop,
.swiperWrap.mainBannerSwiper.transitionOff .mainbanner .titEvent,
.swiperWrap.mainBannerSwiper.transitionOff .mainbanner .subTit {
	transition: none !important
}

.swiperWrap.mainBannerSwiper .paging::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -16px;
	width: 80px;
	height: 46px;
	margin-left: -40px
}

.tabContentWrap .mainBannerSwiper {
	opacity: 0
}

.tabContentWrap.tabON .mainBannerSwiper {
	opacity: 1
}

.controlBtn .ts-prev,
.controlBtn .ts-next {
	margin-top: -20px;
	opacity: 0;
	transition: .5s
}

.controlBtn:hover .ts-prev,
.controlBtn:hover .ts-next {
	opacity: 1;
	transform: rotateX(0deg)
}

.controlBtn.mainBannerSwiper.all .ts-prev,
.controlBtn.mainBannerSwiper.all .ts-next {
	opacity: 0
}

.controlBtn.vcBtnTop .ts-prev,
.controlBtn.vcBtnTop .ts-next {
	opacity: 0;
	transition: .5s
}

.controlBtn.vcBtnTop:hover .ts-prev,
.controlBtn.vcBtnTop:hover .ts-next {
	opacity: 0;
	transform: rotateX(0deg)
}

.controlBtn.vcBtnTop.vcBtnTopView:hover .ts-prev,
.controlBtn.vcBtnTop.vcBtnTopView:hover .ts-next {
	opacity: 1;
	transform: rotateX(0deg)
}

.mainbanner {
	overflow: hidden;
	position: relative;
	width: 100%
}

.mainbanner a {
	overflow: hidden;
	display: block
}

.mainbanner a figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 440px
}

.mainbanner a figure img {
	position: absolute !important;
	left: 50%;
	width: 1712px;
	margin-left: -856px
}

.mainbanner a .bannerTxt {
	display: table;
	table-layout: fixed;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 440px;
	text-align: left
}

.mainbanner a .bannerTxt .inner {
	display: table-cell;
	padding-left: 80px;
	vertical-align: middle
}

.mainbanner a .bannerTxt .inner .bannerFlag,
.mainbanner a .bannerTxt .inner .subTitTop,
.mainbanner a .bannerTxt .inner .titEvent,
.mainbanner a .bannerTxt .inner .subTit {
	opacity: 0 !important;
	transition: .7s
}

.mainbanner a .bannerTxt .inner .bannerFlag {
	display: inline-block;
	height: 28px;
	margin-left: 20px;
	padding: 0 8px;
	border-radius: 4px;
	border: 1px solid #fff;
	line-height: 26px
}

.mainbanner a .bannerTxt .inner .subTitTop {
	display: block;
	margin: 0 0 8px 50px;
	font-size: 1.5rem
}

.mainbanner a .bannerTxt .inner .titEvent {
	margin: 0 0 9px 30px;
	line-height: 1.33;
	font-size: 3.6rem;
	font-weight: 700
}

.mainbanner a .bannerTxt .inner .subTit {
	display: block;
	margin-left: 50px
}

.mainbanner.typeWhite *,
.mainbanner.whiteType * {
	color: #fff
}

.mainbanner.typeBlack .bannerFlag,
.mainbanner.blackType .bannerFlag {
	border-color: #373a3c !important
}

.mainbanner.typeBlack *,
.mainbanner.blackType * {
	color: #373a3c
}

.mainbanner.h220 a figure {
	height: 220px
}

.mainbanner.h220 a figure img {
	width: 1232px;
	margin-left: -616px
}

.mainbanner.h220 a .bannerTxt {
	height: 220px
}

.stepGuide {
	position: relative
}

.stepGuide::before {
	content: "";
	display: block;
	position: absolute;
	top: 48px;
	left: 24px;
	bottom: 3px;
	width: 1px;
	background-color: #e9ebfb
}

[lang=zh] .stepGuide::before {
	background-color: #ffeef1
}

.stepGuide>li {
	position: relative;
	margin-top: 24px;
	padding-left: 64px
}

.stepGuide>li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background: url(/fo/images/customer/bg_stepGuide.png) no-repeat
}

.stepGuide>li:first-child {
	margin-top: 0
}

.stepGuide>li>strong {
	display: block;
	height: 48px;
	line-height: 48px;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700
}

.stepGuide>li>strong em {
	display: inline-block;
	padding-right: 8px
}

.stepGuide>li>strong span {
	display: inline-block;
	margin-left: 11px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.stepGuide>li .stepCont {
	margin: 7px 0 40px;
	padding: 30px 32px;
	background: #f8fafc
}

.stepGuide>li.guide02:before {
	background-position: -48px 0
}

.stepGuide>li.guide03:before {
	background-position: -96px 0
}

.stepGuide>li.guide04:before {
	background-position: -144px 0
}

.stepGuide.simpleStep strong {
	display: inline-block;
	width: 128px
}

.stepGuide.simpleStep .txt {
	display: inline-block;
	font-size: 1.8rem
}

.stepGuide.stepType02 strong {
	font-size: 2rem
}

.withdrawCont h2,
.withdrawCont h3 {
	line-height: 1.16;
	color: #1e2023
}

.withdrawCont h2 {
	margin-top: 32px;
	font-size: 2.4rem;
	font-weight: 700
}

.withdrawCont h2:first-child {
	margin-top: 0
}

.withdrawCont h3 {
	margin: 32px 0 12px;
	font-size: 2rem;
	font-weight: 500
}

[lang=zh] .withdrawCont h3 {
	font-weight: 700
}

.withdrawCont h3:first-child {
	margin-top: 0
}

.withdrawCont h2+h3 {
	margin-top: 16px
}

.withdrawCont .termsType01 {
	counter-reset: section
}

.withdrawCont .termsType01>li {
	margin-top: 12px
}

.withdrawCont .termsType01>li::before {
	display: inline-block;
	width: 15px;
	margin: -3px 0 0 0;
	vertical-align: middle;
	content: counter(section) ".";
	counter-increment: section
}

.withdrawCont .termsType02 {
	counter-reset: section
}

.withdrawCont .termsType02>li {
	margin-top: 10px
}

.withdrawCont .termsType02>li::before {
	display: inline-block;
	width: auto;
	margin: -3px 3px 0 0;
	vertical-align: middle;
	content: counter(section) ")";
	counter-increment: section
}

.withdrawCont .termsType02>li dl {
	margin: 10px 0 0 15px
}

.withdrawCont .termsType03 {
	counter-reset: section
}

.withdrawCont .termsType03>li {
	margin-top: 8px
}

.withdrawCont .termsType03>li::before {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: -3px 4px 0 0;
	border: 1px solid #5a5f64;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	line-height: 15px;
	font-size: 1.2rem;
	content: counter(section);
	counter-increment: section
}

.withdrawCont strong {
	display: block;
	margin: 15px 0
}

.withdrawCont .tblV+.bultType01,
.withdrawCont .tblH+.bultType01 {
	margin-top: 10px
}

.buyerInfo {
	margin-top: 8px
}

.buyerInfo>li {
	margin-top: 22px
}

.buyerInfo>li:first-child {
	margin-top: 0
}

.buyerInfo>li strong {
	display: block;
	color: #373a3c
}

.buyerInfo>li .info {
	margin-top: 10px;
	padding: 8px 0 8px 10px;
	border: solid #eaeaea;
	border-width: 1px 0
}

.buyerInfo>li .info li {
	margin-top: 6px;
	line-height: 22px;
	color: #373a3c;
	font-size: 1.5rem
}

.buyerInfo>li .info li span {
	display: inline-block;
	width: 104px;
	color: #6b6e73;
	font-size: 1.3rem
}

.buyerInfo>li .info li:first-child {
	margin-top: 0
}

.tabHistory {
	margin-bottom: 16px;
	padding-bottom: 90px
}

.tabHistory .chkHistory {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0
}

.tabHistory .tabON .chkHistory {
	display: block
}

.tabHistory~.noHistory {
	margin-top: -106px
}

.chkHistory {
	width: 100%;
	height: 90px;
	padding: 24px 0;
	text-align: center;
	background: #f8fafc
}

.chkHistory .frmSel {
	margin: 0 3px
}

.chkHistory .frmSel input[type=checkbox] {
	top: 10px;
	left: 10px
}

.chkHistory .frmSel input[type=checkbox]+label {
	padding: 0 36px 0 16px;
	border: 1px solid #eaeaea;
	border-radius: 42px;
	line-height: 42px;
	color: #1e2023;
	background: #fff
}

.chkHistory .frmSel input[type=checkbox]+label::before {
	left: auto;
	right: 16px;
	top: 50%;
	z-index: 10;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/common/spr_form.png) no-repeat -318px -26px
}

.chkHistory .frmSel input[type=checkbox]:checked+label {
	border-color: #e9ebfb;
	color: #4d6ee4;
	font-weight: 500;
	background-color: #e9ebfb
}

[lang=zh] .chkHistory .frmSel input[type=checkbox]:checked+label {
	border-color: #ffeef1
}

[lang=zh] .chkHistory .frmSel input[type=checkbox]:checked+label {
	color: #fe324b
}

[lang=zh] .chkHistory .frmSel input[type=checkbox]:checked+label {
	font-weight: 700
}

[lang=zh] .chkHistory .frmSel input[type=checkbox]:checked+label {
	background-color: #ffeef1
}

.chkHistory .frmSel input[type=checkbox]:checked+label::before {
	background-position: -342px -26px
}

[lang=zh] .chkHistory .frmSel input[type=checkbox]:checked+label::before {
	background: url(/fo/images/cmall/spr_formC.png) no-repeat -342px -26px
}

.listHistory {
	padding-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eaeaea
}

.listHistory~.txtHistory {
	margin: -75px 0 0 285px
}

.listHistory.historyEdit .list li .frmSel {
	display: block
}

.listHistory.historyEdit .list li .frmSel.cb_checked~label {
	border-color: rgba(199, 205, 246, .4)
}

.listHistory.historyEdit .list li .frmSel.cb_checked~label::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	border-radius: 12px;
	background: rgba(199, 205, 246, .4)
}

.listHistory.historyEdit .list li .frmSel~label .flagHis {
	left: 51px
}

.listHistory.historyEdit .list li .frmSel~label .flagHis+.flag.branch {
	left: 97px
}

.listHistory.historyEdit .list li .frmSel~a {
	display: none
}

.listHistory.historyEdit .list li .frmSel~label {
	display: block
}

.listHistory.historyEdit .list li.historySearch .hisCont {
	display: none
}

.listHistory.historyEdit .list li.historyBenefit .adFlag,
.listHistory.historyEdit .list li.historyBenefit .flagHis+.flagHis {
	left: 97px
}

.listHistory>li {
	position: relative;
	margin-top: 8px;
	padding: 0 0 40px 274px
}

.listHistory>li::before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	bottom: 0;
	left: 267px;
	width: 1px;
	background: #a0adf0
}

[lang=zh] .listHistory>li::before {
	background: #fe97a4
}

.listHistory>li:last-child {
	padding-bottom: 123px
}

.listHistory>li>.date {
	position: absolute;
	top: 0;
	left: 15px;
	width: 252px;
	line-height: 1;
	color: #1e2023;
	font-size: 2.2rem;
	font-weight: 700
}

.listHistory>li>.date em {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	color: #6b6e73;
	font-weight: 400;
	font-size: 1.8rem
}

[lang=zh] .listHistory>li>.date em {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.listHistory>li>.date::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -5px;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border-radius: 50%;
	background: #a0adf0
}

[lang=zh] .listHistory>li>.date::after {
	background: #fe97a4
}

.listHistory>li .list li {
	display: inline-block;
	position: relative;
	width: calc(50% - 3px);
	margin-top: 12px;
	padding-left: 12px;
	vertical-align: top
}

.listHistory>li .list li .frmSel {
	display: none;
	position: absolute;
	top: 18px;
	left: 36px;
	z-index: 102
}

.listHistory>li .list li .frmSel~a,
.listHistory>li .list li .frmSel~label,
.listHistory>li .list li .frmSel~div.hisCont {
	display: block;
	position: relative;
	height: 180px;
	padding: 48px 24px 16px;
	border: 1px solid #eaeaea;
	border-radius: 12px;
	background: #fff;
	box-sizing: border-box
}

.listHistory>li .list li .frmSel~a:hover,
.listHistory>li .list li .frmSel~label:hover,
.listHistory>li .list li .frmSel~div.hisCont:hover {
	box-shadow: 0 5px 20px 5px rgba(142, 158, 217, .2)
}

.listHistory>li .list li .frmSel~a .prodImg,
.listHistory>li .list li .frmSel~label .prodImg,
.listHistory>li .list li .frmSel~div.hisCont .prodImg {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 48px;
	left: 24px;
	width: 116px;
	height: 116px;
	min-height: initial;
	border-radius: 8px;
	background: #fff
}

.listHistory>li .list li .frmSel~a .prodImg::after,
.listHistory>li .list li .frmSel~label .prodImg::after,
.listHistory>li .list li .frmSel~div.hisCont .prodImg::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.listHistory>li .list li .frmSel~a .prodImg img,
.listHistory>li .list li .frmSel~label .prodImg img,
.listHistory>li .list li .frmSel~div.hisCont .prodImg img {
	width: 100%
}

.listHistory>li .list li .frmSel~a .brandName,
.listHistory>li .list li .frmSel~label .brandName,
.listHistory>li .list li .frmSel~div.hisCont .brandName {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.listHistory>li .list li .frmSel~a .prodName,
.listHistory>li .list li .frmSel~label .prodName,
.listHistory>li .list li .frmSel~div.hisCont .prodName {
	overflow: hidden;
	display: block;
	margin-top: 5px;
	line-height: 1.2;
	color: #707378;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 38px
}

.listHistory>li .list li .frmSel~a .flagHis,
.listHistory>li .list li .frmSel~label .flagHis,
.listHistory>li .list li .frmSel~div.hisCont .flagHis {
	position: absolute;
	top: 15px;
	left: 24px;
	height: 24px;
	border-radius: 4px;
	line-height: 24px;
	font-size: 1.3rem
}

.listHistory>li .list li .frmSel~a .flagHis+.flag.branch,
.listHistory>li .list li .frmSel~label .flagHis+.flag.branch,
.listHistory>li .list li .frmSel~div.hisCont .flagHis+.flag.branch {
	position: absolute;
	top: 15px;
	left: 70px;
	width: auto;
	height: 24px;
	padding: 0 8px;
	border: 1px solid #eaeaea;
	border-radius: 20px;
	line-height: 22px;
	color: #707378;
	font-size: 1.3rem;
	background: #fff
}

.listHistory>li .list li .frmSel~a .flagHis+.flagHis,
.listHistory>li .list li .frmSel~label .flagHis+.flagHis,
.listHistory>li .list li .frmSel~div.hisCont .flagHis+.flagHis {
	left: 70px
}

.listHistory>li .list li .frmSel~a .favoNum,
.listHistory>li .list li .frmSel~label .favoNum,
.listHistory>li .list li .frmSel~div.hisCont .favoNum {
	position: absolute;
	top: 16px;
	right: 24px;
	padding-left: 20px;
	color: #ff5644;
	font-size: 1.3rem
}

.listHistory>li .list li .frmSel~a .favoNum::before,
.listHistory>li .list li .frmSel~label .favoNum::before,
.listHistory>li .list li .frmSel~div.hisCont .favoNum::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -143px 0
}

.listHistory>li .list li .frmSel~a .bannerType.typeBannerA,
.listHistory>li .list li .frmSel~label .bannerType.typeBannerA,
.listHistory>li .list li .frmSel~div.hisCont .bannerType.typeBannerA {
	width: 340px;
	height: 136px;
	border-radius: 8px
}

.listHistory>li .list li .frmSel~a .bannerType.typeBannerA figure,
.listHistory>li .list li .frmSel~label .bannerType.typeBannerA figure,
.listHistory>li .list li .frmSel~div.hisCont .bannerType.typeBannerA figure {
	height: 100%
}

.listHistory>li .list li .frmSel~a .bannerType.typeBannerA .bannerTxt,
.listHistory>li .list li .frmSel~label .bannerType.typeBannerA .bannerTxt,
.listHistory>li .list li .frmSel~div.hisCont .bannerType.typeBannerA .bannerTxt {
	padding: 0 24px;
	text-align: left;
	padding-right: 100px
}

.listHistory>li .list li .frmSel~a .bannerType.typeBannerA .bannerTxt .titEvent,
.listHistory>li .list li .frmSel~label .bannerType.typeBannerA .bannerTxt .titEvent,
.listHistory>li .list li .frmSel~div.hisCont .bannerType.typeBannerA .bannerTxt .titEvent {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.3;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto
}

.listHistory>li .list li .frmSel~a .bannerType.typeBannerA .bannerTxt .subTit,
.listHistory>li .list li .frmSel~label .bannerType.typeBannerA .bannerTxt .subTit,
.listHistory>li .list li .frmSel~div.hisCont .bannerType.typeBannerA .bannerTxt .subTit {
	margin-top: 8px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.listHistory>li .list li .frmSel~label {
	display: none
}

.listHistory>li .list li .prodState {
	position: absolute;
	top: 91px;
	left: 55px;
	z-index: 2;
	width: 80px;
	padding: 6px 13px;
	border-radius: 8px;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	background: #373a3c;
	opacity: .6
}

[lang=zh] .listHistory>li .list li .prodState {
	font-weight: 700
}

.listHistory>li .list li .prodState.soldOut {
	width: initial;
	height: 32px;
	border-radius: 8px;
	line-height: 32px;
	color: #fff;
	font-size: 1.3rem;
	background: rgba(55, 58, 60, .6)
}

.listHistory>li .list li .prodState.notForSale {
	width: initial;
	height: 32px;
	border-radius: 8px;
	line-height: 32px;
	color: #fff;
	font-size: 1.3rem;
	background: rgba(55, 58, 60, .6)
}

.listHistory>li .list li .stateSoldout {
	position: absolute;
	top: 0;
	left: 0;
	right: 1px;
	z-index: 100;
	height: 100%;
	background: rgba(255, 255, 255, .5)
}

.listHistory>li .list li .stateSoldout span {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 101;
	width: 154px;
	margin: -25px 0 0 -78px;
	padding: 6px 13px;
	border-radius: 8px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	background: #373a3c;
	opacity: .6;
	text-align: center
}

[lang=zh] .listHistory>li .list li .stateSoldout span {
	font-weight: 700
}

.listHistory>li .list li .stateSoldout span em {
	display: block
}

.listHistory>li .list li .txtBenefit {
	margin-bottom: 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.listHistory>li .list li .txtBenefit~.bannerType.typeBannerA {
	height: 110px !important;
	width: 275px !important
}

.listHistory>li .list li .txtBenefit~.bannerType.typeBannerA .titEvent {
	font-size: 1.8rem !important
}

.listHistory>li .list li .date {
	display: inline-block;
	position: absolute;
	top: 17px;
	right: 24px;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.listHistory>li .list li .date span {
	display: inline-block;
	margin-left: 3px
}

.listHistory>li .list li .noticeTxt,
.listHistory>li .list li .txtQna {
	display: block
}

.listHistory>li .list li .noticeTxt {
	margin: 17px 0 4px;
	font-size: 1.3rem
}

.listHistory>li .list li .txtQna {
	display: block;
	position: relative;
	max-width: 100%;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto
}

[lang=zh] .listHistory>li .list li .txtQna {
	font-weight: 700
}

.listHistory>li .list li.historySearch {
	text-align: center
}

.listHistory>li .list li.historySearch .historyName {
	display: inline-block !important;
	position: relative;
	max-width: 100%;
	margin-top: 20px;
	padding-left: 42px;
	color: #373a3c;
	font-size: 2.4rem;
	font-weight: 500;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .listHistory>li .list li.historySearch .historyName {
	font-weight: 700
}

.listHistory>li .list li.historySearch .historyName::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background: url(/fo/images/common/spr_history.png) no-repeat 0 -86px
}

[lang=zh] .listHistory>li .list li.historySearch .historyName::before {
	background: url(/fo/images/common/spr_historyCn.svg) no-repeat 0;
	background-size: 28px 28px
}

.listHistory>li .list li.historySearch .txtLink {
	display: block;
	margin-top: 5px;
	color: #6b6e73;
	font-size: 1.5rem
}

.listHistory>li .list li.historyBrand>a,
.listHistory>li .list li.historyBrand>label {
	padding: 48px 24px 16px 160px
}

.listHistory>li .list li.historyBrand>a .brandImg,
.listHistory>li .list li.historyBrand>label .brandImg {
	overflow: hidden;
	position: absolute;
	top: 48px;
	left: 24px;
	width: 116px;
	height: 116px;
	border-radius: 8px;
	background: #fff url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%/80% auto
}

.listHistory>li .list li.historyBrand>a .brandImg::before,
.listHistory>li .list li.historyBrand>label .brandImg::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4)
}

.listHistory>li .list li.historyBrand>a .brandImg img,
.listHistory>li .list li.historyBrand>label .brandImg img {
	width: 100%
}

.listHistory>li .list li.historyBrand>a .brandImg .img,
.listHistory>li .list li.historyBrand>label .brandImg .img {
	width: 116px;
	height: 116px
}

.listHistory>li .list li.historyBrand>a .brandImg .logo,
.listHistory>li .list li.historyBrand>label .brandImg .logo {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30, 32, 35, .4)
}

.listHistory>li .list li.historyBrand>a .brandImg .logo img,
.listHistory>li .list li.historyBrand>label .brandImg .logo img {
	width: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -21px 0 0 -50px
}

.listHistory>li .list li.historyBrand .historyName {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 116px
}

.listHistory>li .list li.historyBrand .historyName .tit {
	display: block;
	color: #373a3c;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.listHistory>li .list li.historyBrand .historyName .eng {
	display: block;
	margin-top: 3px;
	color: #6b6e73;
	font-weight: 400
}

.listHistory>li .list li.historyBrand .historyName .desc {
	margin-top: 12px;
	line-height: 1.38;
	color: #6b6e73;
	font-size: 1.3rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	max-height: 56px
}

.listHistory>li .list li.historyCate .cateName {
	display: block;
	margin-top: 14px;
	text-align: center
}

.listHistory>li .list li.historyCate .cateName span {
	display: inline-block;
	position: relative;
	margin-left: 8px;
	padding-left: 20px;
	color: #6b6e73
}

.listHistory>li .list li.historyCate .cateName span:first-child {
	margin-left: 0;
	padding-left: 0
}

.listHistory>li .list li.historyCate .cateName span:first-child::before {
	display: none
}

.listHistory>li .list li.historyCate .cateName span::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -18px -58px
}

.listHistory>li .list li.historyCate .cateName strong {
	display: block;
	margin-left: 5px;
	color: #373a3c;
	font-weight: 500;
	font-size: 2.4rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .listHistory>li .list li.historyCate .cateName strong {
	font-weight: 700
}

.listHistory>li .list li.historyBenefit>a,
.listHistory>li .list li.historyBenefit>label {
	padding-left: 160px
}

.listHistory>li .list li.historyBenefit>.hisCont {
	padding-left: 24px
}

.listHistory>li .list li.historyBenefit figure {
	overflow: hidden;
	position: absolute;
	top: 48px;
	left: 24px;
	width: 116px;
	height: 116px;
	border-radius: 8px
}

.listHistory>li .list li.historyBenefit figure img {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.listHistory>li .list li.historyBenefit .bannerTxt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 116px
}

.listHistory>li .list li.historyBenefit .bannerTxt .txtBenefit {
	margin: 8px 0 6px
}

.listHistory>li .list li.historyBenefit .bannerTxt .titEvent {
	display: block;
	height: auto;
	margin-top: 4px;
	line-height: 1.3;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 47px
}

[lang=zh] .listHistory>li .list li.historyBenefit .bannerTxt .titEvent {
	font-weight: 700
}

.listHistory>li .list li.historyBenefit .bannerTxt .subTit {
	display: block;
	margin-top: 8px;
	font-size: 1.5rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.listHistory>li .list li.historyBenefit .adFlag {
	display: inline-block;
	position: absolute;
	top: 15px;
	left: 70px;
	height: 24px;
	padding: 0 8px;
	border-radius: 4px;
	line-height: 24px;
	color: #525f6f;
	font-size: 1.3rem;
	background: #ebedf2
}

.listHistory>li .list li.historyBenefit .adTxt {
	display: block;
	color: #373a3c
}

.listHistory>li .list li.historyBenefit .adTxt+.btnSSG {
	display: block;
	width: 100%;
	margin-top: 23px
}

.listHistory>li .list li.historyEvent>a,
.listHistory>li .list li.historyEvent>label {
	padding-left: 160px
}

.listHistory>li .list li.historyEvent>a::after,
.listHistory>li .list li.historyEvent>label::after {
	content: "";
	display: block;
	clear: both
}

.listHistory>li .list li.historyEvent figure {
	overflow: hidden;
	position: absolute;
	top: 48px;
	left: 24px;
	width: 116px;
	height: 116px;
	margin-right: 24px;
	border-radius: 8px
}

.listHistory>li .list li.historyEvent figure img {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%
}

.listHistory>li .list li.historyEvent .bannerTxt {
	display: block;
	height: 116px
}

.listHistory>li .list li.historyEvent .bannerTxt .titEvent {
	display: block;
	height: 46px;
	margin-top: 18px;
	line-height: 1.3;
	color: #373a3c;
	font-weight: 500;
	font-size: 1.8rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 46px
}

[lang=zh] .listHistory>li .list li.historyEvent .bannerTxt .titEvent {
	font-weight: 700
}

.listHistory>li .list li.historyEvent .bannerTxt .subTit {
	width: auto;
	margin-top: 8px;
	font-size: 1.5rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.listHistory>li .list li.noticeQna>a,
.listHistory>li .list li.noticeQna>label {
	padding-left: 160px;
	text-align: left
}

.listHistory>li .list li.noticeQna>a::before,
.listHistory>li .list li.noticeQna>label::before {
	content: "";
	display: block;
	position: absolute;
	top: 63px;
	left: 39px;
	width: 86px;
	height: 86px;
	background: url(/fo/images/common/spr_history.png) no-repeat -86px 0
}

.listHistory>li .list li.noticeBoard>a,
.listHistory>li .list li.noticeBoard>label {
	padding-left: 160px;
	text-align: left
}

.listHistory>li .list li.noticeBoard>a::before,
.listHistory>li .list li.noticeBoard>label::before {
	content: "";
	display: block;
	position: absolute;
	top: 63px;
	left: 39px;
	width: 86px;
	height: 86px;
	background: url(/fo/images/common/spr_history.png) no-repeat 0 0
}

.listHistory>li .list li.noticeBoard>a .cate,
.listHistory>li .list li.noticeBoard>label .cate {
	position: absolute;
	top: 16px;
	left: 70px;
	font-size: 1.3rem;
	line-height: 24px
}

.listHistory>li .list li.noticeBoard>a .cate.brand,
.listHistory>li .list li.noticeBoard>label .cate.brand {
	color: #ad00c4
}

.listHistory>li .list li.noticeOrder>a,
.listHistory>li .list li.noticeOrder>label {
	padding-left: 182px;
	text-align: left
}

.listHistory>li .list li.noticeOrder .orderTxt {
	display: table-cell;
	width: 100%;
	height: 116px;
	vertical-align: middle;
	color: #6b6e73
}

.listHistory>li .list li.noticeOrder .orderTxt strong {
	color: #373a3c
}

.listHistory>li .list li.historyProd .prodBox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 116px
}

.listHistory>li .list li.historyProd .frmSel~a,
.listHistory>li .list li.historyProd .frmSel~label {
	padding: 48px 24px 16px 160px
}

.listHistory>li .list li.historyProd .restockTxt {
	display: table-cell;
	width: 100%;
	height: 116px;
	vertical-align: middle;
	color: #6b6e73
}

.listHistory>li .list li.historyProd .restockTxt strong {
	color: #373a3c
}

.listHistory>li .list li.historyProd .priceArea {
	display: block;
	margin-top: 8px
}

.listHistory>li .list li.historyProd .priceArea .txtLoginBefore {
	display: block;
	margin-bottom: 0
}

.listHistory>li .list li.historyProd .priceArea .originPrice {
	display: block;
	line-height: 1.2;
	color: #6b6e73;
	font-size: 1.3rem;
	text-decoration: line-through
}

.listHistory>li .list li.historyProd .priceArea .saleCont {
	color: #6b6e73
}

.listHistory>li .list li.historyProd .priceArea .saleCont .saleNum {
	color: #f42d10;
	font-weight: 700
}

.listHistory>li .list li.historyProd .priceArea .saleCont .saleDollar {
	color: #373a3c
}

.listHistory>li .list li.historyProd .priceArea .saleCont .saleWon {
	font-size: 1.3rem
}

.listHistory>li .list li.historySoldOut .prodSoldout::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .5)
}

.listHistory>li .list li.historySoldOut .prodSoldout .prodImg {
	opacity: 1
}

.listHistory>li .list li.historySoldOut .prodSoldout .prodImg::after {
	content: none !important
}

.listHistory>li .list li.historySoldOut .prodSoldout .prodImg .prodState.soldOut,
.listHistory>li .list li.historySoldOut .prodSoldout .prodImg .prodState.notForSale {
	padding: 0 16px !important;
	background: rgba(55, 58, 60, .6);
	opacity: 1;
	white-space: nowrap
}

.listHistory>li .list li.historySoldOut .prodSoldout .brandImg {
	opacity: 1
}

.listHistory>li .list li.historySoldOut .prodSoldout .brandImg::before {
	content: none !important
}

.listHistory>li .list li.historySoldOut .prodSoldout .brandImg .prodState.soldOut,
.listHistory>li .list li.historySoldOut .prodSoldout .brandImg .prodState.notForSale {
	padding: 0 16px !important;
	background: rgba(55, 58, 60, .6);
	opacity: 1;
	white-space: nowrap
}

.listHistory>li .list li.historySoldOut .prodSoldout .brandImg .img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.listHistory>li .list li.historySoldOut .prodSoldout .brandImg .img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

.listHistory.listAlram>li .hisCont {
	display: block;
	position: relative;
	height: 180px;
	padding: 60px 24px 16px 24px;
	border: 1px solid #eaeaea;
	border-radius: 12px
}

.listHistory.listAlram>li .hisCont .flagArea {
	position: absolute;
	top: 16px;
	left: 24px
}

.listHistory.listAlram>li .hisCont .date {
	position: absolute;
	top: 16px;
	right: 24px;
	color: #6b6e73;
	font-size: 1.3rem
}

.listHistory.listAlram>li .hisCont .tit,
.listHistory.listAlram>li .hisCont .txt {
	display: block
}

.listHistory.listAlram>li .hisCont .tit {
	position: relative;
	line-height: 1.44;
	color: #373a3c;
	font-weight: 500;
	font-size: 1.8rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	max-height: auto
}

[lang=zh] .listHistory.listAlram>li .hisCont .tit {
	font-weight: 700
}

.listHistory.listAlram>li .hisCont .txt {
	margin-top: 7px;
	line-height: 1.38;
	color: #6b6e73;
	font-size: 1.3rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	max-height: auto
}

.listHistory.listAlram a.hisCont:hover {
	box-shadow: 0 5px 20px 5px rgba(142, 158, 217, .2)
}

.listHistory.listAlram a.hisCont .tit {
	padding-right: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.listHistory.listAlram a.hisCont .tit::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/common/spr_history.png) no-repeat -30px -86px
}

.flagArea {
	height: 24px
}

.flagArea .flagHis.info {
	color: #525f6f;
	background: #ebedf2
}

.flagArea .flagHis.shopping {
	color: #006d69;
	background: #e1f9f9
}

.flagArea .flagInfo {
	display: inline-block;
	padding-left: 7px;
	line-height: 24px;
	font-size: 1.3rem
}

.flagArea .flagInfo.email {
	color: #ad00c4
}

.flagArea .flagInfo.push {
	color: #006d69
}

.flagArea .flagInfo.notice {
	color: #005fc2
}

.flagArea .flagInfo.sms {
	color: #d20055
}

.txtHistory {
	position: relative;
	height: 51px;
	margin-top: 56px;
	border-radius: 8px;
	line-height: 51px;
	text-align: center;
	font-size: 1.3rem;
	background: #f8fafc
}

.txtHistory+.listPaging {
	margin-top: 65px
}

.frmAlram {
	display: block;
	height: auto;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	background: #f5f7fa
}

.frmAlram .inner {
	position: relative;
	margin: 19px 24px 18px
}

.frmAlram .inner label {
	color: #1e2023;
	font-weight: 500
}

[lang=zh] .frmAlram .inner label {
	font-weight: 700
}

.typeAlram {
	margin-top: 8px
}

.typeAlram .cont .tit {
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 500
}

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

.typeAlram .chkAlramList {
	margin-top: 4px
}

.typeAlram .chkAlramList li {
	margin-top: 12px
}

.typeAlram .chkAlramList li label {
	color: #6b6e73
}

.noHistory {
	padding: 332px 0 172px;
	border-radius: 12px;
	text-align: center;
	background: #f8fafc
}

.noHistory::before {
	width: 307px;
	height: 188px;
	margin-left: -154px;
	background: url(/fo/images/common/bg_noHistory.png) no-repeat
}

.noHistory .txt {
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .noHistory .txt {
	font-weight: 700
}

.swiperWrap.swiperAlram {
	overflow: visible
}

.swiperWrap.swiperAlram .swiper-container .swiper-wrapper {
	width: 100%
}

.swiperWrap.swiperAlram .listAlramL {
	text-align: left
}

.swiperWrap.swiperAlram .listAlramL .alramHeader {
	position: relative;
	width: 100%;
	padding: 8px 0 21px 0;
	border-bottom: 1px solid #373a3c
}

.swiperWrap.swiperAlram .listAlramL .alramHeader .flagArea {
	margin-bottom: 4px
}

.swiperWrap.swiperAlram .listAlramL .alramHeader .tit {
	display: block;
	padding-right: 132px;
	line-height: 1.44;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .swiperWrap.swiperAlram .listAlramL .alramHeader .tit {
	font-weight: 700
}

.swiperWrap.swiperAlram .listAlramL .alramHeader .date {
	position: absolute;
	bottom: 21px;
	right: 0;
	color: #6b6e73;
	font-size: 1.3rem
}

.swiperWrap.swiperAlram .listAlramL .alramHeader .date em {
	padding-right: 5px
}

.swiperWrap.swiperAlram .listAlramL .alramHeader .date em+em {
	padding-left: 3px
}

.swiperWrap.swiperAlram .listAlramL .alramCont {
	padding: 37px 32px;
	background: #f8fafc
}

.swiperWrap.swiperAlram .listAlramL .alramCont .bultType01 li {
	font-size: 1.5rem
}

.swiperWrap.swiperAlram .ts-prev,
.swiperWrap.swiperAlram .ts-next {
	border-radius: 50%;
	width: 56px;
	height: 56px;
	margin-top: -28px
}

.swiperWrap.swiperAlram .ts-prev::after,
.swiperWrap.swiperAlram .ts-next::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -7px
}

.swiperWrap.swiperAlram .ts-prev.ts-prev,
.swiperWrap.swiperAlram .ts-next.ts-prev {
	left: -24px
}

.swiperWrap.swiperAlram .ts-prev.ts-prev::after,
.swiperWrap.swiperAlram .ts-next.ts-prev::after {
	background-position: -360px 0
}

.swiperWrap.swiperAlram .ts-prev.ts-next,
.swiperWrap.swiperAlram .ts-next.ts-next {
	right: -24px
}

.swiperWrap.swiperAlram .ts-prev.ts-next::after,
.swiperWrap.swiperAlram .ts-next.ts-next::after {
	background-position: -378px 0
}

.quickList {
	margin-top: 48px;
	border: 1px solid #9fa2a8
}

.quickList>li {
	float: left;
	width: 33.33%;
	height: 79px;
	border: solid #eaeaea;
	border-width: 0 1px 1px 0;
	text-align: center;
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .quickList>li {
	font-weight: 700
}

.quickList>li:nth-child(3n-2) {
	width: 33.34%
}

.quickList>li:nth-child(3n) {
	border-right: none
}

.quickList>li a {
	display: block;
	line-height: 79px
}

.quickList>li a img {
	width: 24px;
	vertical-align: -3px;
	margin-right: 10px
}

.questionTop10 {
	margin-top: 48px
}

.questionTop10 .swiperWrap.swiperCustmer {
	top: -50px;
	padding-top: 30px;
	margin-bottom: -50px
}

.questionTop10 .swiperWrap.swiperCustmer .swiper-container {
	margin: 0 0 -20px -20px;
	padding: 20px 20px 20px 20px
}

.questionTop10 .swiperWrap.swiperCustmer .swiper-container .swiper-slide a {
	text-align: left
}

.questionTop10 .swiperWrap.swiperCustmer .ts-prev {
	left: auto;
	top: 4px;
	right: 83px;
	width: 24px;
	height: 24px;
	margin: 0;
	background: none
}

.questionTop10 .swiperWrap.swiperCustmer .ts-prev::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-position: -136px 0
}

.questionTop10 .swiperWrap.swiperCustmer .ts-next {
	left: auto;
	top: 4px;
	right: 55px;
	width: 24px;
	height: 24px;
	margin: 0;
	background: none
}

.questionTop10 .swiperWrap.swiperCustmer .ts-next::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-position: -164px 0
}

.questionTop10 .swiper-slide {
	padding: 0 8px\0 /IE10;
	padding: 0 8px\0 /IE9
}

.questionTop10 .swiper-slide a {
	overflow: hidden;
	display: block;
	position: relative;
	padding: 64px 20px 24px;
	border-radius: 12px;
	background: #f5f7fa
}

.questionTop10 .swiper-slide a:hover {
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(142, 158, 217, .15)
}

.questionTop10 .swiper-slide a strong {
	position: absolute;
	top: 26px;
	left: 24px;
	width: 22px;
	height: 31px;
	background: url(/fo/images/customer/ico_Q.png) no-repeat
}

.questionTop10 .swiper-slide a p {
	overflow: hidden;
	display: inline-block;
	height: 100px;
	color: #1e2023;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	max-height: 100px
}

.customNotice {
	margin-top: 28px
}

.customNotice .noticeList li {
	float: left;
	width: 50%;
	height: 44px
}

.customNotice .noticeList li a {
	display: block;
	padding: 8px 0;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.customNotice .noticeList li a em {
	display: inline-block;
	height: 27px;
	margin-right: 8px;
	padding: 0 9px;
	border-radius: 4px;
	line-height: 27px;
	font-size: 1.3rem
}

.customNotice .noticeList li a em.shopping {
	color: #005fc2;
	background: #ebf6ff
}

.customNotice .noticeList li a em.store {
	color: #009195;
	background: #e1f9f9
}

.customNotice .noticeList li a em.brand {
	color: #7500b1;
	background: #f8eefa
}

.customNotice .noticeList li a em.system {
	color: #d20055;
	background: #ffecf3
}

.customNotice .noticeList li a em.etc {
	color: #525f6f;
	background: #ebedf2
}

.customNotice .noticeList li a strong {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 27px
}

.linkBox {
	margin-top: 32px;
	padding: 19px 0;
	border: 1px solid #ebedf2;
	border-radius: 8px;
	text-align: center;
	background: #f8fafc
}

.linkBox .inner {
	display: inline-block;
	position: relative;
	padding: 0 74px;
	line-height: 40px
}

.linkBox .inner::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	background: url(/fo/images/customer/img_callcenter.png) no-repeat
}

.linkBox .tit {
	display: inline-block;
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 700
}

.linkBox .callNum {
	display: inline-block;
	margin-left: 12px;
	color: #4d6ee4;
	font-size: 1.8rem
}

[lang=zh] .linkBox .callNum {
	color: #fe324b
}

.linkBox em {
	display: inline-block;
	margin-left: 8px;
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400
}

.linkBox span {
	display: block;
	line-height: 1;
	font-size: 1.2rem
}

.topContents {
	height: 205px;
	padding: 0 0 0 361px;
	border-radius: 8px;
	color: #fff;
	background-color: #3b4c6d
}

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

.topContents .profile {
	float: left;
	position: relative;
	z-index: 1;
	width: 361px;
	height: 100%;
	margin-left: -361px;
	padding: 40px 32px 37px;
	border-radius: 8px 0 0 8px;
	background: #235
}

.topContents .profile .gradeMore {
	position: absolute;
	bottom: 45px;
	right: 32px;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 50%
}

.topContents .profile .gradeMore::after {
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	padding: 0;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat -238px 0
}

.topContents .profile:hover {
	z-index: 100;
	border-radius: 8px 0 8px 8px
}

.topContents .profile figure {
	position: relative;
	padding-left: 78px
}

.topContents .profile figure .photo {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	text-align: center;
	line-height: 64px;
	color: #fff;
	font-size: 2.8rem;
	font-weight: 700;
	background: #8189d4
}

.topContents .profile figure .photo::after {
	content: "u";
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	text-align: center;
	line-height: 64px;
	color: #fff;
	font-size: 2.8rem;
	font-weight: 700
}

.topContents .profile figure .photo img {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.topContents .profile figure .edit {
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 2;
	width: 24px;
	height: 24px;
	-webkit-box-shadow: 0 4px 10px 0 rgba(142, 158, 217, .2);
	box-shadow: 0 4px 10px 0 rgba(142, 158, 217, .2)
}

.topContents .profile figure .userArea {
	display: table-cell;
	height: 64px;
	vertical-align: middle
}

.topContents .profile figure .userArea .userName {
	font-size: 1.6rem;
	line-height: 1.5;
	color: #fff;
	font-weight: 700;
	white-space: nowrap
}

.topContents .profile figure .userArea .userName span {
	font-size: 1.8rem
}

.topContents .profile figure .userArea .linkUser {
	display: inline-block;
	position: relative;
	margin-right: 22px;
	padding-right: 12px;
	line-height: 21px;
	font-size: 1.3rem
}

.topContents .profile figure .userArea .linkUser::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat -224px -18px
}

.topContents .profile .userInfo {
	padding-left: 0;
	vertical-align: middle
}

.topContents .profile .userInfo li {
	height: 20px;
	margin: 4px 0
}

.topContents .profile .userInfo li .tit {
	display: inline-block;
	width: 114px;
	font-size: 1.3rem;
	color: rgba(255, 255, 255, .6)
}

.topContents .profile .userInfo li a {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	color: #fff;
	font-weight: 500
}

[lang=zh] .topContents .profile .userInfo li a {
	font-weight: 700
}

.topContents .profile .userInfo li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 8px;
	width: 20px;
	height: 20px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat
}

.topContents .profile .userInfo li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 12px;
	margin-top: -7px;
	background: rgba(255, 255, 255, .1)
}

.topContents .profile .userInfo li a.tier1:before {
	background-position: -188px 0
}

.topContents .profile .userInfo li a.tier2:before {
	background-position: -168px 0
}

.topContents .profile .userInfo li a.tier3:before {
	background-position: -148px 0
}

.topContents .profile .userInfo li a.tier4:before {
	background-position: -128px 0
}

.topContents .profile .userInfo li a.silver:before {
	background-position: -128px -32px
}

.topContents .profile .userInfo li a.gold:before {
	background-position: -148px -32px
}

.topContents .profile .userInfo li a.black:before {
	background-position: -168px -32px
}

.topContents .profile .userInfo li a.vip:before {
	background-position: -228px -32px
}

.topContents .profile .userInfo li a.platinum:before {
	background-position: -188px -32px
}

.topContents .profile .userInfo li a.staff {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] .topContents .profile .userInfo li a.staff {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.topContents .profile .userInfo li a.staff::before {
	background-position: -208px -32px
}

.topContents .profile .userInfo li a.img_blackvip:before {
	background-position: -228px -32px
}

.topContents .profile .layUserInfo {
	display: none;
	z-index: 9999;
	margin: 0 -32px;
	padding: 16px 24px;
	border-radius: 8px;
	background: #235
}

.topContents .profile .layUserInfo .titPop {
	margin: 5px 0 15px;
	line-height: 1;
	color: #fff;
	font-weight: 700
}

.topContents .profile .layUserInfo .levelList>li {
	margin-top: 8px;
	padding: 0
}

.topContents .profile .layUserInfo .levelList>li:first-child {
	margin-top: 0
}

.topContents .profile .layUserInfo .levelList>li a {
	display: block;
	padding: 18px;
	text-align: center
}

.topContents .profile .layUserInfo .levelList>li .tit {
	margin-bottom: 3px;
	color: #6b6e73;
	font-size: 1.3rem
}

.topContents .profile .layUserInfo .levelList>li .levelTxt {
	color: #373a3c;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

[lang=zh] .topContents .profile .layUserInfo .levelList>li .levelTxt {
	font-weight: 700
}

.topContents .profile .layUserInfo .levelList>li .levelTxt em {
	font-weight: 700;
	color: #4d6ee4
}

[lang=zh] .topContents .profile .layUserInfo .levelList>li .levelTxt em {
	color: #fe324b
}

.topContents .profile .layUserInfo .levelList+.btnArea {
	margin: 12px 0 8px
}

.topContents .profile .layUserInfo .levelList+.btnArea .txtLink {
	color: #fff
}

.topContents .profile .layUserInfo .levelList+.btnArea .txtLink.lineU:after {
	background: #fff
}

.topContents .profile .popWrap {
	position: absolute;
	top: 117px;
	right: 41px
}

.topContents .profile .popWrap .btPop:before {
	border-color: rgba(255, 255, 255, .6);
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat -221px -1px
}

.topContents .profile .popWrap .popLayCont {
	top: 27px;
	left: -28px;
	min-width: 350px
}

.topContents .ownInfo {
	overflow: hidden;
	float: left;
	width: 100%;
	padding: 32px;
	border-radius: 0 8px 8px 0;
	background: #3b4c6d
}

.topContents .ownInfo .resList {
	display: table;
	table-layout: fixed;
	width: 100%
}

.topContents .ownInfo .resList li {
	display: table-cell;
	width: 100%
}

.topContents .ownInfo .resList li .tit {
	display: inline-block;
	position: relative;
	margin-bottom: 8px;
	padding: 0 16px 0 24px;
	color: #b9bcc0;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 400
}

.topContents .ownInfo .resList li .tit::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	vertical-align: -2px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat
}

.topContents .ownInfo .resList li .tit::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat -208px 0
}

.topContents .ownInfo .resList li .resCont {
	display: block;
	position: relative;
	font-size: 1.6rem;
	line-height: 1.5
}

.topContents .ownInfo .resList li .resCont b {
	margin-right: 2px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.topContents .ownInfo .resList li.resDaily a:before {
	background-position: -22px -64px
}

.topContents .ownInfo .resList li.resAdd a:before {
	background-position: -44px -64px
}

.topContents .ownInfo .resList li.resCash a:before {
	background-position: -66px -64px
}

.topContents .ownInfo .resList li.resPoint a:before {
	background-position: -136px -64px
}

.topContents .ownInfo .resList li.resCoup a:before {
	background-position: 0 -64px
}

.topContents .ownInfo .myInfoList {
	display: table;
	width: 100%;
	margin-top: 23px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 8px
}

.topContents .ownInfo .myInfoList>li {
	display: table-cell;
	width: 50%;
	height: 58px;
	border-left: 1px solid rgba(255, 255, 255, .2);
	line-height: 1;
	text-align: center;
	vertical-align: middle
}

.topContents .ownInfo .myInfoList>li:first-child {
	border: 0
}

.topContents .ownInfo .myInfoList>li .tit {
	margin-right: 12px;
	color: #fff
}

.topContents .ownInfo .myInfoList>li>b {
	margin: 5px 2px 0 0;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.topContents .ownInfo .myInfoList>li .btnLink {
	display: block;
	height: 58px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	line-height: 58px;
	color: #fff
}

.topContents .ownInfo .myInfoList>li .btnLink span {
	display: inline-block;
	position: relative
}

.topContents .ownInfo .myInfoList>li .btnLink span::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
	height: 1px;
	background: #fff
}

.topContents .ownInfo .myInfoList>li.myPass b {
	color: #8ceab9
}

.topContents .ownInfo .myInfoList>li.myDate {
	width: 65%
}

.topContents .ownInfo .myInfoList>li.myDate b {
	color: #ffa68f
}

.topContents.u4599 {
	background: #454f5b
}

.topContents.u4599 .profile {
	background: #454f5b
}

.topContents.u4599 .profile figure .photo {
	background: #a3b1bf
}

.topContents.u4599 .profile .layUserInfo {
	background: #212b36
}

.topContents.u4599 .ownInfo .resList .resCoup a::before {
	background: url(/fo/images/mypage/ico_stat_01_dark.svg) no-repeat
}

.topContents.u4599 .ownInfo .resList .resDaily a::before {
	background: url(/fo/images/mypage/ico_stat_02_dark.svg) no-repeat
}

.topContents.u4599 .ownInfo .resList .resAdd a::before {
	background: url(/fo/images/mypage/ico_stat_03_dark.svg) no-repeat
}

.topContents.u4599 .ownInfo .resList .resCash a::before {
	background: url(/fo/images/mypage/ico_stat_04_dark.svg) no-repeat
}

.topContents.u4599 .ownInfo .resList .resPoint a::before {
	background: url(/fo/images/mypage/ico_stat_05_dark.svg) no-repeat
}

.topContents.u4599 .ownInfo .myGrdList .gradeMore {
	background-color: rgba(255, 255, 255, .1)
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors {
	padding: 12px 24px
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .titDep5 {
	display: inline-block;
	height: 45px;
	margin-right: 5px;
	margin-bottom: 0;
	padding: 0 0 0 16px;
	line-height: 45px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #4d6ee4
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 47px;
	font-size: 1.8rem;
	color: #1e2023;
	background: #f8fafc
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info {
	padding: 24px 0 0
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .noData {
	padding: 34px 0 40px
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .noData .txt {
	font-size: 1.4rem;
	color: #6b6e73
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .noData .txt::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 28px;
	height: 28px;
	margin-left: -14px;
	background: url(/fo/images/mypage/ico_noData.svg) no-repeat
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 22px;
	padding-top: 10px;
	padding-bottom: 13px
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .expected {
	width: 34%
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .expected .inner {
	width: 100%;
	text-align: center
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .expected .inner>span {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	color: #6b6e73
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .expected .inner div {
	font-size: 4rem;
	line-height: 1.1;
	font-weight: 700;
	color: #1e2023
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .expected .inner div span {
	margin-left: 2px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #6b6e73
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 66%
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 100%;
	transform: translateY(-50%);
	background: #dcdfe3
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph ul {
	display: flex;
	justify-content: space-between;
	width: 213px;
	margin-bottom: 5px
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph ul li {
	width: 100%;
	text-align: center
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph ul li span {
	font-size: 1.5rem;
	color: #b9bcc0
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph ul li:first-child {
	text-align: left
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph ul li:last-child {
	text-align: right
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.smooth ul li:nth-child(1) span {
	position: relative;
	color: #373a3c;
	font-weight: 500
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.smooth ul li:nth-child(1) span::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -12px;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: url("/fo/images/mypage/ico_poligon.svg") no-repeat;
	background-size: contain
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.smooth .graphView {
	width: 213px;
	height: 32px;
	background: url("/fo/images/mypage/bg_smooth.svg") no-repeat;
	background-size: cover
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.normal ul li:nth-child(2) span {
	position: relative;
	color: #373a3c;
	font-weight: 500
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.normal ul li:nth-child(2) span::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -12px;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: url("/fo/images/mypage/ico_poligon.svg") no-repeat;
	background-size: contain
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.normal .graphView {
	width: 213px;
	height: 32px;
	background: url("/fo/images/mypage/bg_normal.svg") no-repeat;
	background-size: cover
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.congested ul li:nth-child(3) span {
	position: relative;
	color: #373a3c;
	font-weight: 500
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.congested ul li:nth-child(3) span::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -12px;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: url("/fo/images/mypage/ico_poligon.svg") no-repeat;
	background-size: contain
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .info .visitCrowdInfo .graph.congested .graphView {
	width: 213px;
	height: 32px;
	background: url("/fo/images/mypage/bg_congested.svg") no-repeat;
	background-size: cover
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .btnArea {
	margin-top: 0
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .expected-visitors .content .btnArea button {
	width: 160px;
	height: 40px;
	margin: 0 4px;
	line-height: 40px
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap {
	padding: 12px 24px
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .titDep5 {
	display: inline-block;
	height: 45px;
	margin-right: 5px;
	margin-bottom: 0;
	padding: 0 0 0 16px;
	line-height: 45px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #4d6ee4
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content>em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 47px;
	font-size: 1.8rem;
	color: #1e2023;
	background: #f8fafc
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo {
	margin-top: 12px
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo .mapArea {
	width: 280px;
	margin: 0 auto 16px;
	text-align: center
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo .mapArea img {
	width: 100%
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul {
	width: 280px;
	margin: 0 auto
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li {
	display: flex
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li em {
	display: block;
	width: 60px;
	font-size: 1.3rem;
	color: #8b8f94
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li .text,
.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li .tel {
	line-height: 18px;
	font-size: 1.3rem;
	color: #373a3c
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li .text {
	width: calc(100% - 60px)
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li .tel {
	display: inline-block;
	position: relative;
	margin-left: 20px
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li .tel::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: -20px;
	width: 16px;
	height: 16px;
	background: url(/fo/images/view/ico_call.svg) no-repeat
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li .tel::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background: #373a3c
}

.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul li:first-child {
	margin-bottom: 12px
}

@media screen and (min-width: 1440px) {
	.topContents.u4599~.contInner .myTripInfo .pickup-info .tripInner.mapTripInner {
		height: 356px !important
	}
}

@media screen and (min-width: 1663px) {
	.topContents.u4599~.contInner .myTripInfo .pickup-info .tripInner.mapTripInner {
		height: 312px !important
	}

	.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo {
		display: flex;
		margin-bottom: 0
	}

	.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo .mapArea {
		margin-bottom: 0;
		margin-right: 16px;
		text-align: left
	}

	.topContents.u4599~.contInner .myTripInfo .pickup-info .mapWrap .content .mapInfo ul {
		margin-top: 24px
	}
}

.titAreaMain {
	position: relative;
	padding-bottom: 14px;
	border-bottom: 1px solid #373a3c
}

.titAreaMain .titDep3 {
	margin: 0
}

.titAreaMain .titDep3 span {
	font-size: 1.3rem
}

.titAreaMain .side {
	position: absolute;
	bottom: 14px;
	right: 0
}

.orderStatList {
	display: inline-block
}

.orderStatList>a {
	display: inline;
	margin-left: 16px
}

.orderStatList>a .tit {
	margin-right: 4px;
	vertical-align: 1px;
	color: #5a5f64;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 400
}

.orderStatList>a b {
	color: #8b8f94;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.orderStatList>a.orderAcceipt b {
	color: #373a3c
}

.orderStepList {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 87px 0 48px;
	padding-bottom: 47px;
	border-bottom: 1px solid #eaeaea;
	border-top: none
}

.orderStepList.hasSafetynote {
	margin-bottom: 0
}

.orderStepList.hasSafetynote+.bultType02.colPrimary {
	margin: 10px 0 48px;
	color: #4d6ee4;
	font-size: 1.7rem;
	font-weight: 500;
	letter-spacing: -0.34px
}

[lang=zh] .orderStepList.hasSafetynote+.bultType02.colPrimary {
	color: #fe324b
}

.orderStepList>li {
	display: table-cell;
	position: relative;
	width: 100%;
	text-align: center;
	color: #373a3c
}

.orderStepList>li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat -208px -12px
}

.orderStepList>li:hover .popWrap .popLayCont {
	display: block
}

.orderStepList>li:first-child:before {
	content: none
}

.orderStepList>li>a {
	display: block;
	position: relative;
	padding-top: 40px;
	color: #373a3c
}

.orderStepList>li>a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat 0 -96px
}

.orderStepList>li>a .tit {
	display: block;
	margin-bottom: 4px;
	color: inherit;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 500
}

[lang=zh] .orderStepList>li>a .tit {
	font-weight: 700
}

.orderStepList>li .num {
	display: inline-block;
	position: relative;
	min-width: 18px;
	height: 36px;
	text-align: center;
	font-size: 24px;
	color: #4d6ee4
}

[lang=zh] .orderStepList>li .num {
	color: #fe324b
}

.orderStepList>li .num::after {
	content: "0";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #8b8f94;
	background: #fff
}

.orderStepList>li .num span {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #fff
}

.orderStepList>li .popWrap {
	position: static;
	z-index: 100;
	margin-top: 7px;
	vertical-align: top
}

.orderStepList>li .popWrap .popLayCont {
	top: 105px;
	left: 50%;
	width: 350px;
	margin-left: -175px;
	text-align: left
}

.orderStepList>li .popWrap .popLayCont::before {
	left: 50%;
	margin-left: -4px
}

.orderStepList>li .orderStateList>li {
	padding: 16px;
	margin-top: 8px
}

.orderStepList>li .orderStateList>li:first-child {
	margin-top: 0
}

.orderStepList>li .orderStateList>li .orderDate {
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .orderStepList>li .orderStateList>li .orderDate {
	font-weight: 700
}

.orderStepList>li .orderStateList>li .orderDate.depart,
.orderStepList>li .orderStateList>li .orderDate.arrival {
	color: #4d6ee4
}

[lang=zh] .orderStepList>li .orderStateList>li .orderDate.depart,
[lang=zh] .orderStepList>li .orderStateList>li .orderDate.arrival {
	color: #fe324b
}

.orderStepList>li .orderStateList>li .orderDate em {
	display: inline-block;
	margin-right: 6px;
	color: #5a5f64
}

.orderStepList>li .orderStateList>li .orderList li {
	width: 100%;
	margin: 2px 0;
	color: #6b6e73;
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.orderStepList>li .orderStateList+.btnArea {
	margin: 12px 0 8px
}

.orderStepList>li.step02 a:before {
	background-position: -40px -96px
}

.orderStepList>li.step03 a:before {
	background-position: -80px -96px
}

.orderStepList>li.step04 a:before {
	background-position: -120px -96px
}

.orderStepList>li.step05 a:before {
	background-position: -160px -96px
}

.orderlistMain {
	padding: 0;
	background: none
}

.orderlistMain>li {
	position: relative;
	min-height: 168px;
	margin: 0;
	padding: 24px 16px 24px 152px;
	border-bottom: 1px solid #dcdfe3
}

.orderlistMain>li:hover {
	background: none
}

.orderlistMain>li figure {
	position: absolute;
	top: 24px;
	left: 16px;
	width: 120px;
	height: 120px;
	top: 24px;
	left: 16px;
	border-radius: 8px
}

.orderlistMain>li figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: rgba(12, 38, 159, .03)
}

.orderlistMain>li figure img {
	width: 100%;
	height: 100%;
	background: #f8fafc
}

.orderlistMain>li figure .num {
	position: absolute;
	bottom: 4px;
	right: 4px;
	height: 20px;
	padding: 0 9px 0 8px;
	border-radius: 20px;
	text-align: center;
	line-height: 22px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 700;
	background: rgba(0, 0, 0, .3)
}

.orderlistMain>li .prodState.adult {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1000;
	height: 80px;
	margin: -40px 0 0 0;
	text-align: center;
	line-height: 80px;
	color: #1e2023;
	font-size: 2.8rem;
	font-weight: 700;
	background: #f7f8fc
}

.orderlistMain>li .prodState.adult::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	line-height: 80px;
	border: 2px solid #e6230a;
	border-radius: 50%;
	box-sizing: border-box
}

.orderlistMain>li .con {
	padding-right: 250px
}

.orderlistMain>li .info {
	display: block;
	padding-bottom: 10px
}

.orderlistMain>li .info+.info {
	border-top: 0;
	padding-top: 0
}

.orderlistMain>li .info .date {
	display: inline-block;
	color: #6b6e73;
	font-size: 1.3rem
}

.orderlistMain>li .info .offline {
	display: inline-block;
	position: relative;
	margin-left: 8px;
	padding-left: 9px;
	color: #6b6e73;
	font-size: 1.3rem;
	font-weight: 500
}

[lang=zh] .orderlistMain>li .info .offline {
	font-weight: 700
}

.orderlistMain>li .info .offline::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 1px;
	height: 16px;
	margin-top: -8px;
	background: #dcdfe3
}

.orderlistMain>li .info .name {
	display: block;
	color: #373a3c;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.orderlistMain>li .info .orderNum {
	display: block;
	color: #6b6e73
}

.orderlistMain>li .info .priceArea {
	position: absolute;
	right: 0;
	text-align: right;
	top: 50%;
	bottom: auto;
	margin-top: -28px
}

.orderlistMain>li .info .priceArea .dollar {
	display: inline-block;
	color: #373a3c;
	font-size: 2.4rem;
	font-weight: 700
}

.orderlistMain>li .info .priceArea .won {
	display: inline-block;
	margin-left: 3px;
	font-size: 1.5rem
}

.orderlistMain>li .info .stateList li {
	font-size: 1.3rem
}

.orderlistMain>li .info .stateList li .tit {
	color: #6b6e73;
	font-weight: 400
}

.orderlistMain>li .info .stateList li .dateInfo,
.orderlistMain>li .info .stateList li .deliveryMethod,
.orderlistMain>li .info .stateList li .state {
	position: relative;
	color: #1e2023
}

.orderlistMain>li .info .stateList li .dateInfo::before,
.orderlistMain>li .info .stateList li .deliveryMethod::before,
.orderlistMain>li .info .stateList li .state::before {
	content: ":";
	padding-right: 7px;
	margin-left: 3px
}

.orderlistMain>li .info .stateList li .dateInfo b,
.orderlistMain>li .info .stateList li .deliveryMethod b,
.orderlistMain>li .info .stateList li .state b {
	margin-right: 4px;
	font-weight: 400
}

.orderlistMain>li .info .stateList li .state {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 700;
	color: #1e2023
}

.orderlistMain>li .info .stateList li .state.state_B {
	color: #4d6ee4
}

.orderlistMain>li .info .stateList li .state.state_R {
	color: #fe324b
}

.orderlistMain>li .info .stateList li .grayType {
	display: inline-block;
	height: 19px;
	margin-left: 6px;
	padding: 0 10px;
	border-radius: 10px;
	vertical-align: top;
	line-height: 19px;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	background: #9fa2a8
}

.orderlistMain>li:hover .info+.info {
	border: none
}

.orderlistMain>li~li {
	margin-top: 0
}

.orderlistMain>li.offline figure::after {
	display: none
}

.orderlistMain>li.offline * {
	pointer-events: none
}

.myTripInfo {
	margin: 48px -12px 0;
	font-size: 0
}

.myTripInfo+.swiperBanner {
	margin-top: 48px
}

.myTripInfo .inner {
	display: inline-block;
	width: 50%;
	padding: 0 12px;
	vertical-align: top
}

.myTripInfo .inner .titAreaMain {
	border-bottom: none
}

.myTripInfo .inner .titAreaMain .side {
	display: block
}

.myTripInfo .inner+.inner {
	margin-left: -3px
}

.myTripInfo .inner .noData {
	padding: 100px 0 0
}

.myTripInfo .inner .noData::before {
	display: none
}

.myTripInfo .inner .noData p {
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

[lang=zh] .myTripInfo .inner .noData p {
	font-weight: 700
}

.myTripInfo .inner .noData .btnSSG {
	width: 160px;
	margin-top: 24px
}

.myTripInfo .inner.infoNone .titAreaMain .side {
	display: none
}

.myTripInfo .inner.infoNone .mainBtns.passport>.tit {
	background-image: none;
	background: #8a9aaa
}

.myTripInfo .inner.infoNone .mainBtns.boarding>.tit {
	background-image: none;
	background: #6b7c8a
}

.myTripInfo .inner.infoNone .mainBtns .tripInner {
	height: 312px
}

.myTripInfo .inner .mainBtns.passport>.tit {
	background: #217c4d;
	background-image: linear-gradient(to right, #269a61, #217c4d);
	-webkit-background-image: linear-gradient(to right, #269a61, #217c4d);
	-moz-background-image: linear-gradient(to right, #269a61, #217c4d);
	-o-background-image: linear-gradient(to right, #269a61, #217c4d)
}

.myTripInfo .inner .mainBtns.passport>.tit::after {
	background-position: -249px -64px
}

.myTripInfo .inner .mainBtns.boarding>.tit {
	background: #537cd8;
	background-image: linear-gradient(to right, #7698e6, #537cd8);
	-webkit-background-image: linear-gradient(to right, #7698e6, #537cd8);
	-moz-background-image: linear-gradient(to right, #7698e6, #537cd8);
	-o-background-image: linear-gradient(to right, #7698e6, #537cd8)
}

.myTripInfo .inner .mainBtns.boarding>.tit::after {
	background-position: -227px -64px
}

.myTripInfo .mainBtns>.tit {
	position: relative;
	height: 56px;
	padding: 0 23px;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	border-radius: 8px 8px 0 0;
	line-height: 56px
}

[lang=zh] .myTripInfo .mainBtns>.tit {
	font-weight: 700
}

.myTripInfo .mainBtns>.tit::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 23px;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat
}

.myTripInfo .mainBtns .tripInner {
	position: relative;
	height: 312px;
	border: 1px solid #eaeaea;
	border-top: none;
	border-radius: 0 0 8px 8px
}

.myTripInfo .mainBtns .tripInner .passportInfo {
	padding: 32px 24px 24px
}

.myTripInfo .mainBtns .tripInner .passportInfo>li {
	position: relative;
	height: 22px;
	padding-left: 124px;
	line-height: 22px
}

.myTripInfo .mainBtns .tripInner .passportInfo>li .tit {
	position: absolute;
	top: 0;
	left: 0;
	width: 124px;
	font-size: 1.5rem
}

.myTripInfo .mainBtns .tripInner .passportInfo>li .cont {
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .myTripInfo .mainBtns .tripInner .passportInfo>li .cont {
	font-weight: 700
}

.myTripInfo .mainBtns .tripInner .passportInfo>li .cont>span {
	margin-right: 8px
}

.myTripInfo .mainBtns .tripInner .passportInfo>li.info04 {
	height: auto
}

.myTripInfo .mainBtns .tripInner .passportInfo>li.info04 .cont em {
	color: #4d6ee4
}

[lang=zh] .myTripInfo .mainBtns .tripInner .passportInfo>li.info04 .cont em {
	color: #fe324b
}

.myTripInfo .mainBtns .tripInner .passportInfo>li+li {
	margin-top: 11px
}

.myTripInfo .mainBtns .tripInner .btns {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	text-align: center
}

.myTripInfo .mainBtns .tripInner .btns .btnSSG {
	width: 160px
}

.myTripInfo~.titDep2 {
	margin-top: 40px
}

.myTripInfo~.controlBtn {
	padding-bottom: 0 !important
}

.swiperWrap.swipeBoarding {
	height: 100%
}

.swiperWrap.swipeBoarding .swiper-slide {
	padding: 32px 24px 0;
	background: none
}

.swiperWrap.swipeBoarding .swiper-slide .boardingWrap {
	width: 100%
}

.swiperWrap.swipeBoarding .swiper-slide .date {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	display: block;
	text-align: left
}

.swiperWrap.swipeBoarding .swiper-slide .titBoarding {
	display: block;
	color: #373a3c;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	font-weight: 500;
	text-align: left
}

[lang=zh] .swiperWrap.swipeBoarding .swiper-slide .titBoarding {
	font-weight: 700
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo {
	display: table;
	width: 100%;
	margin: 16px 0 28px;
	background: #f8fafc;
	border-radius: 4px;
	table-layout: fixed
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li {
	display: table-cell;
	width: 100%;
	position: relative;
	height: 116px;
	padding: 24px 24px 22px 24px;
	vertical-align: top;
	text-align: left;
	box-sizing: border-box
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li::before {
	content: "";
	display: block;
	position: absolute;
	top: 32px;
	bottom: 32px;
	left: 0;
	width: 1px;
	background: #eaeaea
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li:first-child:before {
	display: none
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li.etc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 116px;
	padding: 0;
	text-align: center
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li span,
.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li strong {
	display: block
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li span .tipArea {
	vertical-align: -2px
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li span .tipArea .tipCont {
	left: auto;
	right: -30px;
	text-align: left
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li span .tipArea .tipCont::before {
	left: auto;
	right: 31px
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li strong {
	color: #4d6ee4;
	font-size: 2.2rem;
	line-height: 2.2rem
}

[lang=zh] .swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li strong {
	color: #fe324b
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li strong.orderTxt {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	font-size: 1.3rem;
	font-weight: 500
}

[lang=zh] .swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li strong.orderTxt {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li .info {
	height: auto;
	margin-top: 2px;
	font-size: 1.3rem;
	line-height: 1.8rem
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li .tipCont {
	width: 320px
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li .tit {
	margin-bottom: 8px;
	font-size: 1.3rem;
	line-height: 2.2rem
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li+li .data {
	color: #373a3c
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming {
	display: flex
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming .data {
	font-size: 1.3rem;
	color: #4d6ee4;
	font-weight: 500;
	line-height: 1.8rem
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming .orderTxt {
	font-size: 1.3rem;
	line-height: 1.8rem
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li {
	width: 33.3%
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li span {
	height: auto
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt {
	width: 67.7%
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt dl {
	display: flex
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt dt {
	height: 36px;
	margin-right: 36px;
	display: flex;
	align-items: center
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt dt .temp {
	display: block;
	margin-left: 5px;
	font-size: 2.4rem;
	color: #373a3c;
	font-weight: 700;
	line-height: 3.2rem
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt dt .img {
	width: 36px;
	height: 36px
}

.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt dt .img img {
	width: 100%;
	height: 100%
}

.swiperWrap.swipeBoarding .swiper-slide .btnSS {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	text-align: center
}

.swiperWrap.swipeBoarding .swiper-slide .btnSS .btnSSG {
	width: 160px
}

.swiperWrap.swipeBoarding .ts-paging {
	bottom: auto;
	top: 23px;
	right: 18px;
	left: auto;
	margin: 0;
	width: auto
}

.myInquiry.col2 {
	margin: 48px -12px 0
}

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

.myInquiry.col2>.inner {
	float: left;
	width: 50%;
	padding: 0 12px
}

.myInquiry.col2>.inner .customerList>li .noData {
	padding: 70px 0 0;
	height: 269px
}

.myInquiry.col2>.inner .customerList>li .noData::before {
	display: none
}

.myInquiry.col2>.inner .customerList>li .noData p {
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500
}

[lang=zh] .myInquiry.col2>.inner .customerList>li .noData p {
	font-weight: 700
}

.myInquiry.col2>.inner .customerList>li .noData .btnSSG {
	margin-top: 24px
}

.myInquiry.col2 .txtLink {
	position: relative;
	right: auto;
	top: auto
}

.myInquiry.col2 .customerList {
	border-top: 1px solid #ebedf2
}

.myInquiry.col2 .customerList>li {
	padding: 24px 0;
	border-bottom: 1px solid #ebedf2
}

.myInquiry.col2 .customerList>li .status {
	margin-bottom: 8px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.myInquiry.col2 .customerList>li .status .flag {
	margin-right: 12px
}

.myInquiry.col2 .customerList>li .status .contType {
	margin-right: 4px
}

.myInquiry.col2 .customerList>li a {
	display: block;
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 500;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

[lang=zh] .myInquiry.col2 .customerList>li a {
	font-weight: 700
}

.myInquiry.col2 .customerList>li a:hover {
	text-decoration: underline
}

.myInquiry.col2 .customerList>li .noData {
	padding: 157px 0 90px
}

.myInquiry.col2 .customerList>li .noData::before {
	top: 93px
}

.myActivity {
	margin-top: 48px
}

.myActivity .titAreaMain {
	border: none
}

.myActivity .activityList {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed
}

.myActivity .activityList>li {
	position: relative;
	display: table-cell;
	width: 100%;
	padding-right: 16px;
	vertical-align: top
}

.myActivity .activityList>li:first-child {
	padding-left: 0
}

.myActivity .activityList>li:first-child::before {
	left: 0
}

.myActivity .activityList>li:first-child .noActivity::before {
	left: 0
}

.myActivity .activityList>li:last-child {
	padding-right: 0
}

.myActivity .activityList>li>figure {
	padding-top: 100%;
	overflow: hidden;
	border-radius: 8px
}

.myActivity .activityList>li .noActivity {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 16px);
	height: 100%;
	padding: 0 15px;
	background-color: #f8fafc;
	border-radius: 8px;
	text-align: center
}

.myActivity .activityList>li .noActivity .tit {
	position: relative;
	display: block;
	color: #373a3c;
	font-size: 2.2rem;
	font-weight: 700;
	padding: 32px 0 12px
}

.myActivity .activityList>li .noActivity .tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat
}

.myActivity .activityList>li .noActivity .txt {
	position: relative;
	color: #8b8f94;
	font-size: 1.3rem
}

.myActivity .activityList>li.mypick .noActivity .tit::before {
	background: url(/fo/images/common/spr_ico.png) no-repeat -102px 0
}

.myActivity .activityList>li.review .noActivity .tit:before {
	background-position: -88px -64px
}

.myActivity .activityList>li.restock .noActivity .tit:before {
	background-position: -112px -64px
}

.myActivity .activityList>li>a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	background: #f8fafc;
	border-radius: 8px
}

.myActivity .activityList>li>a figure {
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	background: #fff url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%
}

.myActivity .activityList>li>a figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.myActivity .activityList>li>a figure img {
	width: 100%;
	background: #f8fafc
}

.myActivity .activityList>li>a .titInner {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 16px 16px 18px 16px;
	background: rgba(0, 0, 0, .3)
}

.myActivity .activityList>li>a .titInner .title {
	position: relative;
	display: block;
	color: #fff;
	font-size: 1.5rem;
	line-height: 16px;
	font-weight: 700;
	padding-left: 20px
}

.myActivity .activityList>li>a .titInner .title::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(/fo/images/mypage/spr_my_activity.png) no-repeat
}

.myActivity .activityList>li>a .titInner .text {
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -12px;
	color: #fff;
	font-size: 1.3rem;
	line-height: 19px
}

.myActivity .activityList>li>a .titInner .text em {
	display: inline-black;
	padding-left: 5px;
	font-size: 1.6rem
}

.myActivity .activityList>li.mypick a .title::before {
	background: url(/fo/images/mypage/spr_my_activity.png) no-repeat 0 0
}

.myActivity .activityList>li.review a .title:before {
	background-position: -16px 0
}

.myActivity .activityList>li.restock a .title:before {
	background-position: -32px 0
}

.listNum+div .tblData {
	border-top: none
}

.listNum+div .orderedProdList .noData {
	border-top: none
}

.myActivity .activityList .question {
	width: 127.5%
}

.myActivity .activityList .question .titAreaMain {
	position: absolute;
	top: -48px;
	left: 0;
	width: 100%;
	padding-bottom: 0
}

.myActivity .activityList .question .titAreaMain .side {
	right: 16px;
	bottom: 5px
}

.myActivity .activityList .question .inner {
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 24px;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.myActivity .activityList .question .inner.noData {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.myActivity .activityList .question .inner.noData::before {
	display: none
}

.myActivity .activityList .question .inner p {
	font-size: 18px;
	line-height: 26px;
	color: #373a3c;
	letter-spacing: -0.03em
}

.myActivity .activityList .question .inner .btnSSG {
	width: 160px;
	margin-top: 24px
}

.myActivity .activityList .question .inner .status {
	display: flex;
	text-align: left
}

.myActivity .activityList .question .inner .status .keyword {
	display: flex
}

.myActivity .activityList .question .inner .status .keyword li {
	position: relative;
	padding: 0 12px;
	font-size: 13px;
	line-height: 24px
}

.myActivity .activityList .question .inner .status .keyword li:first-child::before {
	content: "";
	height: 12px;
	width: 1px;
	position: absolute;
	top: 7px;
	right: 0px;
	background-color: #eaeaea
}

.myActivity .activityList .question .cont {
	height: 51px;
	margin-top: 28px
}

.myActivity .activityList .question .cont a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	padding-left: 24px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	letter-spacing: -0.03em;
	font-size: 1.8rem;
	line-height: 24px;
	max-height: 51px
}

.myActivity .activityList .question .cont a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 18px;
	background: url(/fo/images/mypage/txt_Q.png) no-repeat 0 0;
	background-size: 100%
}

.myActivity .activityList .question time {
	display: block;
	position: absolute;
	bottom: 24px;
	right: 24px;
	height: 13px;
	font-size: 13px
}

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

.mypick_v211012 .listNum .inner {
	float: left
}

.mypick_v211012 .listNum .inner p {
	display: inline-block;
	margin-right: 5px
}

.mypick_v211012 .listNum .inner .totalNum {
	display: inline-block;
	float: none
}

.mypick_v211012 .listNum .inner .frmSel {
	float: none;
	margin: 0
}

.mypick_v211012 .listNum .inner .selNum {
	float: none;
	padding-top: 1px;
	line-height: 46px
}

.mypick_v211012 .listNum .inner label:before {
	top: 0
}

.mypick_v211012 .prodCont .frmSel {
	display: block;
	position: absolute;
	z-index: 1001;
	left: 17px;
	right: 0;
	top: 12px;
	bottom: 0;
	width: 20px;
	height: 21px
}

.mypick_v211012 .prodCont .frmSel input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	margin-top: -5px
}

.mypick_v211012 .prodCont .frmSel input+label {
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 21px;
	background: rgba(255, 255, 255, 0);
	box-sizing: border-box
}

.mypick_v211012 .prodCont .frmSel input+label:before {
	top: 0;
	left: 0;
	margin-top: 0
}

.mypick_v211012 .prodCont .frmSel.cb_checked~a figure:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: rgba(199, 205, 246, .4)
}

.mypick_v211012 .prodCont .frmSel.cb_checked~a figure:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background: rgba(255, 178, 188, .4)
}

.mypick_v211012 .btnArea {
	font-size: 0
}

.mypick_v211012 .btnArea button {
	width: 200px
}

.mypick_v211012 .btnArea .btnCart {
	margin-right: 13px;
	border: 1px solid #fe324b
}

.mypick_v211012 .btnArea .btnPay {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 48px
}

.snsProdWrap {
	margin-bottom: 40px;
	text-align: center
}

.snsProdWrap .prodArea {
	position: relative;
	width: 156px;
	height: 156px;
	margin: 0 auto 14px;
	padding: 8px;
	text-align: center;
	border-radius: 8px;
	overflow: hidden;
	background: url(/fo/images/common/bg_shareDefault.png) no-repeat 50% 50%
}

.snsProdWrap .prodArea::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.snsProdWrap .prodArea img {
	width: 140px;
	background: #fff
}

.snsProdWrap .prodArea .pickNum {
	position: absolute;
	bottom: 22px;
	right: 22px;
	padding: 0 10px;
	height: 24px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 24px;
	background: rgba(0, 0, 0, .4);
	border-radius: 24px;
	z-index: 1
}

[lang=zh] .snsProdWrap .prodArea .pickNum {
	font-weight: 700
}

.snsProdWrap .prodArea.brandArea {
	width: auto;
	height: auto;
	padding: 0;
	background: none
}

.snsProdWrap .prodArea.brandArea::after {
	display: none
}

.snsProdWrap .prodArea.brandArea .img {
	overflow: hidden;
	position: relative;
	width: 156px;
	height: 156px;
	margin: 0 auto;
	border-radius: 8px;
	text-align: center;
	border: 1px solid #eaeaea;
	object-fit: cover
}

.snsProdWrap .prodArea.brandArea .img .brandImg {
	width: 100%;
	height: 100%
}

.snsProdWrap .prodArea.brandArea .img .brandImg img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.snsProdWrap .prodArea.brandArea img {
	width: 100%
}

.snsProdWrap .prodArea.brandArea .brandLogo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 162px;
	margin: -30px 0 0 -81px
}

.snsProdWrap .prodArea.brandArea .txt {
	display: block;
	margin-top: 16px
}

.snsProdWrap .prodArea.brandArea .txt strong {
	display: block;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700
}

.snsProdWrap .prodArea.promotionArea {
	width: 156px;
	height: 156px;
	padding: 0;
	background: none
}

.snsProdWrap .prodArea.promotionArea::after {
	display: none
}

.snsProdWrap .prodArea.promotionArea .img {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-radius: 8px;
	text-align: center;
	border: 1px solid #eaeaea;
	background: url(/fo/images/common/bg_shareDefault.png) no-repeat 50% 50%
}

.snsProdWrap .prodArea.promotionArea .img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.snsProdWrap .prodArea.promotionArea img {
	width: 100%
}

.snsProdWrap .prodArea.promotionArea .brandImg {
	overflow: hidden;
	border-radius: 8px
}

.snsProdWrap .prodArea.promotionArea .brandLogo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 162px;
	margin: -30px 0 0 -81px
}

.snsProdWrap .prodArea.promotionArea .txt {
	display: block;
	margin-top: 16px
}

.snsProdWrap .prodArea.promotionArea .txt strong {
	display: block;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700
}

.snsProdWrap.snsPick .prodArea {
	width: 183px;
	height: 183px;
	margin-bottom: 0;
	padding: 30px;
	background: url(/fo/images/common/bg_snsPick.png) no-repeat 50% 50%
}

.snsProdWrap.snsPick .prodArea::after {
	display: none
}

.snsProdWrap.snsPick .prodArea img {
	width: 114px
}

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

.snsProdWrap fieldset {
	position: relative;
	margin-top: 15px
}

.snsProdWrap fieldset label {
	display: block;
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	margin-bottom: 5px
}

.snsProdWrap fieldset input {
	width: 100%
}

.snsProdWrap fieldset .msgSize {
	position: absolute;
	top: 2px;
	right: 0;
	color: #9fa2a8;
	font-size: 1.3rem;
	line-height: 1;
	text-align: right
}

.snsProdWrap .snsList {
	margin-top: 40px;
	text-align: center
}

.snsProdWrap .snsList h3 {
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.snsProdWrap .snsList .list {
	padding-bottom: 16px
}

.snsProdWrap .snsList .list a:nth-child(n+1) {
	margin-left: 10px
}

.snsProdWrap .snsList .list+.copyArea {
	margin-top: 0
}

.snsProdWrap .snsList .copyArea {
	display: inline-block;
	width: 325px
}

.snsProdWrap .snsList .copyArea input {
	background: #fff;
	border-radius: 8px
}

.liquorBnr {
	overflow: hidden;
	position: relative;
	height: 440px;
	margin: -10px auto 80px;
	border-radius: 8px
}

.liquorBnr figure {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.liquorBnr figure img {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -760px
}

.liquorBnr .liquorTxt {
	position: relative;
	height: 100%;
	padding: 109px 0 0 80px;
	color: #373a3c
}

.liquorBnr .bnrTxtArea {
	margin-bottom: 17px;
	padding: 0 24px
}

.liquorBnr .bnrTxtArea p {
	display: inline-block;
	margin-bottom: 20px;
	padding: 0 12px;
	font-size: 1.5rem;
	line-height: 32px;
	border: 1px solid #373a3c;
	border-radius: 8px
}

.liquorBnr .bnrTxtArea strong {
	display: block;
	font-size: 4.4rem;
	line-height: 1.1818181818;
	font-weight: 500
}

[lang=zh] .liquorBnr .bnrTxtArea strong {
	font-weight: 700
}

.liquorBnr .infoList {
	padding: 1px 24px 36px
}

.liquorBnr .infoList>li+li {
	margin-top: 3px
}

.liquorBnr .infoList .infoTit {
	float: left;
	width: 43px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 400;
	box-sizing: border-box
}

.liquorBnr .infoList .infoCont {
	overflow: hidden;
	display: block;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.liquorBnr.liquorBnrWhite .liquorTxt {
	color: #fff
}

.liquorBnr.liquorBnrWhite .bnrTxtArea p {
	border-color: #fff
}

.liquorBnr.liquorBnrWhite .infoList .infoCont {
	opacity: .7
}

.swiperWrap.liquorSwiper {
	width: 100%;
	padding: 24px 180px 36px;
	margin: 0 auto 96px;
	text-align: center
}

.swiperWrap.liquorSwiper .swiper-container {
	height: 350px;
	margin: 0 auto
}

.swiperWrap.liquorSwiper .swiper-container .swiper-wrapper {
	margin-left: -7px
}

.swiperWrap.liquorSwiper .swiper-container .swiper-wrapper .swiper-slide {
	text-align: center
}

.swiperWrap.liquorSwiper button {
	margin-top: -30px;
	width: 64px;
	height: 64px;
	opacity: 1;
	background: none;
	transform: rotate(0)
}

.swiperWrap.liquorSwiper button::after {
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	background: url(/fo/images/view/ico_arrow.png) no-repeat 0 0
}

.swiperWrap.liquorSwiper button.ts-prev {
	left: 80px
}

.swiperWrap.liquorSwiper button.ts-next {
	right: 80px
}

.swiperWrap.liquorSwiper button.ts-next::after {
	background-position: -40px 0
}

.liquorTit {
	margin-top: 40px;
	color: #1e2023;
	font-size: 3.2rem;
	line-height: 1.25;
	text-align: center;
	font-weight: 700
}

.liquorTit .desc {
	display: block;
	margin-top: 8px;
	color: #5a5f64;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 400
}

.liquorList {
	min-width: 1136px;
	max-width: 1205px;
	margin: 32px auto 32px;
	text-align: center
}

.liquorList>li {
	display: inline-block;
	width: 272px;
	margin-bottom: 48px;
	padding-left: 13px;
	box-sizing: content-box
}

.liquorList>li:nth-child(4n+1) {
	padding-left: 0
}

.liquorList>li div,
.liquorList>li a {
	display: block;
	position: relative;
	padding: 32px 32px 0;
	height: 408px;
	border-radius: 8px;
	background: rgba(0, 0, 0, .03)
}

.liquorList>li .prodImg {
	position: relative;
	width: 208px;
	height: 252px;
	margin-bottom: 13px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.liquorList>li .prodImg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: rgba(0, 0, 0, .03)
}

.liquorList>li .prodImg img {
	width: 100%
}

.liquorList>li .brandName {
	padding-right: 0;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 400
}

.liquorList>li .biImg {
	width: 160px;
	height: 60px;
	margin: 0 auto 37px
}

.liquorList>li .biImg img {
	width: 100%
}

.liquorList>li .couponBtn {
	display: block;
	width: 272px;
	height: 48px;
	margin-top: 8px;
	padding-right: 53px;
	color: #373a3c;
	font-size: 1.5rem;
	line-height: 48px;
	font-weight: 700;
	text-align: center;
	background: url(/fo/images/view/bg_coupon_272x48.png) no-repeat 0 0;
	box-sizing: border-box
}

.liquorDisc {
	overflow: hidden;
	margin-top: 24px
}

.liquorDiscList {
	margin: -24px -38px 0 0
}

.liquorDiscList>li {
	float: left;
	width: 160px;
	height: 271px;
	padding-left: 38px;
	padding-top: 24px;
	text-align: center;
	box-sizing: content-box
}

.liquorDiscList>li:nth-child(3n+1) {
	padding-left: 0
}

.liquorDiscList figure {
	overflow: hidden;
	position: relative;
	width: 160px;
	height: 160px;
	margin-bottom: 12px;
	border-radius: 8px;
	background: url(/fo/images/view/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.liquorDiscList figure::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(12, 38, 159, .03)
}

.liquorDiscList figure img {
	width: 100%
}

.liquorDiscList .brandName {
	max-height: 42px;
	margin-bottom: 10px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto;
	font-weight: 500
}

[lang=zh] .liquorDiscList .brandName {
	font-weight: 700
}

.liquorDiscList .prodNum {
	color: #373a3c;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.liquorDiscList .saleNum {
	color: #f42d10;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700
}

.liquorDiscList .priceArea {
	display: block
}

.liquorDiscList .priceArea .saleDollar {
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.liquorDiscList .priceArea .originDollar {
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	vertical-align: 2px
}

.couponBarCode {
	width: 560px;
	height: 183px;
	margin: 4px 0 0 -30px;
	padding: 20px 10px 20px 30px;
	text-align: center;
	background: url(/fo/images/view/bg_coupon_620x243.png) no-repeat 0 0;
	box-sizing: content-box
}

.couponBarCode .barcodeTxt {
	float: left;
	width: 200px;
	height: 183px;
	padding-top: 61px;
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.couponBarCode .barcodeTxt strong {
	display: block;
	margin-bottom: -3px;
	color: #f42d10;
	font-size: 3.4rem;
	line-height: 1.2352941176
}

.couponBarCode .barcodeImg {
	overflow: hidden;
	padding-top: 40px
}

.couponBarCode .barcodeImg figure {
	width: 227px;
	margin: 0 auto
}

.couponBarCode .barcodeImg figure img {
	width: 100%
}

.couponBarCode .barcodeImg .barcodeNum {
	display: block;
	margin: -4px 0 1px;
	color: #1e2023;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 700
}

.couponBarCode .barcodeImg .date {
	color: #373a3c;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.errorWrap {
	position: relative;
	width: 400px;
	margin: 80px auto 0;
	text-align: center
}

.errorWrap .errorTxt {
	padding-top: 64px
}

.errorWrap .errorTxt strong {
	display: block;
	margin-bottom: 8px;
	color: #373a3c;
	font-size: 2.4rem
}

.errorWrap .errorTxt::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 48px;
	height: 48px;
	margin-left: -24px;
	background: url(/fo/images/common/spr_ico.png) no-repeat -164px -24px
}

.errorWrap .btnArea {
	margin: 40px -3px 0
}

.errorWrap .btnArea .btnSSG {
	min-width: auto;
	width: 194px
}

.errorWrap .errorCust {
	margin-top: 48px
}

.errorWrap .errorCust .tit {
	font-size: 1.8rem
}

.errorWrap .errorCust .custInfo {
	margin-top: 4px
}

.errorWrap .errorCust .custInfo>strong,
.errorWrap .errorCust .custInfo span {
	display: inline-block
}

.errorWrap .errorCust .custInfo>strong {
	position: relative;
	margin-right: 8px;
	padding-right: 9px;
	color: #373a3c
}

.errorWrap .errorCust .custInfo>strong::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 11px;
	margin-top: -7px;
	background: #cdd0d7
}

.errorWrap .errorCust .custInfo .custNum li {
	position: relative;
	display: inline-block;
	padding-left: 9px;
	margin-left: 3px;
	text-align: right
}

.errorWrap .errorCust .custInfo .custNum li::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 11px;
	margin-top: -5px;
	background: #cdd0d7
}

.errorWrap .errorCust .custInfo .custNum li strong {
	display: inline-block;
	margin-left: 6px;
	color: #373a3c;
	font-weight: 700
}

.errorWrap .errorCust .custInfo .custNum li strong::after {
	display: none
}

.errorWrap .errorCust .custInfo .custNum li:first-child:before {
	display: none
}

.errorWrap .errorCust .custInfo .custNum li+li {
	text-align: left
}

.errorWrap .errorBox {
	margin-top: 24px
}

.errorWrap .errorBox strong {
	display: block;
	margin-bottom: 3px;
	font-weight: 400
}

.errorWrap .errorBox em {
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700
}

.errorWrap .errorBox em b {
	display: inline-block;
	margin-left: 5px
}

.errorWrap .subTxt {
	margin-top: 24px
}

.ansTit {
	color: #373a3c;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.41
}

.withDrawType02 {
	margin-bottom: 0
}

.withDrawType02 .boxGray {
	height: auto
}

.orderCancleGuide .boxGray {
	position: relative;
	height: 168px;
	padding-top: 76px;
	text-align: center
}

.orderCancleGuide .boxGray::before {
	content: "";
	display: block;
	position: absolute;
	top: 32px;
	left: 50%;
	width: 36px;
	height: 36px;
	margin-left: -18px;
	background: url(/fo/images/order/spr_order.png) no-repeat
}

.orderCancleGuide .boxGray strong {
	display: block;
	margin-bottom: 8px;
	color: #373a3c
}

.orderCancleGuide .boxGray .num {
	color: #373a3c;
	font-size: 2rem;
	font-weight: 700
}

.orderCancleGuide .boxGray .btnXXS {
	width: 80px;
	height: 32px;
	line-height: 30px;
	font-weight: 700
}

.orderCancleGuide li+li .boxGray:before {
	background-position: -36px 0
}

.orderCancleGuide~.txtCancelGuide {
	color: #6b6e73
}

.txtCancelGuide {
	margin-top: 24px;
	text-align: center;
	line-height: 1.63
}

.termsMemo td b {
	color: #373a3c;
	font-size: 1.8rem;
	text-decoration: underline
}

.termsMemo h2,
.termsMemo h3,
.termsMemo h4 {
	color: #373a3c;
	font-weight: 700
}

.termsMemo h2 {
	font-size: 2.4rem;
	letter-spacing: -0.03em
}

.termsMemo h3 {
	margin: 32px 0 16px 0;
	font-size: 2rem;
	letter-spacing: -0.03em
}

.termsMemo h3:first-child {
	margin-top: 0
}

.termsMemo h3+p.botPd {
	padding-top: 0 !important
}

.termsMemo h4 {
	margin: 0 0 16px 0;
	font-size: 1.5rem
}

.termsMemo h2+h3 {
	margin-top: 24px
}

.termsMemo p {
	padding-bottom: 24px;
	font-size: 1.5rem
}

.termsMemo strong {
	display: block;
	margin: 16px 0;
	font-weight: 400
}

.termsMemo .scrollWrap {
	overflow: visible
}

.termsMemo .scrollWrap table {
	table-layout: auto
}

.termsMemo .scrollWrap+h3 {
	margin-top: 8px
}

.termsMemo ol {
	counter-reset: section
}

.termsMemo ol>li {
	position: relative;
	padding-bottom: 12px
}

.termsMemo ol>li:last-child {
	padding-bottom: 0
}

.termsMemo ol>li::before {
	counter-increment: section;
	display: inline-block;
	vertical-align: middle
}

.termsMemo ol.termsType01>li::before {
	content: counter(section) ".";
	width: 15px;
	margin: -3px 0 0 0
}

.termsMemo ol.termsType01>li>ol {
	padding-top: 12px
}

.termsMemo ol.termsType01>li dl dd {
	margin-top: 10px
}

.termsMemo ol.termsType01+h2 {
	margin-top: 40px
}

.termsMemo ol.termsType02 {
	padding-left: 14px
}

.termsMemo ol.termsType02>li {
	padding-left: 17px;
	padding-bottom: 8px
}

.termsMemo ol.termsType02>li::before {
	content: counter(section) ")";
	position: absolute;
	top: 3px;
	left: 0;
	width: 24px;
	margin: -3px 0 0 0
}

.termsMemo ol.termsType03 {
	margin-top: 0;
	padding-left: 14px;
	padding-bottom: 16px
}

.termsMemo ol.termsType03>li {
	padding-left: 18px;
	padding-bottom: 8px
}

.termsMemo ol.termsType03>li::before {
	content: counter(section);
	position: absolute;
	top: 4px;
	left: 0;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: solid 1px #5a5f64;
	font-size: 1.2rem;
	text-align: center;
	line-height: 13px
}

.termsMemo ol.termsType04>li {
	padding-left: 10px
}

.termsMemo ol.termsType04>li::before {
	content: "-";
	position: absolute;
	left: 0;
	width: 10px
}

.termsMemo .noPdb {
	padding-bottom: 0 !important
}

.termsMemo .botPd {
	padding: 16px 0 16px 0 !important
}

.termsMemo .termsTopTxt {
	margin-top: 60px
}

.brandmallWrap .titleArea {
	position: relative
}

.brandmallWrap .titleArea .txtPage {
	margin-bottom: 0;
	font-weight: 700;
	padding: 0 75px;
	font-size: 4rem
}

.brandmallWrap .titleArea .txtPage span {
	font-size: 2.4rem;
	color: #5a5f64;
	font-weight: 700;
	opacity: .5
}

.brandmallWrap .titleArea .icoArea {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -16px
}

.brandmallWrap .titleArea .icoArea .btIco.icoShare {
	width: 32px;
	height: 32px;
	vertical-align: top
}

.brandmallWrap .front {
	display: table;
	width: 100%;
	height: 400px;
	margin-top: 24px;
	background: #373a3c
}

.brandmallWrap .front .imgCon {
	display: table-cell
}

.brandmallWrap .front figure {
	overflow: hidden;
	position: relative;
	height: 400px;
	vertical-align: middle;
	background: url(/fo/images/common/noImage.png) no-repeat 50% 50%
}

.brandmallWrap .front figure img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.brandmallWrap .front figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .05)
}

.brandmallWrap .front .context {
	display: table-cell;
	width: 27%;
	min-width: 378px;
	padding: 50px 0;
	color: #b9bcc0;
	box-sizing: border-box;
	vertical-align: middle
}

.brandmallWrap .front .context .brandLogo {
	display: block;
	width: 160px;
	margin: 0 auto
}

.brandmallWrap .front .context .brandLogo img {
	display: block;
	width: 100%
}

.brandmallWrap .front .context .scrollText {
	overflow-y: auto;
	height: 190px;
	margin-top: 50px;
	padding: 0 40px;
	word-break: break-all
}

.brandmallWrap .front .context .scrollText:only-child {
	height: 100%;
	margin: 14px 0
}

.brandmallWrap .brandmallCon .brandShop:first-child {
	margin-top: 49px
}

.brandmallWrap .brandmallCon .titDep2 {
	margin-bottom: 16px
}

.brandmallWrap .brandmallCon .prodSwipe {
	margin-top: 48px
}

.brandmallWrap .brandmallCon .prodSwipe .tabType06>li a {
	color: #1e2023
}

.brandmallWrap .brandmallCon .prodSwipe .swiperWrap .ts-prev,
.brandmallWrap .brandmallCon .prodSwipe .swiperWrap .ts-next {
	top: 33%
}

.brandmallWrap .brandmallCon .prodSwipe.mdPick {
	position: relative
}

.brandmallWrap .brandmallCon .prodSwipe.mdPick::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	border: 1.4px solid rgba(0, 0, 0, 0);
	background: linear-gradient(to bottom right, #90a3ff, #ff7998) border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude
}

.brandmallWrap .brandmallCon .prodSwipe.mdPick .titDep2 {
	position: relative;
	z-index: 1;
	margin-bottom: 21px;
	color: #1e2023;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: initial
}

.brandmallWrap .brandmallCon .prodSwipe.mdPick .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
}

.brandmallWrap .brandmallCon .prodCont .priceArea .saleCont .saleWon {
	padding-left: 4px
}

.brandmallWrap .brandNow {
	position: relative;
	margin-top: 80px;
	text-align: center
}

.brandmallWrap .brandNow .titDep2 {
	margin-bottom: 13px
}

.brandmallWrap .brandNow .btIco.icoShare {
	width: 32px;
	height: 32px;
	vertical-align: top
}

.brandmallWrap .brandNow .nowList {
	margin: 0 -8px
}

.brandmallWrap .brandNow .nowList>li {
	float: left;
	position: relative;
	width: 33.3333333333%;
	padding: 0 8px;
	box-sizing: border-box
}

.brandmallWrap .brandNow .nowList>li:only-child {
	float: none;
	display: block;
	margin: 0 auto
}

.brandmallWrap .brandNow .nowList>li:nth-child(4) {
	display: none
}

.brandmallWrap .brandNow .nowList>li figure {
	overflow: hidden;
	position: relative;
	padding-top: 60%;
	margin-bottom: 18px
}

.brandmallWrap .brandNow .nowList>li figure img {
	position: absolute;
	top: 0;
	width: 100%
}

.brandmallWrap .brandNow .nowList>li strong {
	display: block;
	margin-right: 70px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #1e2023;
	font-weight: 500;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto;
	height: 46px
}

[lang=zh] .brandmallWrap .brandNow .nowList>li strong {
	font-weight: 700
}

.brandmallWrap .brandNow .nowList>li .date {
	display: block;
	padding-top: 12px;
	color: #6b6e73
}

.brandmallWrap .brandNow .nowList>li .icoArea {
	position: absolute;
	bottom: 17px;
	right: 8px
}

.brandmallWrap .brandNow .swiperWrap .ts-prev,
.brandmallWrap .brandNow .swiperWrap .ts-next {
	margin-top: -65px
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-container.only-child .swiper-wrapper {
	width: 100%
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-container.only-child .swiper-wrapper .swiper-slide {
	display: flex;
	justify-content: center;
	width: 100% !important;
	margin-right: 0 !important;
	background: #f2f5f8
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-container.only-child .swiper-wrapper .swiper-slide .nowCon {
	width: auto
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-container.twice-child .swiper-wrapper {
	display: flex;
	justify-content: center;
	width: 100%
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-container.twice-child .swiper-wrapper .swiper-slide {
	width: 50% !important;
	margin-right: 8px
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-container.twice-child .swiper-wrapper .swiper-slide+.swiper-slide {
	margin-right: 0 !important;
	margin-left: 8px
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-container.twice-child .swiper-wrapper .swiper-slide .nowCon {
	display: flex;
	justify-content: center
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-container.thrice-child .swiper-wrapper .swiper-slide .nowCon {
	justify-content: center
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide {
	overflow: hidden;
	height: 132px;
	border-radius: 8px
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide .nowCon {
	display: flex;
	padding: 16px;
	background: #f2f5f8
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide .nowCon figure {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide .nowCon figure::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%)
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide .nowCon figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide .nowCon .cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 217px;
	padding-left: 24px
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide .nowCon .cont .tit {
	margin-top: 0;
	margin-bottom: 5px;
	padding-right: 10px;
	line-height: 130%;
	font-size: 1.8rem;
	color: #373a3c;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	white-space: initial
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide .nowCon .cont .desc {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.4rem;
	color: #5a5f64;
	letter-spacing: -0.28px
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .swiper-wrapper .swiper-slide .nowCon .cont time {
	margin-top: 11px;
	font-size: 1.2rem;
	color: #9fa2a8
}

.brandmallWrap .brandNow .swiperWrap.qtflexibleType .ts-prev,
.brandmallWrap .brandNow .swiperWrap.qtflexibleType .ts-next {
	margin-top: -34px
}

.brandmallWrap .brandNow .nowCon {
	position: relative;
	width: 100%;
	text-align: left
}

.brandmallWrap .brandNow .nowCon a {
	display: block
}

.brandmallWrap .brandNow .nowCon figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 8px;
	text-align: center
}

.brandmallWrap .brandNow .nowCon figure img {
	width: 100%
}

.brandmallWrap .brandNow .nowCon .tit {
	margin-top: 16px;
	padding-right: 60px;
	font-weight: 700;
	font-size: 1.8rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.brandmallWrap .brandNow .nowCon .icoArea {
	position: absolute;
	bottom: 25px;
	right: 0
}

.brandmallWrap .brandNow .nowCon time {
	display: block;
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.brandmallWrap .brandVideo {
	margin-top: 80px
}

.brandmallWrap .brandVideo .titDep2 {
	margin-bottom: 16px
}

.brandmallWrap .brandVideo .swiperWrap .swiper-slide {
	background: #373a3c
}

.brandmallWrap .brandVideo .videoArea {
	position: relative
}

.brandmallWrap .brandVideo .videoArea a {
	display: block;
	overflow: hidden;
	width: 752px;
	height: 400px;
	margin: 0 auto;
	border-radius: 0;
	opacity: .8
}

.brandmallWrap .brandVideo .videoArea a img {
	overflow: hidden;
	display: block;
	width: 100%
}

.brandmallWrap .brandVideo .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%
}

.brandmallWrap .brandVideo .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%
}

.brandmallWrap .brandVideo .swiperWrap {
	padding-bottom: 40px
}

.brandmallWrap .brandVideo .swiperWrap .swiper-container {
	padding-bottom: 0
}

.brandmallWrap .brandVideo .swiperWrap .ts-controls>button {
	background: none
}

.brandmallWrap .brandVideo .swiperWrap .ts-prev {
	left: 40px;
	width: 44px;
	height: 44px;
	background: none
}

.brandmallWrap .brandVideo .swiperWrap .ts-prev::after {
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	margin: 0;
	background: url(/fo/images/view/swiperArr.png) no-repeat 0 0
}

.brandmallWrap .brandVideo .swiperWrap .ts-next {
	right: 40px;
	width: 44px;
	height: 44px;
	background: none
}

.brandmallWrap .brandVideo .swiperWrap .ts-next::after {
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	margin: 0;
	background: url(/fo/images/view/swiperArr.png) no-repeat -44px 0
}

.brandmallWrap .brandVideo iframe {
	width: 100%;
	height: 100%
}

.brandmallWrap .prodWrap {
	margin-top: 80px
}

.brandmallWrap .prodWrap .listNone {
	padding: 24px 0;
	text-align: center;
	background: #f8fafc
}

.brandmallWrap .prodWrap .listNone .btnM {
	min-width: 160px;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.brandmallWrap .prodWrap .listNone b {
	display: inline-block;
	margin-right: 24px
}

.brandmallWrap .prodWrap .listNum {
	margin-top: 25px
}

.brandmallWrap .prodWrap .listNum.inTab .side {
	margin-right: -16px
}

.brandmallWrap .prodWrap .listNum.inTab .funcBtns {
	border-right: 0
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont {
	padding: 0 8px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodInfo .prodName {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 500;
	color: #373a3c
}

[lang=zh] .brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodInfo .prodName {
	font-weight: 700
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodInfo .priceArea {
	margin-top: 0;
	padding-top: 12px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodInfo .priceArea .txtLoginBefore {
	margin-bottom: 0
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodInfo .priceArea .txtLoginBefore+.saleCont {
	margin-top: 2px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodInfo .priceArea .saleCont .saleNum {
	margin-right: -1px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodInfo .priceArea .saleCont .saleDollar {
	padding-left: 5px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodInfo .priceArea .saleCont .saleWon {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #707378;
	margin-left: 0;
	padding-left: 5px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .prodState.soldOut {
	top: 37%
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodThumb .prodCont .code {
	margin-top: 5px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle {
	border-bottom: 0
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont {
	border-radius: 0
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont .con {
	position: relative
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont .con .btnApply {
	position: static;
	margin-top: 76px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont .priceArea {
	top: -27px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont .priceArea .priceWrap .originPrice {
	padding-left: 5px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont .priceArea .saleWon {
	padding-left: 5px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont .code {
	margin-top: 0
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont .optionBtns {
	position: absolute;
	top: 48px;
	left: 183px
}

.brandmallWrap .prodWrap .brandFilter .prodList.prodListStyle .prodCont .prodState.soldOut {
	top: 58%
}

.brandmallWrap .prodWrap .prodCont .btnApply {
	display: block;
	margin-top: 11px;
	line-height: 42px;
	text-align: center;
	font-weight: 700;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	box-sizing: border-box
}

.brandmallWrap .prodWrap .prodCont .code {
	display: block;
	margin-top: 16px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.brandmallWrap .prodWrap .prodCont:nth-child(n+5) {
	margin-top: 56px
}

.brandmallWrap .prodWrap .prodThumb .prodCont .priceArea {
	margin-top: 6px
}

.brandmallWrap .prodWrap .prodThumb .prodCont .prodInfo {
	margin-top: 16px
}

.brandmallWrap .prodWrap .prodListStyle .prodCont:nth-child(n+5) {
	margin-top: 0
}

.brandmallWrap .prodWrap .prodListStyle .prodCont .btnApply {
	display: inline-block;
	position: absolute;
	bottom: 23px;
	left: 183px;
	padding: 0 30px
}

@media screen and (min-width: 1440px) {
	.brandmallWrap .brandmallCon .prodSwipe.mdPick {
		padding: 38px 144px 42px
	}
}

@media screen and (min-width: 1663px) {
	.brandmallWrap .brandmallCon .prodSwipe.mdPick {
		padding: 38px 144px 42px
	}
}

@media screen and (min-width: 1903px) {
	.brandmallWrap .brandmallCon .prodSwipe.mdPick {
		padding: 38px 154px 42px
	}
}

html[lang=zh] .promotionType .modProdConainer .prodModule .prodList.prodThumb .prodCont:nth-child(n+5) {
	margin-top: 56px !important
}

.brandShop {
	margin-top: 80px
}

.brandShop .titDep2 {
	margin-bottom: 22px
}

.brandShop .tabType06 {
	margin-bottom: 0
}

.brandShop .tabType06>li a {
	color: #1e2023
}

.brandShop .tabContentWrap {
	position: relative;
	min-height: 450px;
	font-size: 0;
	text-align: center;
	background: #f5f7fa;
	border: 1px solid #ebedf2;
	border-top: none;
	border-radius: 0 0 8px 8px
}

.brandShop .tabContentWrap .brandClosedNoti {
	overflow: hidden;
	margin: 0;
	padding: 53px 0 60px
}

[lang=zh] .brandShop .tabContentWrap .brandClosedNoti strong {
	font-size: 2.4rem
}

.brandShop .tabContentWrap .brandClosedNoti strong+p {
	position: relative;
	padding-bottom: 81px
}

.brandShop .tabContentWrap .brandClosedNoti strong+p::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin: 15px 0 0 -30px;
	background: url(/fo/images/common/img_brandClosed.png) no-repeat
}

[lang=zh] .brandShop .tabContentWrap .brandClosedNoti strong+p::after {
	margin-top: 0;
	background-image: url(/fo/images/common/img_brandClosed_cn.png)
}

.brandShop .tabContentWrap .brandClosedNoti p {
	margin-bottom: 22px;
	font-size: 1.9rem;
	line-height: 28px;
	letter-spacing: -0.38px;
	color: #707378
}

[lang=zh] .brandShop .tabContentWrap .brandClosedNoti p {
	font-size: 2.2rem
}

.brandShop .tabContentWrap .brandClosedNoti p+span {
	line-height: 1.58
}

.brandShop .tabContentWrap .brandClosedNoti span {
	font-size: 2rem;
	line-height: 24px;
	color: #373a3c;
	font-weight: bold
}

.brandShop+.btnWrap {
	margin-top: 48px;
	text-align: center
}

.brandShop+.btnWrap button {
	width: 280px
}

.brandShop .storeCont {
	display: inline-block;
	position: relative;
	padding-right: 568px;
	min-height: 444px
}

.brandShop .storeInfo {
	padding: 45px 20px;
	max-width: 568px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	vertical-align: top;
	box-sizing: border-box
}

.brandShop .storeInfo .tel {
	display: inline-block;
	padding-left: 16px;
	background: url(/fo/images/view/ico_tel.png) no-repeat 0 50%
}

[lang=zh] .brandShop .storeInfo .tel {
	letter-spacing: -1px
}

.brandShop .storeInfo .basicInfo {
	text-align: left
}

.brandShop .storeInfo .basicInfo li {
	display: table;
	width: 100%
}

.brandShop .storeInfo .basicInfo li~li {
	margin-top: 10px
}

.brandShop .storeInfo .basicInfo em {
	display: table-cell;
	width: 25%;
	margin-right: 22px;
	color: #6b6e73
}

.brandShop .storeInfo .basicInfo .text {
	display: table-cell;
	color: #373a3c;
	font-weight: 500;
	white-space: normal
}

[lang=zh] .brandShop .storeInfo .basicInfo .text {
	font-weight: 700
}

.brandShop .storeInfo .stordFloor {
	max-width: 488px;
	margin-top: 32px;
	text-align: left
}

.brandShop .storeInfo .stordFloor li {
	position: relative
}

.brandShop .storeInfo .stordFloor li>a {
	display: table;
	width: 100%;
	padding: 19px 48px 19px 30px;
	background: #fff;
	border-radius: 8px;
	cursor: default
}

.brandShop .storeInfo .stordFloor li>a>* {
	vertical-align: middle
}

.brandShop .storeInfo .stordFloor li>a:hover {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}

.brandShop .storeInfo .stordFloor li em {
	display: table-cell;
	padding-right: 12px;
	width: 65px;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #373a3c
}

.brandShop .storeInfo .stordFloor li em b {
	display: block;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.brandShop .storeInfo .stordFloor li .storeName {
	display: table-cell;
	padding: 0 12px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.brandShop .storeInfo .stordFloor li .telArea {
	display: table-cell;
	text-align: right;
	width: 120px;
	top: 10px;
	color: #373a3c;
	font-weight: 500
}

[lang=zh] .brandShop .storeInfo .stordFloor li .telArea {
	font-weight: 700
}

.brandShop .storeInfo .stordFloor li~li {
	margin-top: 8px
}

.brandShop .storeInfo .stordFloor li::after {
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	right: 24px;
	width: 12px;
	height: 12px;
	background: url(/fo/images/view/ico_floor.png) no-repeat;
	opacity: .3
}

.brandShop .storeInfo .stordFloor li.on em {
	color: #4d6ee4
}

[lang=zh] .brandShop .storeInfo .stordFloor li.on em {
	color: #fe324b
}

.brandShop .storeInfo .stordFloor li.on::after {
	opacity: 1
}

.brandShop .imageScalable .zoomTarget {
	min-height: auto
}

.brandShop .mapArea {
	width: 568px;
	height: 366px;
	padding: 24px 64px;
	box-sizing: border-box;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.brandShop .mapArea:hover .btnPrev,
.brandShop .mapArea:hover .btnNext {
	display: block
}

.brandShop .mapArea .imageScalable {
	position: static
}

.brandShop .mapArea .draw {
	overflow: hidden
}

.brandShop .mapArea .draw img {
	display: block;
	width: 100%
}

.brandShop .mapArea .btnPrev {
	display: none;
	position: absolute;
	top: calc(50% - 22px);
	left: 0;
	width: 44px;
	height: 44px
}

.brandShop .mapArea .btnPrev::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	background: url(/fo/images/view/arr_map.png) no-repeat 0 0;
	opacity: .4
}

.brandShop .mapArea .btnPrev:hover:after {
	opacity: 1
}

.brandShop .mapArea .btnNext {
	display: none;
	position: absolute;
	top: calc(50% - 22px);
	right: 0;
	width: 44px;
	height: 44px
}

.brandShop .mapArea .btnNext::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	background: url(/fo/images/view/arr_map.png) no-repeat -44px 0;
	opacity: .4
}

.brandShop .mapArea .btnNext:hover:after {
	opacity: 1
}

.brandShop .mapArea .mapBtn {
	position: absolute;
	z-index: 1;
	right: 34px;
	bottom: 20px;
	border-radius: 8px;
	width: 48px;
	height: 88px;
	background-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(142, 158, 217, .2)
}

.brandShop .mapArea .mapBtn .btnCtrl {
	display: block;
	position: relative;
	width: 48px;
	height: 44px
}

.brandShop .mapArea .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
}

.brandShop .mapArea .mapBtn .btnCtrl.btnIncr:before {
	background-position: 0 0
}

.brandShop .mapArea .mapBtn .btnCtrl.btnDecr:before {
	background-position: 0 -16px
}

.videoPopup.btqmainVideo iframe {
	width: 100%;
	height: 580px
}

.flag.branch {
	width: auto;
	height: 24px;
	margin-right: 4px;
	padding: 0 8px;
	font-weight: 400;
	font-size: 1.3rem;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
	line-height: 22px;
	text-align: center;
	border: 1px solid #eaeaea;
	border-radius: 20px;
	color: #707378;
	background: #fff;
	box-sizing: border-box
}

[lang=zh] .flag.branch {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.flag.branch_s {
	position: relative;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 0;
	line-height: 27px;
	text-align: center;
	border-radius: 13px;
	color: #525f6f;
	background: #f8fafc
}

.flag.branch_s::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 27px;
	text-align: center
}

[lang=zh] .flag.branch_s::before {
	font-weight: 700
}

.flag.branch_s.branchAll:before {
	content: "A"
}

.flag.branch_s.branch1:before {
	content: "M"
}

.flag.branch_s.branch2:before {
	content: "G"
}

.flag.branch_s.branch3:before {
	content: "B"
}

.flag.branch_s.branch4:before {
	content: "T1"
}

.flag.branch_s.branch5:before {
	content: "T2"
}

.badge.new {
	margin-left: 4px;
	font-weight: 700;
	font-size: 1.3rem;
	color: #4d6ee4;
	vertical-align: 2px
}

[lang=zh] .badge.new {
	color: #fe324b
}

.todayClose {
	position: relative;
	text-align: left
}

.todayClose .frmSmall label {
	font-weight: 500;
	color: #373a3c
}

[lang=zh] .todayClose .frmSmall label {
	font-weight: 700
}

.todayClose .frmSmall label::before {
	top: 2px
}

.todayClose .txtLink {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px
}

.swiperWrap.ie9 .swiper-slide {
	padding: 0 8px
}

.tabType01>li>a.disabled {
	background: #f5f7fa;
	color: #8b8f94;
	pointer-events: none;
	cursor: default
}

.optionList>li~li {
	margin-top: 15px
}

.optionList>li .tit {
	display: block;
	padding-bottom: 10px;
	color: #373a3c;
	font-size: 1.3rem;
	line-height: 1
}

.prodFlag .point {
	background-color: #e9ebfb;
	color: #4d6ee4
}

[lang=zh] .prodFlag .point {
	background-color: #ffeef1
}

[lang=zh] .prodFlag .point {
	color: #fe324b
}

.prodFlag .online {
	background: #ebedf2;
	color: #525f6f
}

.prodFlag .Rqpurch {
	color: #ad00c4;
	background-color: #f8eefa
}

.prodFlag .Prwatch {
	color: #005fc2;
	background-color: #ebf6ff
}

.txtLink.arrR {
	position: relative;
	padding-right: 10px
}

.txtLink.arrR::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border: solid #1e2023;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg)
}

.frmNum {
	position: relative;
	display: inline-block;
	width: 140px;
	height: 44px;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	background: #fff
}

.frmNum .btnCtrl {
	position: absolute;
	top: 0;
	width: 36px;
	height: 100%;
	background: none
}

.frmNum .btnCtrl::before,
.frmNum .btnCtrl::after {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #373a3c
}

.frmNum .btnCtrl::before {
	width: 10px;
	height: 2px
}

.frmNum .btnCtrl.btnDecr {
	left: 0
}

.frmNum .btnCtrl.btnIncr {
	right: 0
}

.frmNum .btnCtrl.btnIncr::after {
	content: "";
	width: 2px;
	height: 10px
}

.frmNum input[type=text] {
	width: 100%;
	height: 100%;
	min-width: auto;
	font-weight: 500;
	border: none;
	background: none;
	text-align: center
}

[lang=zh] .frmNum input[type=text] {
	font-weight: 700
}

.optionInfo {
	margin: 5px 0 0;
	font-size: 0
}

.optionInfo>* {
	display: inline-block;
	font-size: 1.3rem !important;
	color: #6b6e73
}

.optionInfo span {
	margin-left: 10px
}

.optionInfo span:first-child:before {
	content: "";
	position: relative;
	display: inline-block;
	top: -5px;
	margin-right: 8px;
	width: 5px;
	height: 6px;
	border: solid #b9bcc0;
	border-width: 0 0 1px 1px
}

.optionInfo span~span::before {
	content: "";
	display: inline-block;
	margin: -2px 8px 0 0;
	width: 1px;
	height: 13px;
	vertical-align: middle;
	background: #dcdfe3
}

.optionInfo span.label+span {
	margin-left: 0
}

.optionInfo span.label+span::before {
	display: none
}

.optionInfo span.label::after {
	content: ":";
	display: inline-block;
	padding: 0 5px
}

.optionInfo span.btn a {
	display: inline-block;
	margin-top: -2px;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.optionInfo span.btn a::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background: url(/fo/images/order/ico_more.png) no-repeat
}

.optionInfo span.btn::before {
	display: none
}

.optionInfo span.optBtn {
	height: 22px;
	margin-left: 10px;
	line-height: 20px;
	border: 1px solid #eaeaea;
	border-radius: 5px
}

.optionInfo span.optBtn::before {
	display: none
}

.optionInfo span.optBtn>a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1px 6px
}

.optionInfo span.optBtn span {
	margin: 0;
	font-size: 1.1rem !important
}

.optionInfo span.optBtn span:first-child {
	margin-right: 5px
}

.optionInfo span.optBtn span:first-child::before {
	display: none
}

.optionInfo span.optBtn span:first-child+span::before {
	content: "";
	display: inline-block;
	margin: -2px 5px 0 0;
	width: 1px;
	height: 12px;
	vertical-align: middle;
	background: #eaeaea
}

.optionInfo span em {
	padding-left: 2px;
	color: #ce0700
}

.viewMore {
	overflow: hidden;
	padding: 16px 0 0;
	border-radius: 8px;
	background-color: #f8fafc
}

.viewMore>div,
.viewMore>p {
	overflow: hidden;
	position: relative
}

.viewMore button {
	display: block;
	position: relative;
	width: 100%;
	height: 48px;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	font-weight: 700
}

.viewMore button em {
	display: inline-block;
	position: relative;
	padding-right: 15px
}

.viewMore button em::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: .2s;
	transition: .2s;
	width: 6px;
	height: 6px;
	margin-top: -6px;
	border: solid #373a3c;
	border-width: 0 2px 2px 0
}

.viewMore button.type02 {
	border: none;
	height: 44px
}

.viewMore button.type02::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: .2s;
	transition: .2s;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border: solid #8b8f94;
	border-width: 0 1px 1px 0
}

.viewMore.expansion>div,
.viewMore.expansion>p {
	height: auto !important;
	padding-bottom: 16px
}

.viewMore.expansion button:before {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg)
}

.viewMore.expansion button em:after {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	margin-top: -3px
}

.travelContents {
	overflow: hidden;
	margin-top: 80px;
	border-radius: 8px
}

.travelContents article .swiperWrap .swiper-slide a {
	font-size: 0
}

.hypertextComponent .travelContents {
	margin-top: 0
}

.hypertextComponent .travelContents .ts-controls {
	margin: 0
}

.lazyLoading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background: #fff;
	z-index: 1000
}

.lazyLoading.mainLazy .container .contents {
	margin-right: 384px
}

.lazyLoading [class*=lazy] {
	animation-name: lazyGradient;
	animation-duration: 2s;
	opacity: .2;
	animation-iteration-count: infinite;
	border-radius: 4px
}

.lazyLoading .wrapper {
	text-align: center
}

.lazyLoading header {
	height: 160px;
	background: #f7f7fd;
	animation-name: lazyGradient;
	animation-duration: 2s;
	opacity: .2;
	animation-iteration-count: infinite
}

.lazyLoading .container {
	min-width: 1280px;
	max-width: 1712px;
	margin: 56px auto 0;
	padding: 0 104px 200px 104px
}

.lazyLoading .container .contents::after {
	content: "";
	display: block;
	clear: both
}

@keyframes lazyGradient {
	0% {
		opacity: .2
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: .2
	}
}

.lazyLoading .lazyTit {
	width: 200px;
	height: 60px;
	margin: 0 auto 32px;
	background: #f7f7fd
}

.lazyLoading .lazysubTxt {
	margin-bottom: 10px;
	height: 64px;
	background: #f7f7fd
}

.lazyLoading .lazysubTit {
	width: 320px;
	height: 40px;
	margin: 96px auto 32px;
	background: #f7f7fd
}

.lazyLoading .lazymainEvent {
	position: relative;
	height: 440px;
	padding: 210px 0 0 80px;
	background: #f7f7fd
}

.lazyLoading .lazymainEvent .tit {
	width: 320px;
	height: 56px;
	background: #fff
}

.lazyLoading .lazymainEvent .txt {
	width: 420px;
	height: 56px;
	margin-top: 16px;
	background: #fff
}

.lazyLoading .lazyBanner {
	height: 140px;
	margin-top: 60px;
	background: #f7f7fd
}

.lazyLoading .moduleWrap li {
	animation-name: lazyGradient;
	animation-duration: 2s;
	opacity: .2;
	animation-iteration-count: infinite
}

.lazyLoading .moduleWrap .list {
	margin-top: 32px
}

.lazyLoading .moduleWrap.timeArea .list li {
	display: inline-block;
	margin-left: 28px;
	text-align: center
}

.lazyLoading .moduleWrap.timeArea .list li:first-child {
	margin-left: 0
}

.lazyLoading .moduleWrap.timeArea .list li figure {
	width: 132px;
	height: 132px;
	margin: 0 auto;
	border-radius: 100%;
	background: #f7f7fd
}

.lazyLoading .moduleWrap.timeArea .list li p {
	height: 16px;
	margin-top: 16px;
	border-radius: 4px;
	background: #f7f7fd
}

.lazyLoading .moduleWrap.timeArea .list li p+p {
	width: 56px;
	height: 24px;
	margin: 12px auto 0
}

.lazyLoading .moduleWrap.timeArea .list li:nth-child(n+5) {
	display: none
}

.lazyLoading .moduleWrap.benefitArea li {
	float: left;
	width: calc(50% - 8px);
	height: 224px;
	margin-left: 8px;
	padding: 40px;
	background: #f7f7fd
}

.lazyLoading .moduleWrap.benefitArea li:first-child {
	margin-left: 0
}

.lazyLoading .moduleWrap.benefitArea li p {
	height: 32px;
	width: 128px;
	margin-top: 60px;
	border-radius: 4px;
	background: #fff
}

.lazyLoading .moduleWrap.benefitArea li p+p {
	width: 200px;
	margin-top: 12px
}

.lazyLoading .moduleWrap.priceArea {
	overflow: hidden
}

.lazyLoading .moduleWrap.priceArea li {
	float: left;
	width: calc(33.3% - 16px);
	height: 450px;
	margin-left: 16px;
	padding: 34px 40px;
	background: #f7f7fd
}

.lazyLoading .moduleWrap.priceArea li:first-child {
	margin-left: 0
}

.lazyLoading .moduleWrap.priceArea li figure {
	width: 100%;
	height: 240px
}

.lazyLoading .moduleWrap.priceArea li p {
	margin: 0 auto;
	border-radius: 4px;
	background: #fff
}

.lazyLoading .moduleWrap.priceArea li .sale {
	width: 80px;
	height: 40px;
	margin-top: 26px
}

.lazyLoading .moduleWrap.priceArea li .info {
	width: 100%;
	height: 16px;
	margin-top: 32px
}

.lazyLoading .moduleWrap.priceArea li .info+p {
	width: 60%;
	margin-top: 16px
}

.lazyLoading .moduleWrap.priceArea li:nth-child(n+4) {
	display: none
}

.lazyLoading .moduleWrap.priceArea.case li .sale {
	width: 100%
}

.lazyLoading .moduleWrap.priceArea.case li .info {
	margin-top: 16px
}

.lazyLoading .lazyPr {
	background: #f7f7fd;
	height: 456px;
	overflow: hidden;
	width: 100%;
	padding: 16px
}

.lazyLoading .lazyPr>* {
	float: left;
	width: 50%
}

.lazyLoading .lazyPr .img {
	background: #fff;
	border-radius: 4px;
	height: 100%
}

.lazyLoading .lazyPr .con {
	height: 100%
}

.lazyLoading .lazyPr .con p {
	width: 320px;
	height: 56px;
	background: #fff;
	margin: 150px auto 0
}

.lazyLoading .lazyPr .con p+p {
	margin-top: 10px
}

.lazyLoading .mainLeft {
	float: left;
	width: 100%
}

.lazyLoading .mainLeft .ssgdfLiveArea li {
	float: left;
	width: calc(33.3% - 16px);
	margin-left: 16px;
	animation-name: lazyGradient;
	animation-duration: 2s;
	opacity: .2;
	animation-iteration-count: infinite
}

.lazyLoading .mainLeft .ssgdfLiveArea li:first-child {
	margin-left: 0
}

.lazyLoading .mainLeft .ssgdfLiveArea li figure {
	position: relative;
	height: 482px;
	background: #f7f7fd
}

.lazyLoading .mainLeft .ssgdfLiveArea li figure p {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	height: 72px;
	border-radius: 4px;
	background: #fff
}

.lazyLoading .mainLeft .ssgdfLiveArea li p {
	border-radius: 4px;
	height: 16px;
	margin-top: 16px;
	background: #f7f7fd
}

.lazyLoading .mainLeft .ssgdfLiveArea li p~.num {
	width: 50%
}

.lazyLoading .mainLeft .ssgdfLiveArea li:nth-child(n+4) {
	display: none
}

.lazyLoading .mainRight {
	float: right;
	width: 384px;
	margin-right: -384px;
	padding-left: 56px
}

.lazyLoading .mainRight [class*=txt] {
	background: #f7f7fd;
	border-radius: 4px;
	animation-name: lazyGradient;
	animation-duration: 2s;
	opacity: .2;
	animation-iteration-count: infinite
}

.lazyLoading .mainRight .txtType01 {
	width: 90%;
	height: 40px
}

.lazyLoading .mainRight .txtType02 {
	width: 50%;
	height: 40px;
	margin-top: 8px
}

.lazyLoading .mainRight .txtType03 {
	width: 70%;
	height: 40px;
	margin-top: 8px
}

.lazyLoading .mainRight .mainBanner {
	position: relative;
	height: 452px;
	margin-top: 32px;
	padding: 286px 0 0 40px;
	background: #f7f7fd;
	animation-name: lazyGradient;
	animation-duration: 2s;
	opacity: .2;
	animation-iteration-count: infinite
}

.lazyLoading .mainRight .mainBanner p {
	width: 157px;
	height: 40px;
	background: #fff
}

.lazyLoading .mainRight .mainBanner p+p {
	width: 260px;
	margin-top: 16px
}

.lazyLoading .loadingList {
	margin-top: 64px;
	overflow: hidden;
	padding-left: 288px
}

.lazyLoading .loadingList .sub {
	float: left;
	width: 232px;
	margin-left: -288px
}

.lazyLoading .loadingList .sub>* {
	background: #f7f7fd;
	border-radius: 4px;
	width: 100%;
	animation-name: lazyGradient;
	animation-duration: 2s;
	opacity: .2;
	animation-iteration-count: infinite
}

.lazyLoading .loadingList .sub .tit {
	height: 40px
}

.lazyLoading .loadingList .sub .subTxt {
	width: 116px;
	height: 24px;
	margin-top: 24px
}

.lazyLoading .loadingList .sub .mn {
	height: 400px;
	margin-top: 12px
}

.lazyLoading .loadingList .sub .banner {
	height: 48px;
	margin-top: 32px
}

.lazyLoading .loadingList .con {
	float: left;
	width: 100%
}

.lazyLoading .loadingList .con ul {
	overflow: hidden
}

.lazyLoading .loadingList .con ul li {
	float: left;
	width: calc(33.3% - 16px);
	margin: 0 0 64px 16px;
	animation-name: lazyGradient;
	animation-duration: 2s;
	opacity: .2;
	animation-iteration-count: infinite
}

.lazyLoading .loadingList .con ul li>* {
	background: #f7f7fd;
	border-radius: 4px;
	height: 40px;
	display: block
}

.lazyLoading .loadingList .con ul li .img {
	height: 272px
}

.lazyLoading .loadingList .con ul li .brandName {
	margin-top: 16px
}

.lazyLoading .loadingList .con ul li .price {
	width: 50%;
	margin-top: 12px
}

.topContents {
	position: relative;
	height: auto;
	min-height: 230px;
	padding: 0 0 0 332px;
	color: #fff;
	border-radius: 8px;
	background-color: #90a3ff;
	background: linear-gradient(132deg, rgb(144, 163, 255) 50%, rgb(255, 121, 152) 110%)
}

.topContents .profile {
	position: absolute;
	top: 0;
	left: 0;
	width: 332px;
	height: 100%;
	margin-left: 0;
	padding: 40px 0 0 32px;
	background: #90a3ff;
	border-radius: 8px
}

.topContents .profile>.userArea {
	position: relative;
	min-height: 64px;
	padding-left: 80px
}

.topContents .profile>.userArea figure {
	position: absolute;
	top: 0;
	left: 0
}

.topContents .profile>.userArea figure .photo {
	overflow: hidden;
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 100%;
	background: #8189d4
}

.topContents .profile>.userArea figure .photo.none::after {
	content: "u";
	position: absolute;
	z-index: 1;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 64px;
	border-radius: 50%
}

.topContents .profile>.userArea figure .edit {
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
	z-index: 2;
	width: 24px;
	height: 24px;
	-webkit-box-shadow: 0 4px 10px 0 rgba(142, 158, 217, .2);
	box-shadow: 0 4px 10px 0 rgba(142, 158, 217, .2)
}

.topContents .profile>.userArea .userInfo {
	display: flex;
	flex-wrap: wrap;
	height: 64px;
	align-content: center
}

.topContents .profile>.userArea .userInfo h4 {
	margin-top: 3px;
	letter-spacing: -0.03em;
	font-size: 1.5rem;
	line-height: 20px
}

.topContents .profile>.userArea .userInfo h4>img {
	height: 24px
}

.topContents .profile>.userArea .userInfo .userName {
	display: block;
	width: 100%;
	font-size: 1.8rem;
	line-height: 24px;
	color: #fff;
	font-weight: 700;
	white-space: nowrap
}

.topContents .profile>.userArea .userInfo .userName span {
	display: inline-block;
	font-size: 2rem
}

.topContents .profile>.userArea .userInfo .btnArr {
	height: 32px;
	padding: 0 16px;
	margin-top: 7px;
	line-height: 30px;
	background: rgba(0, 0, 0, 0);
	border: 1px solid rgba(255, 255, 255, .5);
	color: #fff;
	font-weight: 400
}

.topContents .profile>.userArea .userInfo .btnArr::after {
	background: url(/fo/images/common/ico_arr_white_12x12.png) no-repeat;
	margin-bottom: -1px
}

.topContents .profile>ul {
	padding-left: 80px
}

.topContents .profile>ul li {
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 20px;
	font-size: 1.3rem;
	line-height: 1.8rem
}

.topContents .profile>ul li .tipArea {
	margin-left: 6px
}

.topContents .profile>ul li+li {
	margin-top: 2px
}

.topContents .profile>ul .co_members::before {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	left: 0;
	top: 2px;
	position: absolute;
	background: url(/fo/images/mypage/img_co_mem_other.png) no-repeat 0 0
}

.topContents .profile>ul .co_members_10::before {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	left: 0;
	top: 2px;
	position: absolute;
	background: url(/fo/images/mypage/img_co_mem_js.png) no-repeat 0 0
}

.topContents .profile .btnArea {
	display: flex;
	align-items: center;
	text-align: left;
	position: absolute;
	bottom: 34px;
	left: 112px;
	margin-top: 0
}

.topContents .profile .btnArea .btnConv {
	padding: 0 32px 0 16px;
	margin: 0;
	width: 195px;
	background-color: rgba(255, 255, 255, .2);
	border: 0;
	color: #fff;
	font-weight: 400
}

.topContents .profile .btnArea .btnConv::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url(/fo/images/mypage/icon_convert_wt.png);
	position: absolute;
	right: 16px;
	top: 12px
}

.topContents .profile .btnArea .tipArea {
	margin-left: 6px
}

.topContents .profile .btTip:before {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(/fo/images/mypage/icon_question_wt.png) no-repeat center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 50%
}

.topContents .ownInfo {
	overflow: hidden;
	padding: 32px;
	background: rgba(0, 0, 0, 0);
	border-radius: 0 8px 8px 0;
	height: 100%
}

.topContents .ownInfo .resList {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	height: 95px;
	padding: 20px 40px 20px 24px;
	background-color: rgba(255, 255, 255, .9);
	border-radius: 12px
}

.topContents .ownInfo .resList li {
	width: auto;
	box-sizing: border-box
}

.topContents .ownInfo .resList li:last-child {
	padding-right: 0
}

.topContents .ownInfo .resList li .tit {
	position: relative;
	display: inline-block;
	margin-bottom: 8px;
	padding: 0 16px 0 24px;
	color: #707378;
	font-size: 1.5rem;
	line-height: 1.53333;
	font-weight: 400
}

.topContents .ownInfo .resList li .tit::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	vertical-align: -2px;
	background: url(/fo/images/mypage/spr_mypageTop.png) no-repeat
}

.topContents .ownInfo .resList li.resCoup a:before {
	background-position: 0 0
}

.topContents .ownInfo .resList li.resDaily a:before {
	background-position: -22px 0
}

.topContents .ownInfo .resList li.resAdd a:before {
	background-position: -44px 0
}

.topContents .ownInfo .resList li.resCash a:before {
	background-position: -66px 0
}

.topContents .ownInfo .resList li.resPoint a:before {
	background-position: -88px 0
}

.topContents .ownInfo .resList li .tit:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	vertical-align: -2px;
	background: url(/fo/images/mypage/arr_dark_gr.png) no-repeat 0 0
}

.topContents .ownInfo .resList::after {
	content: none
}

.topContents .ownInfo .myInfoList {
	display: table;
	width: 100%;
	margin-top: 23px;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 8px
}

.topContents .ownInfo .myInfoList>li {
	display: table-cell;
	width: 50%;
	height: 58px;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, .2);
	line-height: 1;
	vertical-align: middle
}

.topContents .ownInfo .myInfoList>li:first-child {
	border: 0
}

.topContents .ownInfo .myInfoList>li .tit {
	margin-right: 12px;
	color: #fff
}

.topContents .ownInfo .resList li .resCont {
	position: relative;
	display: block;
	font-size: 1.8rem;
	line-height: 18px;
	color: #373a3c
}

.topContents .ownInfo .resList li .resCont b {
	margin-right: 2px;
	font-size: 2rem;
	line-height: 18px
}

.topContents .ownInfo .myGrdList {
	display: flex;
	width: 100%;
	margin-top: 25px
}

.topContents .ownInfo .myGrdList>li {
	position: relative;
	min-height: 46px;
	padding: 0 40px 0 24px
}

.topContents .ownInfo .myGrdList>li:first-child {
	border-right: 1px solid rgba(255, 255, 255, .2);
	padding-left: 0
}

.topContents .ownInfo .myGrdList>li .memberNum {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	padding-left: 11px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 400
}

.topContents .ownInfo .myGrdList>li .memberNum::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: #fff
}

.topContents .ownInfo .myGrdList>li .memberNum em {
	margin-left: 4px
}

.topContents .ownInfo .myGrdList>li .perRep {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	padding-left: 11px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 500;
	text-decoration: underline
}

.topContents .ownInfo .myGrdList>li .perRep::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: #fff
}

.topContents .ownInfo .myGrdList .gradeMore {
	position: absolute;
	top: 50%;
	right: -32px;
	width: 32px;
	height: 32px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	background-color: rgba(255, 255, 255, .2);
	border-radius: 50%
}

.topContents .ownInfo .myGrdList .gradeMore::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	padding: 0;
	background: url(/fo/images/mypage/arr_light_gr.png) 0 0 no-repeat
}

.topContents .ownInfo .myGrdList .tit {
	display: inline-block;
	font-size: 1.3rem;
	color: #fff;
	letter-spacing: -0.03em
}

.topContents .ownInfo .myGrdList .txt {
	display: block;
	margin-top: 2px;
	font-size: 1.3rem;
	color: #fff;
	letter-spacing: -0.03em
}

.topContents .ownInfo .myGrdList a {
	display: inline-block;
	position: relative;
	height: 20px;
	margin-left: 16px;
	padding-left: 24px;
	line-height: 20px;
	color: #fff;
	font-weight: 500
}

[lang=zh] .topContents .ownInfo .myGrdList a {
	font-weight: 700
}

.topContents .ownInfo .myGrdList a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 20px;
	height: 20px;
	background: url(/fo/images/mypage/spr_mypageMain.png) no-repeat;
	transform: translateY(-50%)
}

.topContents .ownInfo .myGrdList a.tier1:before {
	background-position: -188px 0
}

.topContents .ownInfo .myGrdList a.tier2:before {
	background-position: -168px 0
}

.topContents .ownInfo .myGrdList a.tier3:before {
	background-position: -148px 0
}

.topContents .ownInfo .myGrdList a.tier4:before {
	background-position: -128px 0
}

.topContents .ownInfo .myGrdList a.silver:before {
	background-position: -128px -32px
}

.topContents .ownInfo .myGrdList a.gold:before {
	background-position: -148px -32px
}

.topContents .ownInfo .myGrdList a.black:before,
.topContents .ownInfo .myGrdList a.blackwelcome:before {
	background-position: -168px -32px
}

.topContents .ownInfo .myGrdList a.vip:before {
	background-position: -228px -32px
}

.topContents .ownInfo .myGrdList a.platinum:before {
	background-position: -188px -32px
}

.topContents .ownInfo .myGrdList a.staff {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] .topContents .ownInfo .myGrdList a.staff {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.topContents .ownInfo .myGrdList a.staff::before {
	background-position: -208px -32px
}

.topContents .ownInfo .myGrdList a.img_blackvip:before {
	background-position: -228px -32px
}

.topContents .ownInfo .myGrdList a.universe {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] .topContents .ownInfo .myGrdList a.universe {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.topContents .ownInfo .myGrdList a.universe::before {
	background-image: url(/fo/images/mypage/img_simbol_universeclub.png);
	background-size: 100%
}

.myHistory {
	margin-top: 48px
}

.myHistory .titAreaMain {
	border: 0
}

.myHistory .prodList {
	overflow: hidden;
	margin: -12px -8px 0
}

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

.myHistory .prodList li {
	float: left;
	width: 33.33%;
	margin-top: 12px
}

.myHistory .prodList li a {
	display: block;
	position: relative;
	padding: 50px 16px 16px 148px;
	border-color: #e9ebfb;
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;
	margin: 0 8px;
	height: 182px;
	box-sizing: border-box
}

.myHistory .prodList li a figure {
	overflow: hidden;
	position: absolute;
	bottom: 16px;
	left: 16px;
	width: 116px;
	height: 116px;
	border-radius: 8px;
	text-align: center
}

.myHistory .prodList li a figure img {
	width: 116px;
	height: 116px;
	border-radius: 8px;
	background: #f8fafc
}

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

.myHistory .prodList li a .flagHis {
	position: absolute;
	top: 16px;
	left: 16px
}

.myHistory .prodList li a .brandName {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.myHistory .prodList li a .prodName {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-top: 4px;
	color: #6b6e73
}

.myHistory .prodList li a .priceArea {
	display: block;
	margin-top: 12px
}

.myHistory .prodList li a .priceArea .originPrice {
	display: block;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.2;
	text-decoration: line-through
}

.myHistory .prodList li a .priceArea .originPrice+.saleCont {
	margin-top: 4px
}

.myHistory .prodList li a .priceArea .saleCont {
	display: block;
	margin-top: 10px;
	font-size: 1.5rem;
	line-height: 1.2
}

.myHistory .prodList li a .priceArea .saleCont .priceWrap {
	display: block
}

.myHistory .prodList li a .priceArea .saleCont .priceWrap .originPrice {
	display: inline-block
}

.myHistory .prodList li a .priceArea .saleCont .saleNum {
	display: inline-block;
	color: #f42d10;
	margin-right: 4px;
	font-size: 1.5rem;
	font-weight: 700
}

.myHistory .prodList li a .priceArea .saleCont .saleDollar {
	display: inline-block;
	color: #373a3c;
	font-weight: 700
}

.myHistory .prodList li a .priceArea .saleCont .saleWon {
	display: inline-block;
	margin-left: 4px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 20px;
	font-weight: 400
}

.myHistory .prodSoldout::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .5)
}

.myHistory .prodSoldout figure {
	opacity: 1
}

.myHistory .prodSoldout figure::after {
	content: none !important
}

.myHistory .prodSoldout figure .prodState.soldOut,
.myHistory .prodSoldout figure .prodState.notForSale {
	height: 32px;
	padding: 0 12px !important;
	line-height: 32px;
	letter-spacing: -0.26px;
	background: rgba(55, 58, 60, .6);
	opacity: 1;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 400;
	border-radius: 8px
}

.myHistory .prodSoldout .brandImg {
	opacity: 1
}

.myHistory .prodSoldout .brandImg::before {
	content: none !important
}

.myHistory .prodSoldout .brandImg .prodState.soldOut,
.myHistory .prodSoldout .brandImg .prodState.notForSale {
	padding: 0 16px !important;
	background: rgba(55, 58, 60, .6);
	opacity: 1;
	color: #fff
}

.myHistory .prodSoldout .brandImg .img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.myHistory .prodSoldout .brandImg .img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6)
}

[lang=zh] .myHistory .prdList li a {
	border-color: #ffeef1
}

.ir {
	display: block;
	overflow: hidden !important;
	position: absolute !important;
	top: -1000em;
	left: 0;
	z-index: -1;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	background: none !important
}

.sumMoneyWrap .boxGray.flexBox {
	margin-bottom: 24px
}

.sumMoneyWrap .boxGray.centerBox {
	margin-bottom: 24px;
	padding: 24px;
	text-align: center;
	border-radius: 8px
}

.sumMoneyWrap .boxGray.centerBox span {
	display: block;
	font-size: 1.8rem;
	line-height: 26px;
	color: #373a3c
}

.sumMoneyWrap .boxGray.centerBox .btnSSG {
	margin-top: 16px
}

.laySumConvert .mbsInp {
	margin-top: 24px
}

.laySumConvert .mbsInp .frmInp .inpA input {
	padding-right: 32px
}

.laySumConvert .mbsInp .frmInp .inpA input::placeholder {
	text-align: left
}

.laySumConvert .mbsInp .frmInp.point .inpA:after {
	content: "포인트";
	display: block;
	position: absolute;
	right: 16px;
	top: 50%;
	line-height: 22px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 1.5rem;
	color: #1e2023
}

.laySumConvert .mbsInp .frmInp.point .inpA input {
	padding-right: 60px;
	text-align: right
}

.laySumConvert .boxGray.sum {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 32px
}

.laySumConvert .boxGray.sum .tit {
	display: block;
	color: #6b6e73;
	text-align: center
}

.laySumConvert .boxGray.sum .num {
	display: block;
	margin-top: 3px;
	font-size: 2.4rem;
	line-height: 27px;
	font-weight: 700;
	color: #4d6ee4;
	text-align: center
}

.laySumConvert .boxGray.sum .num abbr.unit {
	margin-left: 2px;
	font-size: 2rem;
	line-height: 24px;
	font-weight: 700;
	text-decoration: none;
	vertical-align: 0
}

.laySumConvert .boxGray.sum .num.bk {
	color: #373a3c
}

.laySumConvert .boxGray.sum>div {
	width: 50%
}

.laySumConvert .boxGray.sum>div+div {
	border-left: 1px solid #eaeaea
}

.coMemJoinList .listBox.boxTxtList li .boxTxtCont {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 92px;
	padding: 24px
}

.coMemJoinList .listBox.boxTxtList li .boxTxtCont>span {
	overflow: hidden;
	max-width: 63%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.8rem;
	line-height: 20px;
	color: #1e2023
}

.coMemJoinList .listBox.boxTxtList li .boxTxtCont>span .status {
	display: block;
	margin-bottom: 8px;
	color: #4d6ee4;
	font-size: 1.3rem;
	line-height: 18px;
	font-weight: 400
}

.coMemJoinList .listBox.boxTxtList li .boxTxtCont .btnSSG {
	width: 102px
}

.coMemJoinList .listBox.boxTxtList li:nth-child(n+4) {
	margin-top: 16px
}

@media screen and (min-width: 1750px) {
	.lazyLoading .moduleWrap.timeArea .list li:nth-child(n+4) {
		display: inline-block
	}
}

@media screen and (min-width: 1440px) {
	.lazyLoading .moduleWrap.priceArea li {
		width: calc(20% - 16px)
	}

	.lazyLoading .moduleWrap.priceArea li:nth-child(n+4) {
		display: block
	}

	.lazyLoading .mainLeft .ssgdfLiveArea li {
		width: calc(25% - 16px)
	}

	.lazyLoading .mainLeft .ssgdfLiveArea li:nth-child(n+4) {
		display: block
	}

	.lazyLoading .loadingList .con ul li {
		float: left;
		width: calc(20% - 16px)
	}
}

.layerIE {
	width: 500px;
	margin-left: -250px;
	background: #fff6d9
}

.layerIE .titLay {
	font-size: 3.2rem;
	border-bottom: none;
	line-height: 100px
}

.layerIE .layCont {
	width: 100%;
	margin: 0;
	padding: 0 24px 45px;
	text-align: center;
	max-height: none
}

.layerIE .boxW {
	border-radius: 12px;
	padding: 13px 0 15px;
	background: #fff
}

.layerIE .boxW strong {
	display: block;
	margin-bottom: 8px;
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .layerIE .boxW strong {
	font-weight: 700
}

[lang=zh] .layerIE .boxW strong {
	font-weight: 700
}

.layerIE .boxW .txtLayIE01 {
	color: #6b6e73;
	font-size: 1.3rem
}

.layerIE .txtLayIE02 {
	margin-top: 24px
}

.layerIE .browserList {
	display: inline-block;
	margin: 24px auto 0
}

.layerIE .browserList>li {
	display: inline-block;
	width: 80px;
	margin-left: 12px;
	text-align: center
}

.layerIE .browserList>li:first-child {
	margin-left: 0
}

.layerIE .browserList>li a {
	display: block
}

.layerIE .browserList>li a span {
	display: block;
	margin-top: 8px;
	height: 30px;
	color: #6b6e73;
	font-size: 1.3rem;
	border-radius: 30px;
	line-height: 30px;
	text-align: center;
	background: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}

.layerIE .notiFoot {
	position: absolute;
	bottom: -37px;
	left: 0;
	width: 100%;
	text-align: left;
	padding: 13px 0 0 0
}

.layerIE .notiFoot .frmSel label {
	color: #fff;
	font-weight: 400
}

.layerIE .notiFoot .closeL {
	width: 37px;
	height: 37px;
	right: 0;
	color: #fff
}

@media screen and (max-width: 1280px) {
	.wrapper {
		width: 100%
	}

	.sideBanner.fixed .mainSideCont {
		margin: 0;
		right: calc(100% - 1280px + 72px)
	}
}

@media screen and (min-width: 1441px)and (max-width: 1680px) {
	.sideBanner.fixed .mainSideCont {
		margin: 0;
		right: 152px;
		width: calc((100% - 304px)*.2 - 27px)
	}
}

@media screen and (max-width: 1441px) {
	.attachGuide {
		width: 290px
	}

	.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li {
		width: 50%
	}

	.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt {
		width: 50%
	}

	.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt dl {
		display: block
	}

	.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt dl dt {
		margin-right: 0
	}

	.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo.coming li.wt dl dd {
		margin-top: 8px
	}

	.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo>li {
		height: 162px !important
	}

	.myActivity .activityList .question {
		width: 141.65%
	}

	.myActivity .activityList>li>a .titInner {
		padding: 12px 16px 10px 16px
	}

	.myActivity .activityList>li>a .titInner .text {
		position: static;
		padding-left: 20px;
		margin-top: 2px
	}

	.myTripInfo .inner .noData {
		padding: 122px 0 0 0
	}

	.myTripInfo .inner .mainBtns .tripInner {
		height: 356px !important
	}

	.myTripInfo .inner .mainBtns .tripInner .passportInfo>li.info04 .cont em {
		display: block
	}

	.myTripInfo .inner .mainBtns .tripInner .passportInfo>li.info04 .cont em .br {
		display: block
	}

	.orderlistMain>li .info .priceArea .won {
		display: block
	}

	.coMemJoinList .listBox.boxTxtList li {
		width: 50%
	}

	.coMemJoinList .listBox.boxTxtList li:nth-child(n+3) {
		margin-top: 16px
	}
}

.mainWrapper .mytypeComponent.mainModule>.prodList.prodThumb {
	width: calc(100% + 20px);
	margin-left: -8px;
	margin-top: 0;
	font-size: 0
}

.mainWrapper .mytypeComponent.mainModule>.prodList.prodThumb .prodCont {
	width: 33.3333%;
	margin: 0;
	margin-top: 32px;
	padding: 0 8px
}

.mainWrapper .mytypeComponent.mainModule>.prodList.prodThumb .prodCont figure::after {
	height: 100%
}

.mainWrapper .mytypeComponent.mainModule .btnArea {
	position: relative;
	margin-bottom: 8px
}

.mainWrapper .mytypeComponent.mainModule .btnArea::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 0;
	border-top: 1px dashed #dcdfe3
}

.mainWrapper .mytypeComponent.mainModule .btnArea .btMors {
	position: relative;
	z-index: 1;
	width: 327px;
	height: 47px;
	text-align: center;
	border-radius: 50px;
	border: 1px solid #dcdfe3;
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 500;
	background: #fff
}

@media screen and (min-width: 1663px) {
	.listHistory>li .list li {
		width: calc(33.33% - 3px)
	}

	.categoryCont .prodList.prodThumb .prodCont:nth-child(n+5) {
		margin-top: 56px
	}

	.moreSale_fing~#filterContents .prodList.prodThumb .prodCont:nth-child(n+5) {
		margin-top: 56px
	}

	.mainWrapper .mytypeComponent.mainModule>.prodList.prodThumb .prodCont {
		width: 25%
	}

	.prodList.prodThumb w .prodCont {
		width: 20%;
		margin-top: 0;
		margin-left: -4px
	}

	[lang=zh] .prodList.prodThumb w .prodCont {
		width: calc(25% - 1px)
	}

	.prodList.prodThumb w .prodCont:nth-child(n+5) {
		margin-top: 0
	}

	.prodList.prodThumb w .prodCont:nth-child(n+6) {
		margin-top: 56px
	}

	.prodList.prodListStyle .prodCont {
		display: inline-block;
		width: calc(50% - 32px);
		min-height: 260px;
		margin-left: 28px;
		padding-bottom: 59px
	}

	.prodList.prodListStyle .prodCont:nth-child(2n-1) {
		margin-left: 0
	}

	.prodList.prodListStyle .prodCont .priceArea {
		position: static;
		width: 100%;
		margin-top: 12px;
		text-align: left
	}

	.prodList.prodListStyle .prodCont .priceArea .txtLoginBefore {
		display: block
	}

	.prodList.prodListStyle .prodCont .priceArea .saleDollar {
		display: inline-block;
		font-size: 1.8rem
	}

	.prodList.prodListStyle .prodCont .priceArea .saleWon {
		display: inline-block;
		line-height: 27px
	}

	.prodList.prodListStyle .prodCont .optionBtns {
		display: block;
		width: 100%;
		margin-top: 0;
		position: absolute;
		bottom: 24px;
		left: 0
	}

	.prodList.prodListStyle .prodCont .prodBtns {
		bottom: 19px
	}

	.prodList.prodListStyle .prodCont .prodInfo .prodName {
		padding-right: 150px
	}

	.prodList.prodListStyle .prodCont.prodSoldout .prodState.soldOut {
		margin-top: -36px
	}

	.prodList.prodListStyle .offProd {
		min-height: 209px
	}

	.prodList.prodListStyle .offProd .offProdTxt {
		position: static;
		margin-top: 0
	}

	.brandFilter .prodList.prodListStyle .prodCont .prodState.soldOut {
		top: 50% !important
	}

	.brandFilter .prodList.prodListStyle .prodCont .prodInfo .prodName {
		padding-right: 0
	}

	.brandFilter .prodList.prodListStyle .prodCont .optionBtns {
		top: auto !important;
		left: 0 !important;
		bottom: 35px
	}

	.brandFilter .prodList.prodListStyle .prodCont .prodBtns {
		bottom: 29px
	}

	.brandFilter .prodList.prodListStyle .prodCont .con {
		position: relative
	}

	.brandFilter .prodList.prodListStyle .prodCont .con .btnApply {
		position: static;
		width: 100%;
		margin-top: 18px !important
	}

	.swiperWrap.swipeBoarding .swiper-slide .myshoppingInfo {
		margin-bottom: 24px
	}

	.sideBanner.fixed .mainSideCont {
		right: 50%;
		margin-right: -760px;
		width: 277px
	}

	.itemInfoList.basketPurchase>li {
		width: calc(33.3333333333% - 16px) !important
	}

	.itemInfoList.basketPurchase>li:nth-child(n+3) {
		margin-top: 0
	}

	.itemInfoList.basketPurchase>li:nth-child(n+4) {
		margin-top: 16px
	}

	.layCont .itemInfoList.basketPurchase>li {
		width: calc(50% - 16px) !important
	}

	.brandmallWrap .brandNow .nowList {
		margin: 0 -8px
	}

	.brandmallWrap .brandNow .nowList>li {
		width: 25%
	}

	.brandmallWrap .brandNow .nowList>li:nth-child(4) {
		display: block
	}

	.brandmallWrap .prodList.prodThumb .prodCont:nth-child(n+6) {
		margin-top: 56px
	}

	.brandmallWrap .brandFilter .prodList.prodThumb .prodCont:nth-child(n+5) {
		margin-top: 56px
	}
}

@media screen and (min-width: 1903px) {
	.sideBanner.fixed .mainSideCont {
		margin-right: -760px;
		right: 50%;
		width: 277px
	}

	[lang=zh] .mypickPr.brandPick #prodList .prodList.prodThumb .prodCont:nth-child(5) {
		margin-top: 56px !important
	}
}

@media screen and (min-width: 1663px)and (max-width: 1919px) {
	[lang=zh] .prodList.prodThumb .prodCont:nth-child(5) {
		margin-top: 0 !important
	}

	[lang=zh] .mypickPr.brandPick #prodList .prodList.prodThumb .prodCont:nth-child(5) {
		margin-top: 56px !important
	}

	[lang=zh] .brandmallWrap .brandFilter .prodList.prodThumb .prodCont:nth-child(5) {
		margin-top: 0 !important
	}
}