.col_cRed05 {
	color: #fe324b !important
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox .secretBox label,
.formList.cmCommuList .inpFile .attachFile.fileON .del,
.formList.dgQnaFormList .inpFile .attachFile.fileON .del,
.lankingComponent .section button {
	overflow: hidden;
	text-indent: -9999px
}

.formList.cmCommuList .inpFile .attachFile.fileON .del::before,
.formList.dgQnaFormList .inpFile .attachFile.fileON .del::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont::-webkit-scrollbar-track {
	border-radius: 10px
}

.col_cRed05 {
	color: #fe324b !important
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox .secretBox label,
.formList.cmCommuList .inpFile .attachFile.fileON .del,
.formList.dgQnaFormList .inpFile .attachFile.fileON .del,
.lankingComponent .section button {
	overflow: hidden;
	text-indent: -9999px
}

.formList.cmCommuList .inpFile .attachFile.fileON .del::before,
.formList.dgQnaFormList .inpFile .attachFile.fileON .del::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont::-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(../fonts/Pretendard-Bold.subset.woff2) format("woff2"), url(../fonts/Pretendard-Bold.subset.woff) format("woff"), url(../fonts/Pretendard-Bold.ttf) format("truetype"), url(../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(../fonts/Pretendard-Medium.subset.woff2) format("woff2"), url(../fonts/Pretendard-Medium.subset.woff) format("woff"), url(../fonts/Pretendard-Medium.ttf) format("truetype"), url(../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(../fonts/Pretendard-Regular.subset.woff2) format("woff2"), url(../fonts/Pretendard-Regular.subset.woff) format("woff"), url(../fonts/Pretendard-Regular.ttf) format("truetype"), url(../fonts/Pretendard-Regular.otf) format("opentype")
}

.stepGuide>li:before {
	background-image: url(../images/bg_stepGuideC.png)
}

.prodCont .priceArea .saleCont .saleNum {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.prodCont .priceArea .saleCont .saleNum b {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

input[type=text]:focus,
input[type=password]:focus {
	border-color: #ff82b0
}

textarea:focus {
	border-color: #ff82b0;
	background: #fff
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .swiper-pagination {
	left: 93px
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li {
	width: calc(25% - 4px)
}

.header .headInner .headUtil .recentProd .popLayCont .btnArea .btnXS {
	width: calc(50% - 9px)
}

.mainCon .ts-controls.playStop {
	margin-top: 0
}

.prcustomComponent .tabList .img {
	margin-bottom: 2px
}

.main_quickMn {
	overflow: hidden;
	display: block;
	width: 100%;
	padding: 24px 0;
	border-bottom: 1px solid #eaeaea;
	font-size: 0
}

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

.main_quickMn li {
	display: inline-block;
	width: 10%;
	padding: 0
}

.main_quickMn li a {
	display: block;
	text-align: center
}

.main_quickMn li a figure {
	width: 40px;
	margin: 0 auto
}

.main_quickMn li a figure img {
	width: 100%
}

.main_quickMn li a .txt {
	display: block;
	overflow: hidden;
	padding-top: 8px;
	font-weight: 700;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.5rem
}

.main_quickMn.u685 {
	padding: 40px 0 25px;
	border-bottom: none
}

.main_quickMn.u685 li a figure {
	width: 80px;
	border-radius: 20px
}

.main_quickMn.u685 li a .txt {
	padding-top: 5px;
	font-size: 1.4rem;
	font-weight: 400
}

.timesaleComponent h2 a {
	position: relative;
	padding: 0 22px 0 40px
}

.timesaleComponent h2 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 32px;
	height: 32px;
	background: url(../images/ico_clock.png) no-repeat 0 0
}

.timesaleComponent h2 .timeInfo {
	padding-left: 0;
	background: none
}

.timesaleComponent .mTit.mtit_Cn {
	height: 40px;
	line-height: 40px
}

.timesaleComponent .mTit.mtit_Cn a {
	height: 100%;
	padding-right: 24px;
	line-height: 40px;
	font-weight: 700;
	background-position: right 55%;
	font-size: 3.2rem
}

.mainCon .timesaleComponent .mTit.mtit_Cn a {
	font-size: 2.8rem
}

.timesaleComponent .mTit.mtit_Cn a .timeInfo {
	color: #fe324b;
	display: inline-block;
	height: 100%;
	margin-left: 16px;
	padding-left: 32px;
	vertical-align: unset;
	line-height: 40px;
	font-size: 2.8rem;
	font-weight: 700;
	background: url(../images/ico-time-sale-timer_Cn.svg) no-repeat 0 55%;
	background-size: 24px 24px
}

.timesaleComponent .mTit.mtit_Cn a .timeInfo::after {
	top: 11px
}

.mainCon .timesaleComponent .mTit.mtit_Cn a .timeInfo {
	font-size: 2.4rem
}

.timesaleComponent .mTit.mtit_Cn a .timeInfo.warn {
	color: #e6230a;
	background-image: url(../images/ico-time-sale-timer_KC1m.svg)
}

.timesaleComponent .mTit.mtit_Cn a .timeInfo b {
	margin-left: 10px;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: -1.5px
}

.mainCon .timesaleComponent .mTit.mtit_Cn a .timeInfo b {
	font-size: 2.4rem
}

.timesaleComponent .mTit.mtit_Cn a::before {
	display: none
}

.timesaleComponent.mainModule h2 a {
	padding-left: 34px
}

.timesaleComponent.mainModule h2 a::before {
	top: 11px;
	width: 24px;
	height: 24px;
	background: url(../images/ico_clock_C.png) no-repeat 0 0
}

.timesale_imp .mTit a {
	padding-right: 25px;
	font-weight: 700 !important
}

.timesale_imp .mTit a .timeInfo {
	vertical-align: bottom !important
}

.timesale_imp .mTit a .timeInfo b {
	margin-left: 14px
}

.timesale_imp .timesaleSwipe .swiper-slide .brandName {
	height: auto !important;
	font-weight: 700
}

.timesale_imp .timesaleSwipe .swiper-slide .saleNum {
	font-size: 1.6rem
}

.timesale_imp .timesaleSwipe .swiper-slide .saleNum b {
	margin-right: 5px;
	font-size: 2rem
}

.timesaleSwipe .swiper-container {
	padding-bottom: 20px
}

.timesaleSwipe a {
	display: block
}

.timesaleSwipe a figure {
	padding-top: 100%;
	width: 100%;
	border-radius: 50%;
	background: url(../images/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.timesaleSwipe a figure::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(30, 32, 35, .3);
	z-index: 1
}

.timesaleSwipe a figure>img {
	display: block;
	position: absolute;
	top: -100%;
	right: -100%;
	left: -100%;
	bottom: -100%;
	width: 100%;
	height: auto;
	margin: auto
}

.timesaleSwipe a figure .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 110px;
	height: 42px;
	margin: -21px 0 0 -55px;
	z-index: 2
}

.timesaleSwipe a figure .logo img {
	width: 100%
}

.timesaleSwipe a .price {
	display: block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	min-width: 85px;
	height: 29px;
	line-height: 29px;
	border-radius: 60px;
	background-color: #4d6ee4;
	background: linear-gradient(to right, #ff411e, #ff448f);
	text-align: center;
	color: #fff
}

[lang=zh] .timesaleSwipe a .price {
	background-color: #fe324b
}

.timesaleSwipe a .price b {
	padding-right: 2px;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700
}

.timesaleSwipe a .price.login {
	padding: 0 10px
}

.timesaleSwipe .ts-controls.playStop {
	margin-top: 23px
}

.timesaleSwipe .ts-prev,
.timesaleSwipe .ts-next {
	top: 40%
}

.tdspComponent .mTit a {
	position: relative;
	padding: 0 17px 0 30px;
	background-position: right 25%
}

.tdspComponent .mTit a::before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 32px;
	height: 32px;
	background: url(../images/icon_tds.png) no-repeat left 50%
}

.tdspComponent .mTit a em {
	padding-top: 8px;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 400;
	color: #5a5f64
}

.tdspComponent .mTit a em b {
	font-weight: 400
}

.tdspComponent .ts-controls.playStop {
	margin-top: 23px
}

.tdspSwipe .prodCont .prodState.adult {
	margin-top: -40px
}

.tdspSwipe .prodCont .prodState.adult~a figure {
	opacity: 0
}

.tdspSwipe .prodCont .prodState.adult~.optionBtns {
	z-index: 1000
}

.tdspSwipe .prodCont .brandName {
	padding-right: 0
}

.tdspSwipe .prodCont .optionBtns>button {
	margin: 0 1px
}

.tdspSwipe .prodCont .priceArea .saleWon {
	color: #4d6ee4
}

[lang=zh] .tdspSwipe .prodCont .priceArea .saleWon {
	color: #fe324b
}

.tdspSwipe .prodCont .prodInfo {
	height: 205px;
	margin-top: 0
}

.specialprice_imp.mainModule .mTit a {
	font-weight: 700
}

.specialprice_imp.mainModule .mTit a .timeInfo::after {
	display: none
}

.specialprice_imp.mainModule .mTit a .timeInfo em {
	color: #fe324b
}

.specialprice_imp.mainModule .todaysp_pr .prodCont .priceArea .originPrice {
	font-size: 1.5rem !important
}

.specialprice_imp.mainModule .todaysp_pr .prodCont .priceArea .saleCont .saleDollar {
	font-size: 1.8rem !important
}

.specialprice_imp.mainModule .todaysp_pr .prodCont .priceArea .saleCont em,
.specialprice_imp.mainModule .todaysp_pr .prodCont .priceArea .saleCont .saleWon {
	display: inline-block;
	color: #6b6e73
}

.u602Cn .mainCon .specialprice_imp.mainModule .mTit.mtit_Cn a {
	font-size: 2.8rem;
	font-weight: 700
}

.u602Cn .mainCon .specialprice_imp.mainModule .mTit.mtit_Cn a .timeInfo {
	font-size: 2.4rem;
	text-decoration: none
}

.u602Cn .mainCon .specialprice_imp.mainModule .mTit.mtit_Cn a .timeInfo b {
	font-size: 2.4rem
}

.recommendComponent {
	overflow: hidden;
	margin: 80px -10px 0;
	padding: 0 10px
}

.recommendprSwipe {
	margin-top: 24px;
	overflow: visible
}

.recommendprSwipe .swiper-container {
	padding-bottom: 20px;
	overflow: visible
}

.recommendprSwipe .con {
	display: block
}

.recommendprSwipe .con figure {
	overflow: hidden;
	position: relative;
	min-height: 220px;
	border-radius: 8px;
	background: url(../images/bg_prodLogo.png) no-repeat 50% 50%;
	background-size: 50%
}

.recommendprSwipe .con figure img {
	display: block;
	width: 100%;
	border-radius: 8px
}

.recommendprSwipe .con:hover .txt {
	border-radius: 8px;
	box-shadow: 0 10px 20px 0 rgba(77, 110, 228, .15)
}

.recommendprSwipe .txt {
	display: block;
	margin-top: -15px;
	padding: 25px 0 16px;
	text-align: center
}

.recommendprSwipe .txt .brandName {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 400;
	padding-right: 0;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80%;
	margin: 0 auto
}

.recommendprSwipe .txt .prName {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80%;
	margin: 0 auto
}

.lankingComponent {
	margin-top: 80px
}

.lankingComponent .tabList li a.on .img,
.lankingComponent .tabList li a:hover .img {
	background-color: #e9ebfb;
	background: linear-gradient(131deg, #e9ebfb 0%, #e9ebfb 0%, #ffeef1 0%)
}

[lang=zh] .lankingComponent .tabList li a.on .img,
[lang=zh] .lankingComponent .tabList li a:hover .img {
	background-color: #ffeef1
}

.lankingComponent .tabList li a .img {
	margin-bottom: 2px
}

.lankingComponent .lankingWrap {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 24px;
	padding-right: 20px;
	border-color: #4d6ee4;
	border: 1px solid;
	border-radius: 4px
}

[lang=zh] .lankingComponent .lankingWrap {
	border-color: #fe324b
}

.lankingComponent .lankingWrap>* {
	display: table-cell;
	vertical-align: top
}

.lankingComponent .section {
	position: relative;
	width: 20%;
	background: red;
	background: #ff566a;
	background: linear-gradient(to right, #ff566a -1%, #ff885b 101%);
	text-align: center
}

.lankingComponent .section::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 10%;
	left: 50%;
	width: 110px;
	height: 146px;
	margin-left: -55px;
	background: url(../images/ico_lanking.png) no-repeat 0 0
}

.lankingComponent .section .tit {
	display: block;
	padding: 40px 0 12px;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #fff;
	font-weight: 400
}

.lankingComponent .section button {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../images/ico_add.png) no-repeat 0 0
}

.lankingComponent .swipePr {
	padding-left: 16px
}

.lankingComponent .tdspSwipe {
	margin-top: 17px;
	padding-bottom: 24px !important
}

.lankingComponent .tdspSwipe ul .swiper-slide::before {
	left: 0
}

.lankingComponent .tdspSwipe ul .swiper-slide:first-child::before {
	background: url(../images/spr_icoC.png) no-repeat 0 0
}

.lankingComponent .tdspSwipe ul .swiper-slide:hover .prodCont:hover figure:before {
	background: none
}

.lankingComponent .tdspSwipe ul .swiper-slide:hover .prodCont a figure:after {
	display: block
}

.lankingComponent .tdspSwipe ul .swiper-slide:hover .prodCont a .prodInfo {
	background: #f5f7fa
}

.lankingComponent .tdspSwipe .prodCont {
	width: auto;
	border-radius: 8px;
	background: #fff;
	border: none;
	min-height: inherit !important
}

.lankingComponent .tdspSwipe .prodCont a figure {
	min-height: auto !important
}

.lankingComponent .tdspSwipe .prodCont a .prodInfo .brandName {
	padding-top: 0
}

.lankingComponent .tdspSwipe .prodCont .priceArea .originPrice {
	margin-top: 0;
	display: inline-block
}

.lankingComponent .tdspSwipe .prodCont .optionBtns {
	top: 45%
}

.u602.u602Cn .mainCon .ts-controls.playStop {
	margin-top: 23px
}

.u602.u602Cn .swiperWrap.mainBannerSwiper.typeV .paging .ts-controls.playStop {
	margin-top: 0
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tabList li a.on .img,
.u602.u602Cn .lankingComponent.lankingComponentCn .tabList li a:hover .img {
	background: none;
	background-color: none
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tabList li a .img {
	margin-bottom: 2px;
	background: none
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe {
	padding-bottom: 0 !important;
	margin-top: 32px
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont {
	border: 1px solid #eaeaea;
	background: #fff
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont .prodState {
	transition: opacity .3s
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont .prodState.adult {
	top: 50%;
	z-index: 100;
	margin-top: -116px;
	background: #fff
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont .prodState.adult+a figure img[src="../images/img_blank.png"] {
	display: none
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont figure {
	transition: opacity .3s
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont:hover {
	border-color: #5a5f64
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont:hover .prodState,
.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont:hover figure {
	opacity: .7
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont .prodInfo {
	margin-top: 0;
	padding: 16px 30px 24px
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont .optionBtns {
	top: 55%
}

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

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

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

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont .priceArea .originPrice {
	margin-top: 0
}

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

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont .priceArea .saleNum {
	margin-top: 0;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #f42d10;
	font-weight: 700
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe .prodCont .priceArea .saleNum::after {
	content: none
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe ul .swiper-slide::before {
	left: 24px
}

.u602.u602Cn .lankingComponent.lankingComponentCn .tdspSwipe ul .swiper-slide:hover .prodCont a .prodInfo {
	background: none
}

.tabList li a .img {
	border-radius: 50%;
	background: #f5f7fa
}

.tabList li a.on .img,
.tabList li a:hover .img {
	background: #ff411e;
	background: linear-gradient(131deg, #ff436e 16%, #ff436e 50%, #ff411e 84%)
}

.newBrandComponent .tabList li a .img {
	margin-bottom: 2px
}

.newBrandComponent .tabList li a.on .img,
.newBrandComponent .tabList li a:hover .img {
	background: linear-gradient(131deg, #e9ebfb 0%, #e9ebfb 0%, #ffeef1 0%)
}

.prcustomComponent {
	margin-top: 80px
}

.prcustomComponent .prodList {
	padding-top: 24px
}

.prcustomComponent .prodCont {
	width: 24% !important;
	padding: 0 8px
}

.prcustomComponent .prodCont a {
	border-radius: 4px
}

.prcustomComponent .prodCont figure {
	min-height: auto
}

.prcustomComponent .prodCont figure::after {
	background: rgba(255, 255, 255, .03)
}

.mainWrap .prcustomComponent .prodCont figure::after {
	background: rgba(12, 38, 159, .03)
}

.prcustomComponent .prodCont figure.banner {
	padding: 0
}

.prcustomComponent .prodCont .prodInfo {
	padding: 0 12px 24px
}

.prcustomComponent .prodCont .prodInfo .brandName {
	font-size: 1.3rem
}

.prcustomComponent .prodCont .priceArea .priceWrap em {
	color: #f42d10;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.prcustomComponent .prodCont .priceArea .priceWrap em b {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.prcustomComponent .prodCont .priceArea .saleWon {
	margin-left: 0;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.sideVideo {
	margin-top: 0
}

.mainFoot_cmall {
	margin-top: 82px;
	border-top: 2px solid #1e2023;
	overflow: hidden;
	width: 100%;
	display: table;
	table-layout: fixed
}

.mainFoot_cmall>* {
	display: table-cell;
	vertical-align: top
}

.mainFoot_cmall h3 {
	font-size: 2rem;
	line-height: 1.4;
	color: #1e2023;
	font-weight: 700
}

.mainFoot_cmall .conWrap {
	width: 60%;
	border-right: 1px solid #eaeaea
}

.mainFoot_cmall .quickMn {
	overflow: hidden;
	border-bottom: 1px solid #eaeaea
}

.mainFoot_cmall .quickMn li {
	float: left;
	width: 16%;
	text-align: center;
	padding: 32px 0
}

.mainFoot_cmall .quickMn li a {
	display: block;
	width: 100%;
	color: #373a3c
}

.mainFoot_cmall .quickMn li a .img {
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto 8px;
	border-radius: 50%;
	background: #f5f7fa
}

.mainFoot_cmall .quickMn li a .img img {
	width: 24px;
	height: 24px;
	margin: 18px auto 0
}

.mainFoot_cmall .storeInfo {
	overflow: hidden;
	width: 100%;
	padding: 32px 0 0 24px
}

.mainFoot_cmall .storeInfo h3 {
	float: left
}

.mainFoot_cmall .storeInfo ul {
	overflow: hidden;
	float: right;
	width: 430px
}

.mainFoot_cmall .storeInfo li {
	float: left;
	line-height: 2.3
}

.mainFoot_cmall .storeInfo li a {
	display: block;
	padding: 0 16px;
	color: #6b6e73
}

.mainFoot_cmall .noticeInfo {
	position: relative;
	width: 40%;
	padding: 32px 0 0 40px
}

.mainFoot_cmall .noticeInfo .more {
	position: absolute;
	top: 40px;
	right: 0;
	padding-right: 14px;
	color: #6b6e73;
	background: url(../images/btn_ico_link.png) no-repeat right 36%;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.mainFoot_cmall .noticeInfo .noticeList {
	padding-top: 12px
}

.mainFoot_cmall .noticeInfo .noticeList li {
	clear: both;
	height: 44px
}

.mainFoot_cmall .noticeInfo .noticeList li a {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 0 75px 0 0;
	line-height: 44px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.mainFoot_cmall .noticeInfo .noticeList li a span {
	display: block;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 44px;
	line-height: 44px
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate {
	display: inline-block;
	position: relative;
	top: 0;
	margin-right: 6px;
	padding-left: 19px;
	vertical-align: middle;
	line-height: 44px;
	color: #525f6f;
	font-size: 1.3rem;
	font-weight: 700
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: url("../images/ico_boardList.png") no-repeat -52px 0
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate.shopping {
	color: #007a34
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate.store {
	color: #4d6ee4
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate.brand {
	color: #ad00c4
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate.system {
	color: #ce0700
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate.shopping:before {
	background-position: -13px 0
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate.store:before {
	background-position: -26px 0
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate.brand:before {
	background-position: -39px 0
}

.mainFoot_cmall .noticeInfo .noticeList li a span.cate.system:before {
	background-position: 0 0
}

.mainFoot_cmall .noticeInfo .noticeList li a span i {
	font-style: normal;
	line-height: 1;
	vertical-align: middle
}

.mainFoot_cmall .noticeInfo .noticeList li a em {
	display: block;
	position: absolute;
	top: 13px;
	right: 0;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.mainFoot_cmall .noticeInfo .noticeList li a:hover {
	color: #4d6ee4
}

[lang=zh] .mainFoot_cmall .noticeInfo .noticeList li a:hover {
	color: #fe324b
}

.popularCtg .txtSort .ui-selectmenu-button:after {
	background-image: url(../images/ico_select_big.png)
}

.mTit .timeInfo {
	background-image: url(../images/ico_clock_C.png)
}

.timesaleNodata:before {
	background-image: url(../images/illust_cart_empty.png)
}

.prInfo_intro .name {
	letter-spacing: 0
}

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

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

.prInfo_top .benefitsTop .detail img {
	width: 135px
}

.prInfo_top .benefitsTop .detail .con li em a img {
	width: auto
}

.prSelect .con li>div.sizeSl input:checked+label span {
	background: #fff6f8
}

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

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

.basketTop .btnCart .btn button.btnLineG {
	background: #fff
}

.basketTop .btnCart .btn button.action {
	color: #fff;
	box-shadow: 0 10px 20px 0 rgba(255, 67, 110, .4)
}

.basketTop .btnCart .btn button.alipay {
	background: #00a0e9;
	color: #fff
}

.basketTop .btnCart .btn button.alipay em {
	padding-left: 28px;
	background: url(../images/ico_txtbtn.png) no-repeat 0 50%
}

.basketTop .btnCart .btn button:disabled {
	border: 1px solid #b9bcc0
}

.benefitsDetail .tit {
	letter-spacing: -2px
}

.benefitsDetail .info {
	letter-spacing: -2px
}

.prdeatilImg .more em:after {
	background: url(../images/ico_expand_more_s_red.png) no-repeat 0 0
}

.qnaWrap .accordianList .toggleAction .ctrl .qnaFlag .flagComplete {
	background: rgba(255, 246, 248, .5)
}

.setPr_list li a::before {
	background: url(../images/ico_check_set_red.png) no-repeat 0 0
}

@media screen and (min-width: 1663px)and (max-width: 1919px) {
	.wrapper.mainWrapper.u602Cn .categoryCont .fixToBottomLimit .prodList.prodThumb .prodCont:nth-child(n+5) {
		margin-top: 56px !important
	}
}

.prodList.prodThumb.prodRanking>li:first-child .prodCont:before,
.prodList.prodThumb.prodReview>li:first-child .prodCont:before {
	background: url(../images/spr_icoC.png) no-repeat 0 0
}

.noData.prDetail_noData:before {
	background: url(../images/ico_empty.png) no-repeat 0 50%
}

.topContents .ownInfo .resList {
	table-layout: initial
}

.topContents .ownInfo .resList>li {
	width: auto
}

.topContents .ownInfo .resList>li .resCont {
	font-size: 1.6rem
}

.topContents .ownInfo .resList>li .resCont b {
	font-size: 1.8rem
}

.topContents .ownInfo .resList>li .tit::before {
	background-image: url(../images/spr_mypageTop_cn.png)
}

.directPurLink {
	margin-bottom: 22px
}

.directPurLink a {
	overflow: hidden;
	display: flex;
	position: relative;
	height: 45px;
	padding: 9px 0 9px 19px;
	color: #922ac1;
	font-size: 1.8rem;
	letter-spacing: -0.03em;
	font-weight: 600;
	background-color: #f8f5fa;
	border: 1px solid #922ac1;
	border-radius: 4px;
	box-sizing: border-box
}

.directPurLink a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border: 1px solid #922ac1;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.benefitBox {
	border-color: rgba(254, 223, 227, .15)
}

.saleWrap .specialprice_imp .todaysp_pr li {
	width: 19.8%
}

.todaysp_pr li {
	width: 24.6%
}

.submainTop {
	position: relative;
	padding-right: 288px;
	border-radius: 8px;
	background-image: linear-gradient(108deg, #5c73a3 1%, #34466c 90%)
}

.submainTop .tipArea {
	top: 2px
}

.submainTop .tipArea .btTip:before {
	width: 20px;
	height: 20px;
	margin: -9px 0 0 -9px;
	background: url(../images/spr_dgMain.png) no-repeat -24px 0
}

.submainTop .myInfoArea {
	padding: 40px 46px
}

.submainTop .myInfoArea .infoGrade {
	position: relative;
	padding-left: 78px
}

.submainTop .myInfoArea .infoGrade .gradeIco {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	padding: 12px;
	border-radius: 50%;
	background: #405584;
	box-sizing: border-box;
	text-align: center
}

.submainTop .myInfoArea .infoGrade .gradeIco img {
	width: 36px;
	height: auto
}

.submainTop .myInfoArea .infoGrade .gradeTxt .name {
	display: inline-block;
	height: 64px;
	color: #fff;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 64px
}

.submainTop .myInfoArea .infoGrade .gradeTxt .btGrade {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding-right: 16px;
	color: #efbe7a;
	font-size: 1.8rem;
	font-weight: 700
}

.submainTop .myInfoArea .infoGrade .gradeTxt .btGrade::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/spr_dgMain.png) no-repeat
}

.submainTop .myInfoArea .infoGrade .tipWrap {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -11px
}

.submainTop .myInfoArea .infoGrade .tipWrap .titTip {
	display: inline-block;
	color: #fff
}

.submainTop .myInfoArea .gradeArea {
	position: relative;
	margin-top: 16px
}

.submainTop .myInfoArea .gradeArea .tipWrap {
	position: relative;
	z-index: 10
}

.submainTop .myInfoArea .gradeArea .titTip {
	color: #fff
}

.submainTop .myInfoArea .gradeArea .titTip em {
	font-weight: 700
}

.submainTop .myInfoArea .gradeArea .graph {
	position: relative;
	padding: 17px 0 53px;
	z-index: 2
}

.submainTop .myInfoArea .gradeArea .graph .bar {
	position: relative;
	height: 8px;
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;
	border-color: #e9ebfb;
	opacity: .2
}

[lang=zh] .submainTop .myInfoArea .gradeArea .graph .bar {
	border-color: #ffeef1
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum {
	position: absolute;
	top: 16px;
	left: 0;
	width: 100%;
	height: 8px
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 29%;
	margin-left: -6px;
	padding-top: 23px
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li::after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	opacity: 1;
	z-index: 101
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade01 {
	margin: 0
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade01 .money:before {
	background-image: linear-gradient(to right, #a8adbb, #8c909e)
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade02 {
	left: 29%;
	width: 31%
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade02 .money:before {
	background-image: linear-gradient(to right, #d9af73, #a47e48)
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade03 {
	left: 60%;
	width: 39.9%
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade03 .money:before {
	background-image: linear-gradient(to right, #9c6fe1, #6523c9)
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade04 {
	left: calc(100% - 55px);
	width: 65px
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade04::after {
	display: none
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li.grade04 .money span {
	left: auto;
	right: 0
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li>strong {
	display: block;
	color: #fff;
	font-weight: 700;
	opacity: .4
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li .txtLevel {
	color: #fff;
	opacity: .8
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li[aria-current=true]::after {
	opacity: 1
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li[aria-current=true]+li:after {
	opacity: .4
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li[aria-current=true] .txtLevel {
	opacity: 1
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li[aria-current=true] .money {
	display: block
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li[aria-current=true] .money span {
	display: inline-block
}

.submainTop .myInfoArea .gradeArea .graph .gradeSum li[aria-current=true]+li .money {
	display: none
}

.submainTop .myInfoArea .gradeArea .graph .money {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 6px;
	text-align: right;
	z-index: 10
}

.submainTop .myInfoArea .gradeArea .graph .money span {
	display: none;
	position: absolute;
	top: -13px;
	left: 100%;
	min-width: 87px;
	height: 32px;
	padding: 0 20px 0 10px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #efbe7a;
	color: #1e2023;
	font-weight: 700;
	z-index: 10;
	text-align: center
}

.submainTop .myInfoArea .gradeArea .graph .money span::after {
	content: "";
	position: absolute;
	top: 14px;
	right: 7px;
	width: 12px;
	height: 12px;
	margin: -5px 0 0 2px;
	background: url(../images/spr_dgMain.png) no-repeat -12px 0
}

.submainTop .myInfoArea .gradeArea .graph .money::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 100%;
	border-radius: 6px
}

.submainTop .myInfoArea .gradeArea .txt {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	opacity: .4;
	font-size: 1.3rem
}

.submainTop .rightArea {
	position: absolute;
	top: 0;
	right: 0;
	width: 288px;
	height: 100%;
	padding: 10px 0 0 48px;
	border-radius: 0 8px 8px 0;
	background: #235
}

.submainTop .rightArea>a {
	display: block;
	margin-top: 33px;
	color: #fff
}

.submainTop .rightArea>a .tit {
	position: relative;
	display: inline-block;
	padding-right: 16px;
	font-size: 1.8rem
}

.submainTop .rightArea>a .tit::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/spr_dgMain.png) no-repeat -92px 0
}

.submainTop .rightArea>a .data {
	position: relative;
	display: block;
	margin-top: 8px;
	padding-left: 33px;
	font-size: 2.4rem;
	font-weight: 700
}

.submainTop .rightArea>a .data::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../images/spr_dgMain.png) no-repeat
}

.submainTop .rightArea>a .data em {
	display: inline-block;
	margin-right: 5px
}

.submainTop .rightArea>a.linkPoint .data::before {
	background-position: -44px 0
}

.submainTop .rightArea>a.linkOrder .data::before {
	background-position: -68px 0
}

.cbs #cbsTabBnefit.tabContentWrap {
	overflow: unset !important
}

.cbs #cbsTabBnefit .tabContentWrap {
	overflow: unset !important
}

.cbs .cartAndorder {
	margin-top: 78px
}

.cbs .cartAndorder .cartOrderBtnbox {
	display: flex;
	justify-content: space-between
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn {
	width: 100%;
	max-width: 752px
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG {
	width: 100%;
	height: 84px;
	font-size: 2.6rem;
	border: solid 1px #dcdfe3;
	border-radius: 12px;
	text-align: center;
	line-height: .69;
	letter-spacing: -0.78px;
	color: #5a5f64;
	box-sizing: border-box
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.cartBtn span {
	position: relative
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.cartBtn span::before {
	content: "";
	background: url(../images/ico_cart_16x_stroke_gray.svg) no-repeat;
	position: absolute;
	left: -34px;
	bottom: -1px;
	background-size: 26px;
	width: 30.4px;
	height: 30.4px
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.cartBtn span::after {
	content: "";
	background: url(../images/ico_chevron_right_16x_2s_gray.svg) no-repeat;
	position: absolute;
	width: 18.1px;
	height: 16px;
	right: -25px;
	top: 14px
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.cartBtn:hover {
	color: #fe324b;
	border: solid 1px #fe324b
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.cartBtn:hover span::before {
	content: "";
	background: url(../images/ico_cart_16x_stroke.svg) no-repeat;
	position: absolute;
	background-size: 26px;
	width: 30.4px;
	height: 30.4px
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.cartBtn:hover span::after {
	content: "";
	background: url(../images/ico_chevron_right_16x_2s_pink.svg) no-repeat;
	position: absolute
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.orderBtn span {
	position: relative
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.orderBtn span::before {
	content: "";
	background: url(../images/ico_chatbot_16x_stroke.svg) no-repeat;
	position: absolute;
	left: -34px;
	bottom: -1px;
	background-size: 26px;
	width: 30.4px;
	height: 30.4px
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.orderBtn span::after {
	content: "";
	background: url(../images/ico_chevron_right_16x_2s_gray.svg) no-repeat;
	position: absolute;
	width: 18.1px;
	height: 16px;
	right: -26px;
	top: 12px
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.orderBtn:hover {
	color: #fe324b;
	border: solid 1px #fe324b
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.orderBtn:hover span::before {
	content: "";
	background: url(../images/ico_chatbot_16x_stroke_pink.svg) no-repeat;
	position: absolute;
	background-size: 26px;
	width: 30.4px;
	height: 30.4px
}

.cbs .cartAndorder .cartOrderBtnbox .coBtn .btnSSG.orderBtn:hover span::after {
	content: "";
	background: url(../images/ico_chevron_right_16x_2s_pink.svg) no-repeat;
	position: absolute
}

.cbs .exclusiveBenefit .titDep2 {
	margin: 86px 0 38px
}

.cbs .exclusiveBenefit .titDep2 .benefitOnbtn {
	position: relative
}

.cbs .exclusiveBenefit .titDep2 .benefitOnbtn::after {
	content: "";
	background: url(../images/ico_mainsideban_arr_r_on.svg) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 35%;
	left: calc(100% + 37px)
}

.cbs .exclusiveBenefit .swiperWrap .swiper-container {
	margin: 0 auto;
	padding: 14px 0
}

.cbs .exclusiveBenefit .swiperWrap .paging {
	text-align: center
}

.cbs .exclusiveBenefit .swiperWrap .paging .ts-paging {
	display: inline-block;
	position: relative;
	width: auto;
	height: 28px;
	line-height: 28px;
	vertical-align: top
}

.cbs .exclusiveBenefit .swiperWrap .paging .ts-paging span {
	height: 28px;
	line-height: 28px
}

.cbs .exclusiveBenefit .swiperWrap .paging .ts-controls {
	display: inline-block;
	height: 28px;
	vertical-align: top
}

.cbs .exclusiveBenefit .swiperWrap .paging .ts-controls.playStop [class^=btn] {
	position: relative;
	left: 0;
	bottom: 0;
	width: 28px;
	margin: 0;
	vertical-align: top
}

.cbs .exclusiveBenefit .swiperWrap .paging .ts-controls.playStop [class^=btn]::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 16px;
	height: 16px;
	margin: 0;
	background: url(../images/btn_playstop.png) no-repeat
}

.cbs .exclusiveBenefit .swiperWrap .paging .ts-controls.playStop [class^=btn].btnStop::after {
	background-position: 0 0
}

.cbs .exclusiveBenefit .swiperWrap .paging .ts-controls.playStop [class^=btn].btnPlay::after {
	background-position: 0 -16px
}

.cbs .exclusiveBenefit .swiperWrap .ts-prev,
.cbs .exclusiveBenefit .swiperWrap .ts-next {
	margin-top: -48px
}

.cbs .tabType01>li.tabON.tabSub {
	padding-bottom: 0
}

.cbs .tabBenefitWrap ul.col_03>li {
	width: 25% !important;
	margin-top: 56px
}

.cbs .tabBenefitWrap ul.listType li {
	float: left;
	display: table;
	table-layout: fixed
}

.cbs .tabBenefitWrap ul.listType li a {
	display: table-cell;
	width: 22%;
	vertical-align: middle
}

.cbs .tabBenefitWrap ul.listType li .cont {
	display: table-cell;
	width: 78%;
	padding-left: 16px;
	vertical-align: middle
}

.cbs .tabBenefitWrap ul.listType li .cont .tit {
	display: block;
	position: relative;
	top: 4px;
	width: 70%;
	margin: 0;
	padding-right: 0;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cbs .tabBenefitWrap ul.listType li .cont .desc {
	display: block;
	width: 70%;
	margin: 4px 0 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cbs .tabBenefitWrap ul.listType li .cont .imgList>ul>li .cont time {
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.cbs .tabBenefitWrap ul.listType li .cont .icoArea {
	bottom: -5px;
	top: auto
}

.cbs .tabBenefitWrap ul.listType li .cont .icoArea .popWrap.popShare .popLayCont {
	min-width: 355px
}

.cbs .tabBenefitWrap ul.listType li .cont .icoArea .popWrap.popShare .popLayCont .snsList li {
	display: inline-block
}

.cbs .tabBenefitWrap ul.bannerList .bannerType {
	overflow: visible
}

.cbs .tabBenefitWrap ul.bannerList .bannerType .eventInfo {
	padding: 12px 0 0
}

.cbs .tabBenefitWrap ul.bannerList .bannerType .eventInfo .icoArea {
	right: 0
}

@media(max-width: 1440px) {
	.cbs #innerTabCont11 ul.col_03 li {
		width: 33% !important
	}
}

.dgMenuList {
	width: 100%;
	margin-top: 32px
}

.dgMenuList li {
	float: left;
	width: 33.3%;
	border: 1px solid #dcdfe3
}

.dgMenuList li a {
	display: block;
	height: 64px;
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 62px
}

.dgMenuList li a i {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 12px;
	position: relative;
	top: -2px;
	vertical-align: middle
}

.dgMenuList li a i img {
	display: block;
	width: 100%
}

.dgMenuList li:nth-child(n+4) {
	margin-top: -1px
}

.dgMenuList li:nth-child(3n),
.dgMenuList li:nth-child(3n-1) {
	margin-left: -1px
}

.dgMenuList li:only-child {
	display: block;
	margin: 0 auto
}

.dgMenuList li:first-child:nth-last-child(2) {
	margin-left: 16.6666666667%
}

.dgMainCont {
	position: relative;
	margin-top: 80px
}

.dgMainCont .titArea {
	position: relative;
	margin: 0
}

.dgMainCont .titArea .titDep2 {
	display: block;
	margin: 80px 0 16px 0;
	line-height: 100%;
	font-size: 3.2rem;
	text-align: center;
	font-weight: 500
}

.dgMainCont .titArea .txtLink {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.dgMainCont .titArea .titDep3 {
	display: block;
	margin-top: 24px;
	text-align: center
}

.dgMainCont.cont01 .titArea .titDep2 {
	margin-bottom: 0
}

.dgMainCont.cont01 .swiperBandtype {
	margin-top: 40px
}

.dgMainCont.cont01 .swiperWrap .ts-prev,
.dgMainCont.cont01 .swiperWrap .ts-next {
	top: 30%
}

.dgMainCont.cont02 .titArea {
	text-align: center
}

.dgMainCont.cont02 .titArea .titDep2 {
	margin-bottom: 0
}

.dgMainCont.cont02 .titArea .graTit {
	display: inline-block;
	margin: 38px 0 0;
	line-height: 100%;
	background: linear-gradient(90deg, #f00 -19.7%, #ff9d0a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	font-size: 3.3rem
}

.dgMainCont.cont02 .swiperGroup {
	margin-top: 22px
}

.dgMainCont.cont02 .controlBtn .ts-prev,
.dgMainCont.cont02 .controlBtn .ts-next {
	opacity: 1
}

.dgMainCont.cont03 .swiperWrap .ts-prev,
.dgMainCont.cont03 .swiperWrap .ts-next,
.dgMainCont.cont05 .swiperWrap .ts-prev,
.dgMainCont.cont05 .swiperWrap .ts-next,
.dgMainCont.secretPrice .swiperWrap .ts-prev,
.dgMainCont.secretPrice .swiperWrap .ts-next,
.dgMainCont.cont06 .swiperWrap .ts-prev,
.dgMainCont.cont06 .swiperWrap .ts-next {
	top: 30%;
	margin-top: 0
}

.dgMainCont.cont06 .dgProdList {
	counter-reset: section
}

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

.dgMainCont.cont06 .dgProdList .prodCont:first-child:before {
	background-position: 0px -106px
}

.dgMainCont.cont04 {
	text-align: center
}

.dgMainCont p.bultType01 {
	display: inline-block;
	margin: 0 auto
}

.dgMainCont .storeList>li figure {
	min-height: 258px
}

.dgProdList {
	overflow: hidden;
	margin: 0 -6px;
	white-space: nowrap
}

.dgProdList li {
	display: inline-block;
	width: 25%;
	margin-left: -4px;
	padding: 0 6px
}

.dgProdList li .date {
	margin-top: 16px;
	color: #8b8f94;
	line-height: 1
}

.dgProdList li .flag {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 30px;
	padding: 8px 5px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.16;
	text-align: center;
	border-radius: 8px 8px 0 8px;
	box-sizing: border-box;
	z-index: 101;
	background-color: #4d6ee4
}

[lang=zh] .dgProdList li .flag {
	background-color: #fe324b
}

.dgProdList li .lowBid {
	display: inline-block;
	margin-top: 15px;
	height: 28px;
	padding: 4px 7px;
	color: #373a3c;
	font-size: 1.3rem;
	border-radius: 8px;
	line-height: 19px;
	background: #f5f7fa
}

.dgProdList li .lowBid strong {
	font-size: 1.3rem;
	font-weight: 700
}

.dgProdList li .lowBid strong em {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.dgProdList li .bidTime {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index: 99;
	color: #fff;
	font-size: 1.8rem;
	line-height: 48px;
	background: rgba(30, 32, 35, .6);
	text-align: center
}

.swiperWrap.swiperGroup {
	padding-bottom: 0 !important
}

.swiperWrap.swiperGroup .swiper-container .swiper-wrapper {
	overflow: hidden
}

.swiperWrap.swiperGroup .swiper-pagination {
	top: 24px;
	left: auto;
	right: 24px;
	width: auto;
	color: #8b8f94;
	font-size: 1.8rem;
	background: none
}

.swiperWrap.swiperGroup .swiper-pagination .current {
	color: #1e2023;
	font-size: 2.4rem;
	font-weight: 700
}

.groupPurchase {
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	background: #f5f7fa;
	font-size: 0
}

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

.groupPurchase .left {
	display: inline-block;
	width: 568px;
	padding: 0 80px;
	text-align: center;
	vertical-align: top;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.groupPurchase .left .innerCon {
	display: table;
	table-layout: fixed;
	width: 100%
}

.groupPurchase .left .flag {
	position: relative;
	top: -7px;
	width: 59px;
	height: 30px;
	margin-right: 10px;
	border-radius: 8px;
	background: #ff436e;
	font-size: 1.3rem;
	line-height: 30px;
	color: #fff;
	text-align: center
}

.groupPurchase .left .inner {
	width: 408px;
	height: 475px;
	display: table-cell;
	vertical-align: middle
}

.groupPurchase .left .date {
	color: #373a3c
}

.groupPurchase .left .tit {
	display: block;
	font-size: 3.2rem;
	color: #1e2023;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.groupPurchase .left .subTit {
	display: block;
	font-size: 1.8rem;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto
}

.groupPurchase .left .groupGraph {
	position: relative;
	margin-top: 40px;
	height: 55px;
	text-align: left
}

.groupPurchase .left .groupGraph::before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 0;
	width: 100%;
	height: 12px;
	border: 1px solid #e9ebfb;
	border-radius: 12px;
	background: #fff
}

.groupPurchase .left .groupGraph .bar {
	position: absolute;
	top: 14px;
	left: 0;
	height: 12px;
	background-image: linear-gradient(to right, #ff436e, #ff411e);
	border-radius: 12px
}

.groupPurchase .left .groupGraph .bar .num {
	position: absolute;
	top: -14px;
	right: 0;
	width: 60px;
	height: 40px;
	margin-right: -30px;
	color: #1e2023;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 40px;
	background: #fff;
	border-color: #4d6ee4;
	font-weight: 700;
	line-height: 40px;
	box-shadow: 0 10px 20px 0 rgba(99, 57, 66, .12)
}

[lang=zh] .groupPurchase .left .groupGraph .bar .num {
	border-color: #fe324b
}

.groupPurchase .left .groupGraph .bar .num strong {
	font-size: 1.8rem;
	font-weight: 700
}

.groupPurchase .left .groupGraph .txt li {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #6b6e73;
	font-size: 1.3rem
}

.groupPurchase .left .groupGraph .txt li+li {
	left: auto;
	right: 0
}

.groupPurchase .left .groupGraphCase {
	position: relative;
	margin-top: 40px;
	padding-top: 14px;
	height: 55px;
	text-align: left
}

.groupPurchase .left .groupGraphCase::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 1px solid var(--col_blue09);
	border-radius: 16px;
	background: var(--col_white)
}

.groupPurchase .left .groupGraphCase .sectionGraph {
	position: relative;
	display: block;
	width: 100%;
	height: 12px;
	border-radius: 16px;
	background-image: linear-gradient(to left, #ff448f, #ff411e)
}

.groupPurchase .left .groupGraphCase .sectionGraph .con {
	position: absolute;
	top: 0;
	left: 0;
	width: 75%;
	height: 12px;
	background: rgba(255, 255, 255, .25);
	border-right: 2px dotted var(--col_white)
}

.groupPurchase .left .groupGraphCase .sectionGraph .con::before {
	content: "";
	display: block;
	height: 100%;
	width: 66%;
	background: rgba(255, 255, 255, .25);
	border-right: 2px dotted var(--col_white)
}

.groupPurchase .left .groupGraphCase .sectionGraph .con::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 33%;
	background: rgba(255, 255, 255, .25);
	border-right: 2px dotted var(--col_white)
}

.groupPurchase .left .groupGraphCase .bnfBar {
	position: absolute;
	top: 14px;
	left: 0;
	width: 100%;
	height: 12px
}

.groupPurchase .left .groupGraphCase .bnfTxt {
	position: absolute;
	top: -16px;
	right: 0;
	width: 60px;
	height: 40px;
	margin-right: -30px;
	color: #1e2023;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 40px;
	background: #fff;
	border-color: #4d6ee4;
	font-weight: 700;
	line-height: 40px;
	box-shadow: 0 10px 20px 0 rgba(99, 57, 66, .12);
	font-size: 1.8rem;
	font-weight: 700
}

[lang=zh] .groupPurchase .left .groupGraphCase .bnfTxt {
	border-color: #fe324b
}

.groupPurchase .left .groupGraphCase .txt li {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #6b6e73;
	font-size: 1.3rem
}

.groupPurchase .left .groupGraphCase .txt li+li {
	left: auto;
	right: 0
}

.groupPurchase .left .groupGraph .bar[style^="width:0%"] .bnfTxt,
.groupPurchase .left .groupGraph .bar[style^="width:0%"] .num,
.groupPurchase .left .groupGraph .bar[style^="width:1%"] .bnfTxt,
.groupPurchase .left .groupGraph .bar[style^="width:1%"] .num,
.groupPurchase .left .groupGraph .bar[style^="width:2%"] .bnfTxt,
.groupPurchase .left .groupGraph .bar[style^="width:2%"] .num,
.groupPurchase .left .groupGraph .bar[style^="width:3%"] .bnfTxt,
.groupPurchase .left .groupGraph .bar[style^="width:3%"] .num,
.groupPurchase .left .groupGraph .bar[style^="width:4%"] .bnfTxt,
.groupPurchase .left .groupGraph .bar[style^="width:4%"] .num,
.groupPurchase .left .groupGraph .bar[style^="width:5%"] .bnfTxt,
.groupPurchase .left .groupGraph .bar[style^="width:5%"] .num,
.groupPurchase .left .groupGraph .bar[style^="width:6%"] .bnfTxt,
.groupPurchase .left .groupGraph .bar[style^="width:6%"] .num,
.groupPurchase .left .groupGraph .bar[style^="width:7%"] .bnfTxt,
.groupPurchase .left .groupGraph .bar[style^="width:7%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:0%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:0%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:1%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:1%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:2%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:2%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:3%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:3%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:4%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:4%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:5%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:5%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:6%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:6%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:7%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:7%"] .num {
	right: auto;
	left: 0
}

.groupPurchase .left .groupGraph .bar[style^="width:100%"] .num,
.groupPurchase .left .groupGraph .bar[style^="width:100%"] .bnfTxt,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:100%"] .num,
.groupPurchase .left .groupGraphCase .bnfBar[style^="width:100%"] .bnfTxt {
	left: auto;
	right: 0
}

.groupPurchase .left .quantityBox {
	overflow: hidden;
	margin-top: 40px;
	background: #fff;
	border-radius: 8px;
	padding: 18px 24px
}

.groupPurchase .left .quantityBox::before {
	content: "";
	display: block;
	clear: both
}

.groupPurchase .left .quantityBox .txt {
	float: left
}

.groupPurchase .left .quantityBox .num {
	float: right
}

.groupPurchase .left .quantityBox .num em {
	padding-right: 5px;
	color: #4d6ee4;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

[lang=zh] .groupPurchase .left .quantityBox .num em {
	color: #fe324b
}

.groupPurchase .right {
	overflow: hidden;
	display: inline-block;
	width: calc(100% - 571px);
	background: #f8fafc;
	height: 475px
}

.groupPurchase .swiperWrap {
	padding: 80px 0 13px;
	margin: 0 auto;
	width: 368px
}

.groupPurchase .swiperWrap .swiper-container .swiper-slide {
	background: none;
	width: 176px !important
}

.groupPurchase .swiperWrap .swiper-container .swiper-slide .prodCont {
	width: 176px
}

.groupPurchase .swiperWrap .swiper-container .swiper-slide .prodCont figure {
	padding: 14px;
	min-height: auto;
	background: #fff
}

.groupPurchase .swiperWrap .swiper-container .swiper-slide .prodCont .prodInfo {
	text-align: center
}

.groupPurchase .swiperWrap .swiper-container .swiper-slide .prodCont .prodInfo .saleWon {
	font-size: 1.3rem
}

.groupPurchase .swiperWrap .swiper-container .swiper-slide .prodCont .brandName {
	padding-right: 0
}

.groupPurchase .swiperWrap .ts-controls {
	margin-top: 35px;
	text-align: center;
	padding-bottom: 20px
}

.groupPurchase .swiperWrap .ts-controls * {
	vertical-align: top
}

.groupPurchase .swiperWrap .ts-controls .ts-prev,
.groupPurchase .swiperWrap .ts-controls .ts-next {
	position: relative;
	top: auto;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-top: 0;
	background: none
}

.groupPurchase .swiperWrap .ts-controls .ts-prev::after,
.groupPurchase .swiperWrap .ts-controls .ts-next::after {
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/spr_s_swiper.png) no-repeat
}

.groupPurchase .swiperWrap .ts-controls .ts-prev.ts-next:after,
.groupPurchase .swiperWrap .ts-controls .ts-next.ts-next:after {
	background-position: 100% 0
}

.groupPurchase .swiperWrap .ts-controls .ts-paging {
	position: relative;
	display: inline-block;
	width: auto;
	margin-top: 15px
}

.swiperWrap.swiperAuction {
	padding-bottom: 42px
}

.swiperWrap.swiperAuction .dgProdList li {
	margin-left: 0;
	padding: 0
}

.swiperWrap.swipeBrand {
	padding-bottom: 24px
}

.swiperWrap.swipeBrand .swiper-container {
	width: auto;
	margin: 0 140px
}

.swiperWrap.swipeBrand .swiper-container .swiper-wrapper {
	width: 10000px;
	margin: 0 -40px 0 0;
	white-space: nowrap
}

.swiperWrap.swipeBrand .swiper-container .swiper-wrapper.storeList.storeCard>li {
	height: auto;
	min-height: inherit
}

.swiperWrap.swipeBrand .swiper-container .swiper-wrapper.storeList.storeCard>li .inner {
	height: auto;
	margin: 0
}

.swiperWrap.swipeBrand .swiper-container .swiper-wrapper.storeList.storeCard>li .inner figure {
	height: auto;
	overflow: hidden;
	border-radius: 50%;
	padding-top: 100%;
	min-height: 258px
}

.swiperWrap.swipeBrand .swiper-container .swiper-wrapper.storeList.storeCard>li .inner .contLink {
	height: 100% !important
}

.swiperWrap.swipeBrand .ts-prev,
.swiperWrap.swipeBrand .ts-next {
	width: 64px;
	height: 64px;
	margin-top: -56px;
	background: rgba(255, 255, 255, .4)
}

.swiperWrap.swipeBrand .ts-prev::after,
.swiperWrap.swipeBrand .ts-next::after {
	width: 22px;
	height: 41px;
	margin: -20px 0 0 -11px;
	background: url(../images/common/spr_swiper.png) no-repeat
}

.swiperWrap.swipeBrand .ts-prev:after {
	background-position: -91px 0
}

.swiperWrap.swipeBrand .ts-next:after {
	background-position: -112px 0
}

.swiperWrap.typeBrand .swiper-container {
	margin: 0 140px;
	width: calc(100% - 280px)
}

.swiperWrap.typeBrand li:hover figure {
	background-color: #fff
}

.swiperWrap.typeBrand li:hover figure .imgLogo {
	margin-top: -46px
}

.swiperWrap.typeBrand li:hover figure::after {
	background: rgba(0, 0, 0, .7)
}

.swiperWrap.typeBrand .inner {
	height: auto;
	margin: 0;
	position: relative
}

.swiperWrap.typeBrand .inner figure {
	height: auto;
	overflow: hidden;
	border-radius: 50%;
	padding-top: 100%
}

.swiperWrap.typeBrand .inner figure>img {
	position: absolute;
	top: 0;
	right: 0;
	left: 0
}

.swiperWrap.typeBrand .inner figure::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3)
}

.swiperWrap.typeBrand .inner .imgLogo {
	overflow: hidden;
	position: absolute;
	width: 160px;
	height: 60px;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -80px;
	transition: margin-top .3s
}

.swiperWrap.typeBrand .inner .contLink {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	text-indent: -999999em
}

.swiperWrap.typeBrand .ts-prev,
.swiperWrap.typeBrand .ts-next {
	width: 64px;
	height: 64px;
	margin-top: -56px;
	background: rgba(255, 255, 255, .4)
}

.swiperWrap.typeBrand .ts-prev::after,
.swiperWrap.typeBrand .ts-next::after {
	width: 22px;
	height: 41px;
	margin: -20px 0 0 -11px;
	background: url(../images/common/spr_swiper.png) no-repeat
}

.swiperWrap.typeBrand .ts-prev:after {
	background-position: -91px 0
}

.swiperWrap.typeBrand .ts-next:after {
	background-position: -112px 0
}

.prodCont .saleNum {
	display: inline-block;
	color: #f42d10;
	font-weight: 700
}

.dgMainBtmArea {
	margin-top: 80px;
	font-size: 0;
	border-bottom: 1px solid #eaeaea
}

.dgMainBtmArea::after {
	content: "";
	width: 64px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: calc(50% - 32px);
	bottom: 0
}

.dgMainBtmArea .titArea {
	border-bottom: 1px solid #1e2023;
	padding-bottom: 14px
}

.dgMainBtmArea .titArea .txtLink {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

.dgMainBtmArea .left {
	display: inline-block;
	width: 50%;
	padding-right: 32px;
	vertical-align: top
}

.dgMainBtmArea .left:only-child {
	width: 100%;
	padding-right: 0
}

.dgMainBtmArea .left:only-child::after {
	content: "";
	width: 64px;
	height: 1px;
	background: #eaeaea;
	position: absolute;
	left: calc(50% - 32px);
	bottom: 0;
	z-index: 99
}

.dgMainBtmArea .right {
	display: inline-block;
	width: 50%;
	padding-left: 32px;
	vertical-align: top
}

.dgMainBtmArea .right .boardList {
	border-bottom: 0
}

.dgMainBtmArea .right:only-child {
	width: 100%;
	padding-left: 0
}

.dgMainBtmArea .right:only-child::after {
	content: "";
	width: 64px;
	height: 1px;
	background: #eaeaea;
	position: absolute;
	left: calc(50% - 32px);
	bottom: 0;
	z-index: 99
}

.dgMainBtmArea .cmCommuList {
	padding-bottom: 14px
}

.dgMainBtmArea .cmCommuList li {
	border: none
}

.dgMainBtmArea .cmCommuList li a {
	padding: 12px 0;
	font-weight: 700
}

.myTripInfo .inner+.inner {
	margin-left: -6px
}

.joinInfoModify .joinInfo .joinInfoList li .cont {
	width: calc(100% - 180px)
}

.topContents .profile .userInfo li .tit {
	width: 141px
}

.benefitArea .benefitBoxList.flexBox>li {
	margin-left: -6px
}

.searchResultBrand .inner .resultList li {
	margin-right: -4px
}

.stepProcess>li:after {
	background-image: url(../images/spr_guideC.png)
}

.searchType fieldset input:focus~.icSearch:after,
.searchWrap .searchArea input:focus~.icSearch:after {
	background: url(../images/spr_icoC.png) no-repeat -86px 0
}

.questionTop10 .swiper-slide a strong {
	background-image: url(../images/ico_Q.png)
}

.dutyFreeGuide .tabType05 {
	margin-left: -2px
}

.totalBenefitWrap .gradeinfo .detailBenefit .benefitListType02>li.moreBenefit .subList strong {
	width: 180px
}

#filterWrap .btnArea button.btnRefresh {
	background-image: url(../images/ico_refresh.png)
}

#filterWrap .btnArea button.action {
	min-width: calc(100% - 56px)
}

.folderList li .con .tit input {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.folderList li .con .tit button {
	background-image: url(../images/ico_input_enter.png)
}

.deliverySvc .formList .frmInp .cont {
	width: calc(100% - 192px)
}

.deliverySvc .formList .frmInp#custom_clear .cont p.txt {
	line-height: 1.53
}

.faq.accordianList .toggleAction.on .ctrl strong {
	font-weight: 700
}

.qnaStatus {
	padding: 24px;
	overflow: hidden;
	margin-bottom: 32px
}

.qnaStatus .item {
	display: inline-block;
	margin: 0 22px;
	line-height: 48px
}

.qnaStatus .item em {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700
}

.qnaStatus .item b {
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #4d6ee4;
	margin-left: 8px
}

[lang=zh] .qnaStatus .item b {
	color: #fe324b
}

.qnaStatus .item~.item {
	position: relative
}

.qnaStatus .item~.item::after {
	content: "";
	position: absolute;
	top: 16px;
	left: -24px;
	width: 1px;
	height: 16px;
	background: #eaeaea
}

.qnaStatus .btnSSG {
	min-width: 104px;
	float: right;
	margin-right: 16px
}

.qnaListArea .accordianList.inquiryList li .ctrl .status {
	display: inline-block;
	height: 27px;
	width: auto;
	padding: 0 8px;
	color: #5a5f64;
	font-size: 1.3rem;
	line-height: 27px;
	background: #f5f7fa;
	border-radius: 4px
}

.qnaListArea .accordianList.inquiryList li .ctrl .status.ended {
	color: #4d6ee4;
	background: #fff6f8
}

[lang=zh] .qnaListArea .accordianList.inquiryList li .ctrl .status.ended {
	color: #fe324b
}

.qnaListArea .accordianList.inquiryList li .ctrl .sort {
	display: inline-block;
	margin-left: 8px;
	font-size: 1.3rem;
	color: #6b6e73;
	line-height: 27px
}

.qnaListArea .accordianList.inquiryList li .ctrl .date {
	display: inline-block;
	line-height: 27px;
	vertical-align: top
}

.qnaListArea .accordianList.inquiryList li .ctrl .date::before {
	position: relative;
	top: 2px
}

.qnaListArea .accordianList.inquiryList li .ctrl .title {
	margin-top: 4px;
	font-weight: 700
}

.qnaListArea .accordianList.inquiryList li .ctrl .title .new {
	overflow: hidden;
	display: inline-block;
	position: relative;
	top: 2px;
	width: 6px;
	height: 6px;
	margin-left: 4px;
	border-radius: 50%;
	background-color: #4d6ee4;
	vertical-align: top;
	text-indent: -9999px
}

[lang=zh] .qnaListArea .accordianList.inquiryList li .ctrl .title .new {
	background-color: #fe324b
}

.qnaListArea .accordianList.inquiryList li.on .ctrl .title {
	font-weight: 700
}

.qnaListArea .accordianList.inquiryList li .accordCont .questionTxt>.txt {
	position: relative;
	margin-bottom: 16px
}

.qnaListArea .accordianList.inquiryList li .accordCont .answerTxt {
	position: relative
}

.qnaListArea .accordianList.inquiryList li .accordCont .answerTxt .date:before {
	display: none
}

.qnaListArea .accordianList.inquiryList li .accordCont .addedFile {
	margin-top: 8px
}

.addedFile li a:before {
	background: url(../images/ico_file.png) no-repeat 0 0
}

.formList.cmCommuList li>label,
.formList.dgQnaFormList li>label {
	line-height: 48px
}

.formList.cmCommuList li .title,
.formList.dgQnaFormList li .title {
	display: inline-block;
	width: 192px;
	padding: 6px 15px;
	line-height: 27px;
	box-sizing: border-box
}

.formList.cmCommuList li .text,
.formList.dgQnaFormList li .text {
	display: inline-block;
	width: calc(100% - 200px);
	padding: 6px 0;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	color: #373a3c;
	font-weight: 700;
	line-height: 27px;
	box-sizing: border-box
}

.formList.cmCommuList li.blankTop,
.formList.dgQnaFormList li.blankTop {
	margin-top: 10px
}

.formList.cmCommuList li.blankBottom,
.formList.dgQnaFormList li.blankBottom {
	margin-bottom: 10px
}

.formList.cmCommuList .selectWrap,
.formList.dgQnaFormList .selectWrap {
	width: 320px
}

.formList.cmCommuList .selectWrap .ui-selectmenu-button.ui-selectmenu-button-open,
.formList.dgQnaFormList .selectWrap .ui-selectmenu-button.ui-selectmenu-button-open {
	background: #fff
}

.formList.cmCommuList .attachList,
.formList.dgQnaFormList .attachList {
	width: 656px
}

.formList.cmCommuList .attachList li .cont.txt,
.formList.dgQnaFormList .attachList li .cont.txt {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c;
	font-weight: 700;
	vertical-align: middle;
	height: 100px
}

.formList.cmCommuList .attachList li .cont.txt p,
.formList.dgQnaFormList .attachList li .cont.txt p {
	padding: 0 10px;
	text-align: left;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto;
	word-break: break-all;
	z-index: 10;
	max-height: 44px
}

.formList.cmCommuList .attachList li .cont.txt::after,
.formList.dgQnaFormList .attachList li .cont.txt::after {
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(255, 255, 255, 0);
	margin: 0;
	cursor: default;
	z-index: 200
}

.formList.cmCommuList .attachList li:nth-child(5)~li,
.formList.dgQnaFormList .attachList li:nth-child(5)~li {
	margin-top: 12px
}

.formList.cmCommuList .attachList li input[type=file],
.formList.dgQnaFormList .attachList li input[type=file] {
	cursor: pointer
}

.formList.cmCommuList .attachList li figure,
.formList.dgQnaFormList .attachList li figure {
	z-index: 10
}

.formList.cmCommuList .attachList li .del,
.formList.dgQnaFormList .attachList li .del {
	z-index: 300
}

.formList.cmCommuList .attachGuide,
.formList.dgQnaFormList .attachGuide {
	width: 100%;
	margin: 12px 0 0 0
}

.formList.cmCommuList .attachGuide li~li,
.formList.dgQnaFormList .attachGuide li~li {
	margin-top: 4px
}

.formList.cmCommuList .inpFile,
.formList.dgQnaFormList .inpFile {
	width: 320px
}

.formList.cmCommuList .inpFile .attachFile,
.formList.dgQnaFormList .inpFile .attachFile {
	position: relative
}

.formList.cmCommuList .inpFile .attachFile .del,
.formList.dgQnaFormList .inpFile .attachFile .del {
	display: none
}

.formList.cmCommuList .inpFile .attachFile::after,
.formList.dgQnaFormList .inpFile .attachFile::after {
	background: url(../images/ico_file_add.png) no-repeat
}

.formList.cmCommuList .inpFile .attachFile.fileON,
.formList.dgQnaFormList .inpFile .attachFile.fileON {
	padding-left: 40px
}

.formList.cmCommuList .inpFile .attachFile.fileON::before,
.formList.dgQnaFormList .inpFile .attachFile.fileON::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 14px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/ico_file.png) no-repeat 50% 50%
}

.formList.cmCommuList .inpFile .attachFile.fileON .del,
.formList.dgQnaFormList .inpFile .attachFile.fileON .del {
	display: block;
	position: absolute;
	top: 6px;
	right: 0;
	width: 36px;
	height: 36px;
	z-index: 3
}

.formList.cmCommuList .inpFile .attachFile.fileON .del::before,
.formList.dgQnaFormList .inpFile .attachFile.fileON .del::before {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(../images/ico_file_del.png) no-repeat 50% 50%
}

.formList.cmCommuList .inpFile~.inpFile,
.formList.dgQnaFormList .inpFile~.inpFile {
	margin-top: 8px
}

.ansCheck .frmSel .tipArea {
	left: 114px
}

.boardList.detail.surveyWrap {
	border-bottom: 0
}

.boardList.detail.surveyWrap>li .ctrl {
	padding-right: 255px
}

.boardList.detail.surveyWrap>li .ctrl .date {
	right: 101px
}

.boardList.detail.surveyWrap .noticeTbWrap .desc {
	display: block;
	color: #6b6e73
}

.boardList.detail.surveyWrap .icoArea {
	position: absolute;
	top: calc(50% - 16px);
	right: 17px
}

.boardList.detail.surveyWrap .detailView {
	padding: 0;
	background: #fff;
	border-top: 1px solid #eaeaea
}

.boardList.detail.surveyWrap .detailView .surveyCont {
	max-width: 1000px;
	margin: 0 auto
}

.boardList.detail.surveyWrap .detailView .surveyCont .img img {
	display: block;
	width: 100%
}

.boardList.detail.surveyWrap .detailView .surveyCont .timeLimit {
	float: right;
	padding-left: 20px;
	margin: 32px 0 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #8b8f94;
	background: url(../images/ico_time.png) no-repeat 0 50%
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm {
	padding: 48px 40px 40px;
	margin-top: 60px;
	border: 1px solid #dcdfe3;
	border-radius: 8px
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .qTitle {
	font-size: 2rem;
	line-height: 1.4;
	color: #373a3c;
	font-weight: 700
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .qTitle .tEng {
	display: inline-block;
	margin-right: 12px;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	color: #8b8f94
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .qCont {
	padding: 24px 0 32px
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList {
	margin-left: 24px;
	font-size: 0
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList .frmSel {
	width: 100%;
	height: 48px;
	margin: 0
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList .frmSel input {
	opacity: 0
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList .frmSel label {
	color: #303030;
	font-size: 1.5rem;
	line-height: 42px;
	box-sizing: border-box
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList .frmSel label::before {
	top: calc(50% - 10px)
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList .frmSel~.frmSel {
	margin-top: 16px
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList.col2 .frmSel {
	width: 50%
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList.col2 .frmSel~.frmSel.frmSmall {
	margin-top: 0
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList.col2 .frmSel:nth-child(2)~.frmSel {
	margin-top: 16px
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList.col3 .frmSel {
	width: 33.3333333333%
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList.col3 .frmSel~.frmSel {
	margin-top: 0
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm .frmList.col3 .frmSel:nth-child(3)~.frmSel {
	margin-top: 16px
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm>li:last-child .qCont {
	padding-bottom: 0
}

.boardList.detail.surveyWrap .detailView .surveyCont .surbeyForm>li~li {
	padding-top: 48px;
	border-top: 1px solid #eaeaea
}

.prodList.prodListStyle .prodCont:hover {
	background: #fff6f8
}

.prodList.prodThumb .prodCont {
	margin-left: -4px
}

.myOrderList {
	position: relative
}

.myOrderList .listNum {
	border-bottom: none
}

.myOrderList .accodianFilter .accordCont .filterDiv .brandTabs .brandBtm .tabType02>li a {
	font-weight: 700
}

.myOrderList .accodianFilter .accordCont .filterDiv .brandTabs h5.title {
	font-weight: 700
}

.myOrderList .accodianFilter .accordCont .filterDiv .brandTabs h5.title button.refresh {
	height: 24px;
	display: inline-block;
	vertical-align: middle
}

.myOrderList .accodianFilter .accordCont .filterDiv .brandFilter {
	width: calc(50% + 16px)
}

.myOrderList .prodListStyle .prodFlagCont {
	margin-top: 20px
}

.myOrderList .prodListStyle .prodFlagCont .prodFlag {
	display: inline-block;
	margin: 0;
	vertical-align: middle
}

.myOrderList .prodListStyle .prodFlagCont .hashTag {
	display: inline-block;
	position: relative;
	padding-left: 12px;
	margin-left: 12px;
	vertical-align: middle
}

.myOrderList .prodListStyle .prodFlagCont .hashTag>li {
	display: inline-block;
	font-size: 1.3rem;
	color: #6b6e73
}

.myOrderList .prodListStyle .prodFlagCont .hashTag>li+li {
	margin-left: 10px
}

.myOrderList .prodListStyle .prodFlagCont .hashTag::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 1px;
	height: 20px;
	background: #eaeaea
}

.myOrderList .orderInfo {
	display: inline-block;
	margin-top: 17px
}

.myOrderList .orderInfo .item {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.myOrderList .orderInfo .item em {
	color: #9fa2a8
}

.myOrderList .orderInfo .item b {
	display: inline-block;
	margin-left: 5px;
	color: #6b6e73;
	font-weight: 400
}

.myOrderList .orderInfo .item~.item {
	position: relative;
	margin-left: 5px;
	padding-left: 8px
}

.myOrderList .orderInfo .item~.item::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.myOrderList .myOrderProdList {
	border-bottom: 1px solid #eaeaea
}

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

.myOrderList .myOrderProdList .prodCont:hover {
	background: rgba(12, 38, 159, .03)
}

.myOrderList .myOrderProdList .prodCont:hover figure .logo {
	background: #f7f8fc
}

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

.myOrderList .myOrderProdList .prodCont figure .logo {
	height: 56px;
	margin-top: -28px
}

.myOrderList .myOrderProdList .prodCont figure .logo img {
	width: 96px
}

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

.myOrderList .myOrderProdList .prodCont .typeBand img {
	margin: 0
}

.myOrderList .myOrderProdList .prodCont .badge {
	top: 24px;
	left: 0
}

.myOrderList .myOrderProdList .prodCont>a {
	display: block
}

.myOrderList .myOrderProdList .prodCont .prodInfo {
	margin-top: 0
}

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

.myOrderList .myOrderProdList .prodCont .priceArea .priceWrap {
	display: block
}

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

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

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

.myOrderList .myOrderProdList .prodCont .priceArea .saleWon {
	color: #6b6e73
}

.myOrderList .myOrderProdList .prodCont .prodFlag {
	display: inline-block
}

.myOrderList .myOrderProdList .prodCont .hashTg {
	display: inline-block;
	position: relative;
	padding-left: 9px;
	margin-left: 10px
}

.myOrderList .myOrderProdList .prodCont .hashTg::before {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 16px;
	background: #eaeaea
}

.myOrderList .myOrderProdList .prodCont .hashTg li {
	display: inline-block;
	margin-left: 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

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

.myOrderList .myOrderProdList .prodCont .prodBtns * {
	vertical-align: middle
}

.myOrderList .myOrderProdList .prodCont .prodBtns .chkFavo {
	position: relative;
	margin: 0;
	float: none
}

.myOrderList .myOrderProdList .prodCont .prodBtns .icRestock:after {
	background: url(../images/common/spr_restock.svg) no-repeat 0 0
}

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

.myOrderList .myOrderProdList .prodCont.prodSoldout .priceArea,
.myOrderList .myOrderProdList .prodCont.prodSoldout .optionBtns {
	opacity: .5
}

.myOrderList .myOrderProdList .prodCont.prodSoldout .optionBtns .prodFlag {
	opacity: 1
}

.myOrderList .myOrderProdList .prodCont.prodSoldout .prodState.soldOut {
	left: 45px;
	margin: -16px 0 0 0
}

.myOrderList .myOrderProdList .prodCont .orderInfo {
	display: inline-block;
	margin-top: 12px
}

.myOrderList .myOrderProdList .prodCont .orderInfo .item {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.myOrderList .myOrderProdList .prodCont .orderInfo .item em {
	color: #9fa2a8
}

.myOrderList .myOrderProdList .prodCont .orderInfo .item b {
	display: inline-block;
	margin-left: 5px;
	color: #6b6e73;
	font-weight: 400
}

.myOrderList .myOrderProdList .prodCont .orderInfo .item~.item {
	position: relative;
	margin-left: 5px;
	padding-left: 8px
}

.myOrderList .myOrderProdList .prodCont .orderInfo .item~.item::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.usedInfoList .sTitle {
	display: block;
	font-weight: 700
}

.usedInfoList .sTitle~.sTitle {
	margin-top: 24px
}

.usedInfoList .sTitle~.bultType01 {
	margin-top: 5px
}

.shoppingBasket .scrollArea {
	height: calc(100vh - 378px)
}

.shoppingBasket .basketBottom .btnCart .btnSSG {
	width: 100%;
	border-radius: 4px
}

.shoppingBasket .basketBottom .btnCart .btnSSG.btnLineG {
	color: #373a3c;
	background: #fff
}

.shoppingBasket .basketBottom .btnCart.orderBtn .btnSSG {
	box-shadow: none;
	border: 0
}

.shoppingBasket .basketBottom .btnCart.orderBtn .btnSSG~.btnSSG {
	margin-top: 10px
}

.shoppingBasket .basketBottom .btnCart.orderBtn .btnSSG.alipay {
	background: #00a0e9;
	color: #fff
}

.shoppingBasket .basketBottom .btnCart.orderBtn .btnSSG.alipay em {
	padding-left: 28px;
	background: url(../images/ico_txtbtn.png) no-repeat 0 50%
}

.payment .btnPay {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)
}

.payment .btnPay .btnSSG {
	border: 0
}

.payment .preCalc .amtCont>* {
	display: block
}

.orderCont .infoList li .dueDate {
	border-color: #e9ebfb
}

[lang=zh] .orderCont .infoList li .dueDate {
	border-color: #ffeef1
}

.orderCont .benefitCustomizing .accordianList .toggleAction .amtYuan {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 400;
	color: #6b6e73
}

.orderCont .benefitCustomizing .accordianList .toggleAction .amtWon {
	font-size: 2rem;
	line-height: 1.4;
	color: #f42d10;
	font-weight: 700
}

.orderCont .benefitCustomizing .accordianList .toggleAction .amtWon span {
	font-size: 1.5rem;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] .orderCont .benefitCustomizing .accordianList .toggleAction .amtWon span {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

.orderCont .benefitCustomizing .detailList li .amtContext .btnGroup button {
	background: #fff;
	color: #373a3c
}

.orderCont .benefitCustomizing .detailList li .amtContext .inputPoint input {
	padding-right: 48px
}

.orderCont .benefitCustomizing .detailList li .amtContext .inputPoint.type02 input {
	padding-right: 32px
}

.orderCont .benefitCustomizing .detailList li .amtContext .radBox.col2 .frmSel {
	border-color: #4d6ee4
}

[lang=zh] .orderCont .benefitCustomizing .detailList li .amtContext .radBox.col2 .frmSel {
	border-color: #fe324b
}

.orderCont .benefitCustomizing .detailList li .amtContext .radBox.col2 .frmSel input+label {
	background: #fff;
	color: #4d6ee4
}

[lang=zh] .orderCont .benefitCustomizing .detailList li .amtContext .radBox.col2 .frmSel input+label {
	color: #fe324b
}

.orderCont .benefitCustomizing .detailList li .amtContext .radBox .frmSel.cb_checked {
	border-color: #4d6ee4
}

[lang=zh] .orderCont .benefitCustomizing .detailList li .amtContext .radBox .frmSel.cb_checked {
	border-color: #fe324b
}

.radBox.accordSaleList .noData.partnerPoint:before {
	background-image: url(../images/img_none_point.png)
}

.cartCont .prodList.prodListStyle>.prodCont.noData:before {
	background: url(../images/cp_nodata_cart.png) no-repeat;
	background-size: 100% auto
}

.cartCont .prodList.prodListStyle>.prodCont .prodBtm .priceArea .tipArea .tipCont {
	width: 285px
}

.cartCont .cartBenefit .bnfDisplay::before {
	border-color: #ffd4d9
}

.cartCont .cartBenefit .bnfDisplay .bnfTxt {
	border-color: #ff411e
}

.cartCont .cartBenefit .bnfDisplay .bnfBar {
	background: #ffeef1
}

.cartCont .payment .preCalc .detailList .dollar,
.cartCont .payment .preCalc .detailList .won {
	display: inline-block
}

.cartCont .btnPay .btnSSG.action {
	background: #373a3c
}

.cartCont .btnPay .btnSSG.calculator {
	background: #494d50 url(../images/order/ico_calculator.png) center no-repeat;
	vertical-align: top
}

.frmCalc .inp input[type=text] {
	padding-right: 44px
}

.frmCalc .btn .frmSel input[type=radio]+label {
	background: #fff;
	border-color: #ff411e;
	color: #ff411e
}

.frmCalc .btn .frmSel input[type=radio]:checked+label {
	border-color: #ff411e;
	font-weight: 700
}

.preCalc.accordianList .sTitle .amtCont .yuan {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73;
	font-weight: 400
}

.benefitWrap .listNum .funcBtns {
	margin-right: 14px;
	padding: 0 8px
}

.benefitWrap .listNum .funcBtns .funcAcct {
	margin: 0 5px
}

.benefitWrap .front .bfTitle {
	font-size: 3.2rem
}

.benefitWrap .front .btnM {
	padding: 0 16px;
	color: #373a3c;
	font-size: 1.5rem;
	background: #fff
}

.benefitWrap .front .frmSearch {
	width: 300px
}

.benefitWrap .front .frmSearch input[type=text] {
	width: 260px
}

.benefitWrap .front .frmSearch input[type=text]~button {
	background: #f8fafc;
	border-radius: 0 4px 4px 0
}

.benefitWrap .front .frmSearch input[type=text]:focus~button {
	background: #fff
}

.benefitWrap .imgList>ul.col2>li {
	margin-top: 0
}

.benefitWrap .imgList>ul.col2>li:nth-child(2)~li {
	margin-top: 56px
}

.benefitWrap .imgList>ul.col2>li.noData {
	width: 100%
}

.benefitWrap .accodianFilter~.listNum .side .sortingList {
	padding-right: 0
}

.benefitWrap .accodianFilter~.listNum .side .sortingList::after {
	display: none
}

.benefitWrap .bannerList.col2 {
	margin-left: -16px;
	margin-top: 8px
}

.benefitWrap .bannerList.col2 li {
	width: 50%;
	margin-top: 0;
	padding-left: 16px
}

.benefitWrap .bannerList.col2 li:nth-child(2)~li {
	margin-top: 32px
}

.odprInfo .listInfo .con .prNum {
	color: #8b8f94
}

.cancelInfo .info~.info {
	width: calc(50% - 6px)
}

.orderListS .orderCont .orderNum {
	color: #8b8f94
}

.deliverySvc .arrLink {
	display: inline-block;
	padding-right: 16px;
	color: #373a3c;
	background: url(../images/common/arr_link.png) no-repeat 100% 50%
}

.deliverySvc .formList {
	padding: 16px 0
}

.deliverySvc .formList>li {
	float: left;
	width: 100%;
	min-height: 48px;
	padding: 0
}

.deliverySvc .formList>li .side {
	float: right;
	margin-top: 10px
}

.deliverySvc .formList>li::after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden
}

.deliverySvc .formList>li:nth-child(n+2) {
	margin-top: 12px
}

.deliverySvc .formList>li>label {
	line-height: 48px
}

.deliverySvc .formList>li .cont {
	display: inline-block;
	width: auto;
	color: #1e2023;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 48px;
	vertical-align: middle
}

.deliverySvc .formList>li .cont .bultType01.marginT0 {
	display: none
}

.deliverySvc .formList>li .cont .frmSelWrap>.frmSel {
	vertical-align: middle
}

.deliverySvc .formList>li .cont .frmSelWrap>.frmSel>label {
	font-weight: 700;
	font-size: 1.5rem
}

.deliverySvc .formList>li .cont .frmSelWrap>.frmSel+.frmSel {
	margin-left: 24px
}

.deliverySvc .formList>li .cont .frmSelWrap>.frmSel label:before {
	top: 4px
}

.deliverySvc .formList>li .cont.inpA textarea {
	width: 640px;
	min-height: 100px
}

.deliverySvc .formList>li .cont.inpA input[type=text] {
	width: 320px
}

.deliverySvc .formList>li .cont.inpA>.bultType01 {
	margin-top: 9px
}

.deliverySvc .formList>li .cont.inpA>.bultType01 li>.txtLink.lineU {
	margin-left: 4px;
	color: #373a3c
}

.deliverySvc .formList>li .cont.inpA .inlineInp input {
	width: 132px;
	margin-right: 4px
}

.deliverySvc .formList>li .cont.inpA .inlineInp .btnXS {
	height: 48px;
	width: 102px
}

.deliverySvc .formList>li .cont.inpA .calenInp {
	display: inline-block;
	width: 220px;
	min-width: 220px;
	margin-right: 4px
}

.deliverySvc .formList>li .cont.inpA .calenInp input[type=text] {
	width: 220px;
	padding-right: 0;
	border: 0
}

.deliverySvc .formList>li .cont.inpA .selectWrap {
	margin-right: 4px
}

.deliverySvc .formList>li .cont.inpA .selectWrap.selectSizeM {
	width: 320px
}

.deliverySvc .formList>li .cont.inpA .selectWrap.selectSizeS {
	display: inline-block;
	width: 192px;
	margin-left: 4px
}

.deliverySvc .formList>li .cont .txt+.bultType01 {
	margin-top: -6px
}

.deliverySvc .formList>li.flexCont {
	width: 50%
}

.deliverySvc .formList>li.flexCont.chnName,
.deliverySvc .formList>li.flexCont.engName {
	width: 100%
}

.deliverySvc .formList+.formList {
	margin-top: 0;
	border-top: 0
}

.deliverySvc .formList:first-of-type li.flexCont:nth-of-type(3n) .tit,
.deliverySvc .formList:first-of-type li.flexCont:nth-of-type(5n) .tit {
	width: 120px
}

.deliverySvc .agreeArea .agreeCont {
	margin-top: 48px;
	padding-top: 0
}

.deliverySvc .agreeArea .agreeCont>.frmSel {
	margin: 14px 0 8px
}

.deliverySvc .agreeArea .agreeCont>.frmSel label {
	padding: 0 0 4px 32px;
	font-weight: 700;
	font-size: 1.8rem
}

.deliverySvc .agreeArea .agreeCont>.frmSel.cb_checked~.etcInfo {
	display: block
}

.deliverySvc .agreeArea .agreeCont .boxGray {
	width: 100%;
	height: 200px;
	margin-right: 40px;
	padding: 24px 6px 24px 24px;
	overflow: hidden
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont {
	width: inherit;
	height: 100%;
	margin-left: 0;
	padding-right: 32px;
	overflow-y: auto
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont .termsMemo h2 {
	margin-top: 0;
	font-size: 1.5rem
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont .termsMemo .txt01 {
	margin: 15px 0 0;
	color: #373a3c
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont .termsMemo h3 {
	margin-top: 24px;
	font-size: 1.6rem
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont b {
	display: block;
	margin-bottom: 16px
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont .bultType01>li {
	color: #5a5f64;
	font-size: 1.5rem;
	line-height: 1.53
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont .desc {
	margin-top: 8px
}

.deliverySvc .agreeArea .agreeCont .boxGray .scrollCont .lBorder {
	border-left: 1px solid #eaeaea
}

.deliverySvc .agreeArea .agreeCont .errorTxt {
	position: relative;
	display: none;
	padding-top: 6px;
	color: #ce0700;
	font-size: 1.3rem;
	line-height: 19px
}

.deliverySvc .agreeArea~.btnArea .btnSSG.btnL {
	min-width: 160px
}

.deliverySvcList {
	border-top: 1px solid #373a3c
}

.deliverySvcList .flag {
	width: 40px
}

.deliverySvcList .flag.confirm {
	color: #4d6ee4;
	background: #ebf6ff
}

.deliverySvcList .flag.back {
	color: #ce0700;
	background: #ffecf3
}

.deliverySvcList .flag.ended {
	color: #525f6f;
	background: #ebedf2
}

.deliverySvcList .deliverySvcTit {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 0 64px 0 0;
	color: #373a3c;
	font-size: 1.3rem;
	line-height: 45px;
	text-align: center;
	background: #f7f7fd
}

.deliverySvcList .deliverySvcTit>span {
	display: table-cell;
	white-space: nowrap
}

.deliverySvcList .deliverySvcTit>span:nth-child(1) {
	width: 9%
}

.deliverySvcList .deliverySvcTit>span:nth-child(2) {
	width: 21.5%
}

.deliverySvcList .deliverySvcTit>span:nth-child(3) {
	width: 17%
}

.deliverySvcList .deliverySvcTit>span:nth-child(4) {
	width: 32.5%
}

.deliverySvcList .deliverySvcTit>span:nth-child(5) {
	width: 20%
}

.deliverySvcList .accordianList li .ctrl {
	display: table;
	table-layout: fixed;
	width: 100%;
	vertical-align: middle;
	padding: 22px 64px 22px 0
}

.deliverySvcList .accordianList li .ctrl .status,
.deliverySvcList .accordianList li .ctrl .index,
.deliverySvcList .accordianList li .ctrl .period,
.deliverySvcList .accordianList li .ctrl .address {
	display: table-cell;
	color: #373a3c;
	font-size: 1.3rem;
	vertical-align: middle;
	text-align: center
}

.deliverySvcList .accordianList li .ctrl .status {
	width: 9%
}

.deliverySvcList .accordianList li .ctrl .index {
	width: 21.5%;
	font-weight: 700;
	font-size: 1.5rem
}

.deliverySvcList .accordianList li .ctrl .period {
	width: 17%;
	font-weight: 700
}

.deliverySvcList .accordianList li .ctrl .address {
	width: 32.5%;
	font-weight: 700;
	color: #1e2023
}

.deliverySvcList .accordianList li .ctrl .total {
	width: 20%;
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	display: table-cell;
	vertical-align: middle
}

.deliverySvcList .accordianList li .ctrl[role=text] {
	background: #f5f7fa;
	cursor: default
}

.deliverySvcList .accordianList li .ctrl[role=text]::after {
	display: none
}

.deliverySvcList .accordianList li .ctrl[role=text]>* {
	color: #b9bcc0
}

.deliverySvcList .accordianList li .accordCont {
	padding: 16px;
	background: #f7f7fd
}

.deliverySvcList .accordianList li .accordCont .innerSec {
	background: #fff;
	padding: 24px;
	border: 1px solid #ebedf2;
	border-radius: 8px
}

.deliverySvcList .accordianList li .accordCont .innerSec .invoice {
	margin-bottom: 24px
}

.deliverySvcList .accordianList li .accordCont .innerSec .invoice em {
	display: inline-block;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 22px;
	vertical-align: top
}

.deliverySvcList .accordianList li .accordCont .innerSec .invoice ul {
	display: inline-block;
	width: calc(100% - 75px);
	margin-left: 16px
}

.deliverySvcList .accordianList li .accordCont .innerSec .invoice ul li {
	display: inline-block;
	color: #373a3c;
	font-weight: 700
}

.deliverySvcList .accordianList li .accordCont .innerSec .invoice ul li::after {
	display: inline-block;
	content: ","
}

.deliverySvcList .accordianList li .accordCont .innerSec .invoice ul li:last-child:after {
	display: none
}

.deliverySvcList .accordianList li .accordCont .innerSec th {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 400;
	white-space: nowrap;
	text-align: center;
	border-left: 0
}

.deliverySvcList .accordianList li .accordCont .innerSec td {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	border-left: 0
}

.deliverySvcList.v210923 .deliverySvcTit {
	padding: 0
}

.deliverySvcList.v210923 .flag {
	padding: 0;
	white-space: nowrap
}

.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(1) {
	width: 8.5%
}

.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(2) {
	width: 18%
}

.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(3) {
	width: 10%
}

.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(4) {
	width: 31%
}

.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(5) {
	width: 21%
}

.deliverySvcList.v210923 .accordianList .toggleAction .ctrl:after {
	display: none
}

.deliverySvcList.v210923 .accordianList li .ctrl {
	padding: 22px 0
}

.deliverySvcList.v210923 .accordianList li .ctrl .status {
	width: 8.5%
}

.deliverySvcList.v210923 .accordianList li .ctrl .index {
	width: 18%
}

.deliverySvcList.v210923 .accordianList li .ctrl .period {
	width: 10%
}

.deliverySvcList.v210923 .accordianList li .ctrl .address {
	width: 31%
}

.deliverySvcList.v210923 .accordianList li .ctrl .total {
	width: 21%
}

.deliverySvcList.v210923 .accordianList li .ctrl .total span {
	position: relative;
	display: inline-block
}

.deliverySvcList.v210923 .accordianList li .ctrl .total span:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -24px;
	width: 16px;
	height: 10px;
	margin-top: -5px;
	background: url(../images/common/spr_ico.png) no-repeat -159px 0
}

.deliverySvcList.v210923 .accordianList li .ctrl[role=text] .total span:after {
	display: none
}

.deliverySvcList.v210923 .accordianList li .ctrl[aria-expanded=true] .total span:after {
	background-position: -175px 0
}

.deliverySvcList.v210923 .accordianList li .ctrl .orderlist {
	text-align: center
}

.deliverySvcList.v210923 .accordianList li .ctrl .orderlist button {
	width: 88px;
	height: 40px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #4d6ee4;
	font-size: 1.5rem;
	color: #4d6ee4;
	font-weight: bold
}

.listNum.listDel.v210923 .ui-selectmenu-menu .ui-menu li[aria-disabled=true] {
	display: none
}

.listNum.listDel.v210923 .selectWrap.selectS .ui-selectmenu-button span {
	padding-left: 20px;
	padding-right: 60px
}

.deliverySvcList.v210923 .accordianList li .accordCont .innerSec .invoice {
	margin-bottom: 15px;
	font-size: 0
}

.deliverySvcList.v210923 .accordianList li .accordCont .innerSec .invoice em {
	width: 100px
}

.deliverySvcList.v210923 .accordianList li .accordCont .innerSec .invoice ul {
	width: calc(100% - 116px)
}

.deliverySvcList.v210923 .accordianList li .accordCont .innerSec .invoice ul li {
	font-size: 1.5rem
}

.deliverySvcList.v210923 .accordianList li .accordCont .innerSec .infowrap {
	margin-bottom: 24px
}

.deliverySvcList.v210923 .accordianList li .accordCont .innerSec .infowrap .info {
	margin-bottom: 15px;
	font-size: 0
}

.deliverySvcList.v210923 .accordianList li .accordCont .innerSec .infowrap em {
	display: inline-block;
	width: 100px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 22px;
	vertical-align: top
}

.deliverySvcList.v210923 .accordianList li .accordCont .innerSec .infowrap span {
	display: inline-block;
	margin-left: 16px;
	font-weight: 700;
	font-size: 1.5rem;
	color: #373a3c
}

#popNewbuyingOrderList .layCont {
	padding: 10px 2px 10px 10px;
	margin: 0
}

#popNewbuyingOrderList .layCont .lContWrap {
	margin-top: 11px;
	border-radius: 8px;
	background-color: #f8fafc
}

#popNewbuyingOrderList .layCont .lContWrap:first-child {
	margin: 0
}

#popNewbuyingOrderList .layCont .lContWrap .layContHead {
	padding: 16px 20px;
	border-radius: 8px 8px 0 0
}

#popNewbuyingOrderList .layCont .lContWrap .layContHead .num span {
	font-size: 1.5rem;
	color: #5a5f64
}

#popNewbuyingOrderList .layCont .lContWrap .layContHead .num span em {
	position: relative;
	top: 1px;
	margin-left: 20px;
	font-size: 2rem;
	font-weight: bold;
	color: #1e2023
}

#popNewbuyingOrderList .layCont .lContWrap .lCont {
	padding: 0 20px 20px;
	min-height: 0
}

#popNewbuyingOrderList .layCont .lContWrap .lCont .prodList {
	border: 1px solid #eef0f6;
	border-radius: 8px;
	background: #fff
}

#popNewbuyingOrderList .layCont .lContWrap .lCont .prodList figure {
	display: flex;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 20px;
	-webkit-box-align: center;
	align-items: center;
	width: 76px;
	height: 76px;
	min-height: 76px;
	border-radius: 8px;
	vertical-align: middle;
	background-size: 100%
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont {
	min-height: 0
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont a .prodInfo {
	padding-left: 93px;
	margin: 0 0 8px
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont a .prodInfo .prodName {
	padding: 0;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: bold
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont a .orderInfoList {
	display: block;
	padding-left: 93px;
	margin-bottom: 20px
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont a .orderInfoList .infoTit {
	display: inline-block;
	width: 134px;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: normal
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont a .orderInfoList .infoCont {
	font-size: 1.6rem;
	color: #373a3c;
	font-weight: bold
}

#popNewbuyingOrderList .lCont .accordianList .toggleAction .ctrl {
	padding: 20px 23px 0;
	border: none
}

#popNewbuyingOrderList .lCont .accordianList .toggleAction .ctrl:after {
	display: none
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont .btnMors {
	position: relative;
	width: calc(100% + 46px);
	margin-left: -23px;
	text-align: center
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont.on .btnMors {
	display: none
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont .btnMors::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -1px;
	transform: translateX(-50%);
	width: calc(100% - 22px);
	height: 1px;
	background: #eaeaea
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont .btnMors .btMore {
	margin: 15px 0;
	font-weight: bold
}

#popNewbuyingOrderList .lCont .departureEdtProdList.prodList .prodCont .btnMors .btMore::before {
	margin-right: 15px
}

#popNewbuyingOrderList .lCont .prodCont .accordCont {
	position: relative;
	padding: 21px 23px 22px;
	border-radius: 0 0 8px 8px;
	background: #fff
}

#popNewbuyingOrderList .lCont .prodCont .accordCont>ul>li {
	position: relative;
	padding: 23px 0
}

#popNewbuyingOrderList .lCont .prodCont .accordCont>ul>li:first-child {
	padding-top: 0
}

#popNewbuyingOrderList .lCont .prodCont .accordCont>ul>li:last-child {
	padding-bottom: 0
}

#popNewbuyingOrderList .lCont .prodCont .accordCont>ul>li:after {
	content: "";
	display: block;
	clear: both
}

#popNewbuyingOrderList .lCont .prodCont .accordCont>ul>li:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -1px;
	transform: translateX(-50%);
	width: calc(100% + 24px);
	height: 1px;
	background: #eaeaea
}

#popNewbuyingOrderList .lCont .prodCont .accordCont>ul>li:first-child::before {
	display: none
}

#popNewbuyingOrderList .lCont .prodCont .accordCont::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -1px;
	transform: translateX(-50%);
	width: calc(100% - 20px);
	height: 1px;
	background: #eaeaea
}

#popNewbuyingOrderList .lCont .prodCont .accordCont::after {
	content: "";
	display: block;
	clear: both
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo {
	position: relative;
	margin: 0
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .brandName {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .prodName {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 1.5rem;
	line-height: 1.5333;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: normal;
	color: #6b6e73
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .code {
	display: block;
	width: 100%;
	margin-bottom: 0;
	margin-top: 2px
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .code::after {
	content: "";
	display: block;
	clear: both
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .code dt,
#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .code dd {
	display: block;
	float: left;
	font-size: 1.5rem;
	line-height: 1em
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .option {
	display: block;
	position: relative;
	margin-top: 8px;
	font-size: 1.3rem;
	line-height: 19px
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .option::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 5px;
	height: 1px;
	background: #b9bcc0
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .option::after {
	content: "";
	display: block;
	clear: both
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .option li:first-child {
	padding-left: 8px
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .option li:first-child::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 1px;
	height: 6px;
	background: #b9bcc0
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .option li {
	display: block;
	position: relative;
	float: left;
	width: auto;
	margin-right: 0;
	color: #6b6e73
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .option li+li {
	margin-left: 8px;
	padding-left: 8px
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .option li+li::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #dcdfe3
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .priceArea {
	position: absolute;
	right: 0;
	bottom: -5px
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .price span.del {
	margin-right: 11px;
	font-size: 1.4rem;
	color: #fe324b;
	font-weight: bold
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .price span.dollar {
	margin-right: 5px;
	font-size: 1.8rem;
	color: #373a3c;
	font-weight: bold
}

#popNewbuyingOrderList .lCont .prodCont .accordCont .prodInfo .price .cny {
	font-size: 1.5rem;
	color: #6b6e73
}

#popNewbuyingOrderList .btnArea .listPaging {
	padding-bottom: 22px;
	margin: 0
}

.noData.basketPurchase:before {
	width: 56px;
	height: 56px;
	margin-left: -28px;
	background: url(../images/cp_nodata_cart.png) no-repeat 0 0;
	background-size: 100%
}

.prograssiveArea .viewArea .graph .barcover .bar {
	background-color: #ff436e;
	background: -moz-linear-gradient(right, rgb(255, 65, 30), rgb(255, 68, 143));
	background: -webkit-linear-gradient(right, rgb(255, 65, 30), rgb(255, 68, 143));
	background: linear-gradient(to right, rgb(255, 65, 30), rgb(255, 68, 143))
}

.prograssiveArea .viewArea .graph .barcover .bar .num {
	position: absolute;
	top: -14px;
	right: 0;
	width: 60px;
	height: 40px;
	margin-right: -30px;
	color: #1e2023;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 40px;
	background: #fff;
	border-color: #4d6ee4;
	font-weight: 700;
	line-height: 40px;
	box-shadow: 0 10px 20px 0 rgba(99, 57, 66, .12)
}

[lang=zh] .prograssiveArea .viewArea .graph .barcover .bar .num {
	border-color: #fe324b
}

.prograssiveArea .viewArea .graph .barcover .bar .num strong {
	font-size: 1.8rem;
	font-weight: 700
}

.prograssiveArea .viewArea .graph .wDimWrap .wDim {
	border-right-color: #ff436e
}

.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:0%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:1%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:2%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:3%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:4%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:100%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:99%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:98%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:97%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:96%"]>div {
	transform: translate(0)
}

.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:5%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:6%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:7%"]>div,
.prograssiveArea .viewArea .infoArea .currentNumBox[style^="width:8%"]>div {
	transform: translate(20%)
}

.prograssiveArea .viewArea .infoArea .currentNumBox>div .dcRate {
	background: #ff436e;
	white-space: nowrap
}

.prograssiveArea .viewArea .infoArea .currentNumBox>div .dcRate::before {
	border-top-color: #ff436e
}

.prograssiveArea .viewArea .infoArea .currentNumBox>div .dcRate span {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.prograssiveArea .viewArea .infoArea .currentNumBox .num {
	border-color: #ff436e;
	box-shadow: 0 10px 20px 0 rgba(99, 57, 66, .12)
}

.prograssiveArea .prograssive.sectionType .barcover {
	overflow: visible
}

.prograssiveArea .prograssive.sectionType .barcover .bar {
	position: relative
}

.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:100%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:99%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:98%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:97%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:96%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:95%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:94%"] .num {
	margin-right: 0
}

.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:0%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:1%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:2%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:3%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:4%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:5%"] .num,
.prograssiveArea .prograssive.sectionType .barcover .bar[style^="width:6%"] .num {
	left: 0;
	right: auto
}

.prograssiveArea .prograssive.sectionType .barcover .bar .num {
	z-index: 10
}

.prograssiveArea .prograssive .dcBox.dcRate {
	background: #ff436e
}

.prograssiveArea .prograssive .dcBox.dcRate::before {
	border-top-color: #ff436e
}

.prograssiveArea .prograssive .perNumBox .num {
	color: #ff436e
}

.prograssiveArea .prograssive .perNumBox .num span {
	font-size: 1.1rem
}

.prograssiveArea .prograssive .txt {
	position: relative;
	height: 24px;
	margin-top: 15px
}

.prograssiveArea .prograssive .txt li {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #6b6e73;
	font-size: 1.3rem
}

.prograssiveArea .prograssive .txt li+li {
	left: auto;
	right: 0
}

.prograssiveArea .prograssive .txt li span {
	font-size: 1.1rem
}

.titDep1+.usedInfoList {
	margin-top: 0
}

.inventRegist .frmSel label:before {
	top: 0
}

.inventRegist li.noData {
	min-height: 200px;
	padding: 70px 0 0;
	margin: 200px 0 170px
}

.inventRegist li.noData::before {
	width: 56px;
	height: 56px;
	top: 0;
	margin-left: -28px
}

.inventRegist li.noData.search::before {
	background: url(../images/cp_nodata_search.png);
	background-size: 100%
}

.inventRegist li.noData.cart::before {
	background: url(../images/cp_nodata_cart.png);
	background-size: 100%
}

.noData.cartProd {
	padding: 80px 0 0;
	margin: 200px 0 170px
}

.noData.cartProd::before {
	width: 56px;
	height: 56px;
	top: 0;
	margin-left: -28px;
	background: url(../images/cp_nodata_cart.png)
}

.noData.cartProd .txt {
	color: #373a3c;
	font-weight: 700;
	font-size: 1.8rem
}

.groupBuy.participateList .prodCont {
	padding: 50px 32px;
	min-height: 295px;
	height: 295px
}

.groupBuy.participateList .prodCont a {
	display: block;
	min-height: auto
}

.groupBuy .prodCont {
	min-height: 328px
}

.groupBuy .prodCont>a {
	min-height: 265px
}

.groupBuy .prodCont .item .info {
	min-height: 91px;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.groupBuy li.noData {
	min-height: 100px;
	height: 100px;
	padding-top: 70px;
	margin: 200px 0 170px
}

.groupBuy li.noData::before {
	top: 0;
	width: 56px;
	height: 56px;
	background: url(../images/cp_cart_empty.png) no-repeat;
	background-size: 100% auto
}

.groupBuy li.noData .txt {
	position: relative;
	margin-top: 5px;
	color: #373a3c;
	font-size: 2rem;
	font-weight: 700
}

.gradeAreaFull {
	padding-right: 0;
	background: #f8fafc
}

.gradeAreaFull .myInfoArea {
	padding: 32px 40px
}

.gradeAreaFull .myInfoArea .infoGrade {
	padding-left: 0;
	min-height: 71px;
	font-size: 0
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo {
	display: inline-block;
	padding-left: 86px;
	width: 50%;
	position: relative
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeIco {
	padding: 0;
	background: none;
	width: 62px
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeIco img {
	display: block;
	width: 100%;
	height: auto
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeTxt {
	padding-top: 8px
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeTxt .grade {
	display: inline-block;
	font-size: 3.2rem;
	line-height: 1.25;
	text-align: left
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeTxt .grade::before {
	display: none
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeTxt .grade.lv01 {
	color: #707480
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeTxt .grade.lv02 {
	color: #8f6f41
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeTxt .grade.lv03 {
	color: #c8008c
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeTxt .grade.lv04 {
	color: #c8008c
}

.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .gradeTxt .txt {
	display: block;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #1e2023;
	margin-top: 5px
}

.gradeAreaFull .myInfoArea .infoGrade .rightTxt {
	display: inline-block;
	width: 50%;
	text-align: right
}

.gradeAreaFull .myInfoArea .infoGrade .rightTxt strong {
	color: #373a3c;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667
}

.gradeAreaFull .myInfoArea .infoGrade .rightTxt strong .point {
	color: #e6230a
}

.gradeAreaFull .myInfoArea .infoGrade .rightTxt p {
	margin-top: 4px;
	font-size: 15px;
	line-height: 1em;
	line-height: 1em;
	color: #6b6e73
}

.gradeAreaFull .myInfoArea .infoGrade .rightTxt p span {
	position: relative;
	padding-left: 16px
}

.gradeAreaFull .myInfoArea .infoGrade .rightTxt p span::after {
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background-color: #eaeaea;
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%)
}

.gradeAreaFull .myInfoArea .gradeArea {
	margin-top: 14px
}

.gradeAreaFull .myInfoArea .gradeArea .graph>.bar {
	border-color: #e9ebfb !important;
	background: #fff;
	opacity: 1
}

.gradeAreaFull .myInfoArea .gradeArea .graph .gradeSum li::after {
	background-color: #dcdfe3;
	opacity: 1
}

.gradeAreaFull .myInfoArea .gradeArea .graph .gradeSum li>strong {
	color: #8b8f94;
	opacity: 1
}

.gradeAreaFull .myInfoArea .gradeArea .graph .gradeSum li .txtLevel {
	color: #8b8f94;
	opacity: 1
}

.gradeAreaFull .myInfoArea .gradeArea .graph .gradeSum li[aria-current=true] .txtLevel {
	color: #1e2023
}

.gradeAreaFull .myInfoArea .gradeArea .graph .gradeSum li[aria-current=prev]::after,
.gradeAreaFull .myInfoArea .gradeArea .graph .gradeSum li[aria-current=true]::after {
	background-color: #fff
}

.gradeStandard .titDep3 {
	margin: 64px 0 16px
}

.gradeStandard div.standList {
	position: relative
}

.gradeStandard div.standList .item {
	position: relative;
	padding: 16px 16px 16px 256px;
	margin-bottom: 16px;
	border-radius: 8px;
	border: solid 1px #eaeaea
}

.gradeStandard div.standList .item .gradeArea {
	position: absolute;
	left: 32px;
	top: 50%;
	transform: translateY(-50%)
}

.gradeStandard div.standList .item .gradeArea h4 {
	position: relative;
	padding-left: 48px;
	font-size: 2.4rem;
	line-height: 1.3333333333;
	line-height: 1.4166666667;
	font-weight: 700
}

.gradeStandard div.standList .item .gradeArea h4::after {
	content: "";
	display: block;
	width: 35px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.gradeStandard div.standList .item .gradeArea h4.lv01 {
	color: #707480
}

.gradeStandard div.standList .item .gradeArea h4.lv01::after {
	background: url(../images/grade_s.png) no-repeat;
	background-size: 100%
}

.gradeStandard div.standList .item .gradeArea h4.lv02 {
	color: #8f6f41
}

.gradeStandard div.standList .item .gradeArea h4.lv02::after {
	background: url(../images/grade_g.png) no-repeat;
	background-size: 100%
}

.gradeStandard div.standList .item .gradeArea h4.lv03 {
	color: #288be2
}

.gradeStandard div.standList .item .gradeArea h4.lv03::after {
	background: url(../images/grade_d.png) no-repeat;
	background-size: 100%
}

.gradeStandard div.standList .item .gradeArea h4.lv04 {
	color: #c8008c
}

.gradeStandard div.standList .item .gradeArea h4.lv04::after {
	background: url(../images/grade_v.png) no-repeat;
	background-size: 100%
}

.gradeStandard div.standList .item .gradeInfoArea {
	background-color: #f5f7fa;
	padding: 24px;
	min-height: 158px;
	border-radius: 8px;
	font-size: 0
}

.gradeStandard div.standList .item .gradeInfoArea>div {
	display: inline-block;
	width: 50%;
	min-height: 150px;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	vertical-align: top
}

.gradeStandard div.standList .item .gradeInfoArea>div h5 {
	color: #1e2023;
	font-weight: 700
}

.gradeStandard div.standList .item .gradeInfoArea>div+div {
	border-left: fullSize1px solid #eaeaea;
	padding-left: 24px
}

.gradeStandard ul.cmallService li {
	position: relative;
	padding-left: 10px;
	font-size: 15px;
	color: #6b6e73
}

.gradeStandard ul.cmallService li::after {
	content: "";
	display: block;
	width: 4px;
	height: 1px;
	position: absolute;
	left: 1px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #1e2023
}

.gradeStandard ul.cmallService li span {
	position: relative;
	color: #1e2023;
	padding-right: 33px;
	font-weight: 700
}

.gradeStandard ul.cmallService li span::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #1e2023
}

.gradeStandard ul.cmallService li+li {
	margin-top: 8px
}

.membershipNoData {
	margin: 100px auto 100px
}

.membershipNoData>div {
	background: url(../images/mypage/nodataAccount.png) no-repeat;
	font-weight: 700
}

.secret {
	display: inline-block;
	width: 16px;
	height: 23px;
	margin-left: 8px;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: top;
	background: url(../images/ico_seccomment.png) no-repeat;
	background-position: center center;
	position: relative;
	top: -1px
}

.cmCommuList .attachList>li .cont input[type=file] {
	width: 100%
}

.cmCommuList>li {
	border-bottom: 1px solid #eaeaea
}

.cmCommuList>li.frmInp+.frmInp {
	padding: 16px 0 0;
	margin-top: -4px
}

.cmCommuList>li>a,
.cmCommuList>li>div {
	display: block;
	padding: 24px
}

.cmCommuList>li>a .title,
.cmCommuList>li>div .title {
	position: relative
}

.cmCommuList>li>a .title p,
.cmCommuList>li>div .title p {
	max-width: calc(100% - 15px);
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block
}

.cmCommuList>li>a .title p span.point,
.cmCommuList>li>div .title p span.point {
	color: #e6230a
}

.cmCommuList>li>a .title .new,
.cmCommuList>li>div .title .new {
	display: inline-block;
	margin-top: 5px;
	margin-left: 2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #4d6ee4;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: top
}

[lang=zh] .cmCommuList>li>a .title .new,
[lang=zh] .cmCommuList>li>div .title .new {
	background-color: #fe324b
}

.cmCommuList>li>a .title .cate,
.cmCommuList>li>div .title .cate {
	position: relative;
	display: inline-block;
	padding: 4px 8px;
	margin-right: 8px;
	color: #6b6e73;
	font-size: 13px;
	font-weight: 400;
	border-radius: 4px;
	line-height: 1.5
}

.cmCommuList>li>a .title .cate.event,
.cmCommuList>li>div .title .cate.event {
	color: #005fc2;
	background-color: #ebf6ff
}

.cmCommuList>li>a .title .cate.save,
.cmCommuList>li>a .title .cate.store,
.cmCommuList>li>div .title .cate.save,
.cmCommuList>li>div .title .cate.store {
	color: #006d69;
	background-color: #e1f9f9
}

.cmCommuList>li>a .title .cate.member,
.cmCommuList>li>a .title .cate.brand,
.cmCommuList>li>div .title .cate.member,
.cmCommuList>li>div .title .cate.brand {
	color: #ad00c4;
	background-color: #f8eefa
}

.cmCommuList>li>a .title .cate.apply,
.cmCommuList>li>div .title .cate.apply {
	color: #d20055;
	background-color: #ffecf3
}

.cmCommuList>li>a .title .cate.auction,
.cmCommuList>li>a .title .cate.shopping,
.cmCommuList>li>div .title .cate.auction,
.cmCommuList>li>div .title .cate.shopping {
	color: #005fc2;
	background-color: #ebf6ff
}

.cmCommuList>li>a .title .cate.cmall,
.cmCommuList>li>div .title .cate.cmall {
	color: #e6240a;
	background-color: #ffecf3
}

.cmCommuList>li>a .title .cate.review,
.cmCommuList>li>div .title .cate.review {
	color: #006d69;
	background-color: #e1f9f9
}

.cmCommuList>li>a .title .cate.cosmetics,
.cmCommuList>li>div .title .cate.cosmetics {
	color: #ad00c4;
	background-color: #f8eefa
}

.cmCommuList>li>a .title .cate.fashion,
.cmCommuList>li>div .title .cate.fashion {
	color: #d20055;
	background-color: #ffecf3
}

.cmCommuList>li>a .title .cate.stuff,
.cmCommuList>li>div .title .cate.stuff {
	color: #454f5b;
	background-color: #ebedf2
}

.cmCommuList>li>a .title .cate.hair,
.cmCommuList>li>div .title .cate.hair {
	color: #8f6f41;
	background-color: #fff9e9
}

.cmCommuList>li>a .title .cate.travel,
.cmCommuList>li>div .title .cate.travel {
	color: #4f00a4;
	background-color: #f8eefa
}

.cmCommuList>li>a .title .cate.kWave,
.cmCommuList>li>div .title .cate.kWave {
	color: #0070d4;
	background-color: #ebf6ff
}

.cmCommuList>li>a .title .cate.study,
.cmCommuList>li>div .title .cate.study {
	color: #96004f;
	background-color: #ffecf3
}

.cmCommuList>li>a .title .cate.chat,
.cmCommuList>li>div .title .cate.chat {
	color: #ce0700;
	background-color: #fff1f0
}

.cmCommuList>li>a .info,
.cmCommuList>li>div .info {
	margin-top: 6px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.cmCommuList>li>a .info span+span,
.cmCommuList>li>div .info span+span {
	position: relative;
	padding-left: 8px;
	padding-right: 8px
}

.cmCommuList>li>a .info span+span::after,
.cmCommuList>li>div .info span+span::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.cmCommuList>li>a .info span:last-child::after,
.cmCommuList>li>div .info span:last-child::after {
	display: none
}

.cmCommuList>li.noData {
	margin: 200px 0 0;
	padding: 70px 0 170px;
	min-height: 100px
}

.cmCommuList>li.noData::before {
	top: 0
}

.cmCommuList>li.notiFixed {
	background: #f7f7fd
}

.cmCommuList>li.notiFixed a .title .cate {
	padding: 0 0 0 16px;
	background-color: rgba(0, 0, 0, 0) !important
}

.cmCommuList>li.notiFixed a .title .cate::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url(../images/spr_commList.png) no-repeat
}

.cmCommuList>li.notiFixed a .title .cate.event:before {
	background-position: 0 0
}

.cmCommuList>li.notiFixed a .title .cate.save:before {
	background-position: -16px 0
}

.cmCommuList>li.notiFixed a .title .cate.member:before {
	background-position: -32px 0
}

.cmCommuList>li.notiFixed a .title .cate.apply:before {
	background-position: -48px 0
}

.cmCommuList>li.notiFixed a .title .cate.auction:before {
	background-position: -64px 0
}

.cmCommuList>li.notiFixed a .title .cate.cmall:before {
	background-position: -80px 0
}

.cmCommuList>li.notiFixed a .title .cate.review:before {
	background-position: -16px 0
}

.cmCommuList>li.notiFixed a .title .cate.cosmetics:before {
	background-position: -32px 0
}

.cmCommuList>li.notiFixed a .title .cate.fashion:before {
	background-position: -176px 0
}

.cmCommuList>li.notiFixed a .title .cate.stuff:before {
	background-position: -96px 0
}

.cmCommuList>li.notiFixed a .title .cate.hair:before {
	background-position: -112px 0
}

.cmCommuList>li.notiFixed a .title .cate.travel:before {
	background-position: -128px 0
}

.cmCommuList>li.notiFixed a .title .cate.kWave:before {
	background-position: -144px 0
}

.cmCommuList>li.notiFixed a .title .cate.study:before {
	background-position: -160px 0
}

.cmCommuList>li.notiFixed a .title .cate.chat:before {
	background-position: -176px 0
}

.cmCommuList.myComment>li {
	padding: 24px;
	padding-right: 0
}

.cmCommuList.myComment>li .title {
	color: #6b6e73;
	margin-bottom: 8px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cmCommuList.myComment>li .comment {
	position: relative;
	padding-left: 20px
}

.cmCommuList.myComment>li .comment::after {
	content: "";
	display: block;
	width: 16px;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/ico_incomment.png) no-repeat;
	background-position: center center
}

.cmCommuList.myComment>li .comment .myType p {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c;
	font-weight: 700
}

.cmCommuList.myComment>li .comment .date {
	margin-top: 10px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.cmCommuList.myComment>li .comment .date .rightBtn {
	float: right
}

.cmCommuList.myComment>li .comment .date .rightBtn button {
	position: relative;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.cmCommuList.myComment>li .comment .date .rightBtn button+button {
	margin-left: 17px
}

.cmCommuList.myComment>li .comment .date .rightBtn button+button::after {
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -8px;
	background: #dcdfe3
}

.cmCommuList.myComment>li .comment .date .rightBtn button.correction {
	color: #e6230a
}

.cmCommuList.myComment>li .comment .secret {
	display: inline-block;
	width: 16px;
	height: 23px;
	margin-left: 3px;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: top;
	background: url(../images/ico_seccomment.png) no-repeat;
	background-position: center center
}

.cmCommuList.myComment>li .comment>.correctBox {
	position: relative;
	padding: 16px 0 44px;
	background: #f5f7fa;
	border-radius: 4px
}

.cmCommuList.myComment>li .comment>.correctBox textarea {
	min-height: 70px;
	padding: 0 16px;
	border-radius: 0;
	background: rgba(0, 0, 0, 0)
}

.cmCommuList.myComment>li .comment>.correctBox textarea::placeholder {
	color: #b9bcc0
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 44px;
	padding: 12px 0
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox button {
	position: relative;
	margin: 0 16px;
	color: #6b6e73;
	font-weight: 700;
	float: left
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox button:last-child::after {
	content: "";
	position: absolute;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #dcdfe3
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox button.disabled {
	color: #b9bcc0
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox button.correction {
	color: #e6230a
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox button.correction.disabled {
	color: #b9bcc0
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox .secretBox {
	position: relative;
	float: left;
	width: 16px;
	height: 23px
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox .secretBox input:focus {
	outline: none
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox .secretBox input:checked+label::after {
	opacity: 1
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox .secretBox label {
	display: block;
	width: 16px;
	height: 23px;
	position: absolute;
	left: 0;
	top: 0;
	background: #f5f7fa
}

.cmCommuList.myComment>li .comment>.correctBox .btnBox .secretBox label::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 23px;
	background: url(../images/ico_seccomment.png) no-repeat;
	background-position: center center;
	opacity: .5
}

.cmCommuList.myComment>li.noData {
	margin: 200px 0 0;
	padding: 70px 0 170px
}

.cmCommuList.formList {
	padding-bottom: 16px
}

.cmCommuList.formList>li {
	border-bottom: 0;
	padding-bottom: 0
}

.cmCommuList.formList>li>div {
	padding: 0
}

.cmCommuList.formList>li .inpA {
	width: calc(100% - 192px)
}

.cmCommuList.formList>li .inpA textarea {
	min-height: 160px
}

.cmCommuList.formList>li .inpA input {
	width: 320px
}

.cmCommuList.formList>li .inpA .selectList {
	width: 320px;
	margin-left: 0
}

.cmCommuList.formList>li .inpA .selectList li {
	width: 100%;
	padding: 0
}

.cmCommuList.formList>li .inpA.disabled input {
	border-color: #f8fafc
}

.cmCommuList.formList>li .inpA.disabled input::placeholder {
	color: #1e2023
}

.cmCommuList.formList>li .inpA.inpTitle input {
	width: 464px
}

.cmCommuList.formList>li .inpA.inpTitle .chkBox {
	margin: 10px 0 10px 24px
}

.cmCommuList.formList>li .inpA.inpTitle .chkBox input {
	width: auto
}

.cmCommuList.formList>li .inpA.inpTitle .chkBox label {
	font-weight: 700
}

.cmCommuList.formList>li .inpA.inpTitle .chkBox label::before {
	top: 4px
}

.cmCommuList.formList>li .inpA.inpAttach .attachGuide,
.cmCommuList.formList>li .inpA.inpAttach .attachList {
	width: 100%
}

.cmCommuList.formList>li .inpA.inpAttach .attachGuide {
	margin-left: 0;
	margin-top: 8px
}

.cmCommuList.formList>li.lineG {
	margin-top: 16px
}

.cmCommuList.formList>li .maxText {
	margin-top: 8px;
	text-align: right;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.cmCommuList.formList>li .maxText span {
	color: #373a3c
}

.cmCommuDetail {
	border-top: 1px solid #373a3c
}

.cmCommuDetail .cate {
	position: relative;
	display: inline-block;
	padding: 3px 8px;
	margin-right: 16px;
	color: #6b6e73;
	font-size: 13px;
	font-weight: 400;
	border-radius: 8px
}

.cmCommuDetail .cate.event {
	color: #005fc2;
	background-color: #ebf6ff
}

.cmCommuDetail .cate.save {
	color: #006d69;
	background-color: #e1f9f9
}

.cmCommuDetail .cate.member {
	color: #ad00c4;
	background-color: #f8eefa
}

.cmCommuDetail .cate.apply {
	color: #d20055;
	background-color: #ffecf3
}

.cmCommuDetail .cate.auction {
	color: #51b0f6;
	background-color: #ebf6ff
}

.cmCommuDetail .cate.cmall {
	color: #e6240a;
	background-color: #ffecf3
}

.cmCommuDetail .cate.review {
	color: #006d69;
	background-color: #e1f9f9
}

.cmCommuDetail .cate.cosmetics {
	color: #ad00c4;
	background-color: #f8eefa
}

.cmCommuDetail .cate.fashion {
	color: #d20055;
	background-color: #ffecf3
}

.cmCommuDetail .cate.stuff {
	color: #454f5b;
	background-color: #ebedf2
}

.cmCommuDetail .cate.hair {
	color: #8f6f41;
	background-color: #fff9e9
}

.cmCommuDetail .cate.travel {
	color: #4f00a4;
	background-color: #f8eefa
}

.cmCommuDetail .cate.kWave {
	color: #0070d4;
	background-color: #ebf6ff
}

.cmCommuDetail .cate.study {
	color: #96004f;
	background-color: #ffecf3
}

.cmCommuDetail .cate.chat {
	color: #ce0700;
	background-color: #fff1f0
}

.cmCommuDetail .titleBox {
	padding: 24px 16px
}

.cmCommuDetail .titleBox .title {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	font-weight: 700;
	color: #373a3c
}

.cmCommuDetail .titleBox .btmBox .info {
	display: inline-block;
	width: calc(100% - 124px);
	line-height: 40px;
	color: #6b6e73
}

.cmCommuDetail .titleBox .btmBox .info span {
	position: relative;
	padding-right: 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.cmCommuDetail .titleBox .btmBox .info span~span {
	padding-left: 8px
}

.cmCommuDetail .titleBox .btmBox .info span~span::after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #eaeaea
}

.cmCommuDetail .titleBox .btmBox .info span.secret {
	vertical-align: middle;
	overflow: inherit;
	margin-left: 9px
}

.cmCommuDetail .titleBox .btmBox .info span.secret::after {
	left: -9px
}

.cmCommuDetail .titleBox .btmBox .btn {
	float: right
}

.cmCommuDetail .titleBox .btmBox .btn button {
	height: 40px;
	min-width: 60px;
	line-height: 40px;
	font-size: 15px;
	font-weight: 700
}

.cmCommuDetail .titleBox .btmBox .btn button+button {
	margin-left: 4px
}

.cmCommuDetail .titleBox .btmBox .btn button.delet {
	color: #e6230a
}

.cmCommuDetail .contentDetail {
	min-height: 500px;
	padding: 40px;
	background: #f8fafc
}

.cmCommuDetail .contentDetail img {
	max-width: 768px
}

.cmCommuDetail .prevNnextBtn {
	border-top: 1px solid #eaeaea
}

.cmCommuDetail .prevNnextBtn>li {
	border-bottom: 1px solid #eaeaea
}

.cmCommuDetail .prevNnextBtn>li a {
	position: relative;
	display: block;
	padding: 24px 40px
}

.cmCommuDetail .prevNnextBtn>li a .location {
	position: absolute;
	left: 40px;
	top: 50%;
	width: 45px;
	margin-top: -11px;
	color: #6b6e73;
	text-align: left
}

.cmCommuDetail .prevNnextBtn>li a .title {
	padding-left: 55px;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cmCommuDetail .prevNnextBtn>li a .secret {
	top: 1px
}

.cmCommuDetail .commentBox {
	margin-top: 30px
}

.cmCommuDetail .commentBox .commentNum {
	margin-bottom: 16px;
	color: #373a3c;
	font-weight: 700;
	font-size: 18px;
	line-height: 27px
}

.cmCommuDetail .commentBox .commentNum span {
	margin-left: 4px
}

.cmCommuDetail .commentBox .correctBox {
	position: relative;
	padding: 16px 0 44px;
	background: #f5f7fa;
	border-radius: 4px
}

.cmCommuDetail .commentBox .correctBox textarea {
	display: block;
	min-height: 70px;
	padding: 0 16px;
	border-radius: 0;
	background: rgba(0, 0, 0, 0)
}

.cmCommuDetail .commentBox .correctBox .btnBox {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 44px;
	padding: 12px 0
}

.cmCommuDetail .commentBox .correctBox .btnBox button {
	position: relative;
	margin: 0 16px;
	color: #b9bcc0;
	font-weight: 700;
	float: left
}

.cmCommuDetail .commentBox .correctBox .btnBox button:last-child::after {
	content: "";
	position: absolute;
	left: -16px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 16px;
	background: #dcdfe3
}

.cmCommuDetail .commentBox .correctBox .btnBox button:disabled {
	color: #b9bcc0
}

.cmCommuDetail .commentBox .correctBox .btnBox button.correction {
	color: #4d6ee4
}

[lang=zh] .cmCommuDetail .commentBox .correctBox .btnBox button.correction {
	color: #fe324b
}

.cmCommuDetail .commentBox .correctBox .btnBox button.correction:disabled {
	color: #b9bcc0
}

.cmCommuDetail .commentBox .correctBox .btnBox .secretBox {
	position: relative;
	float: left;
	width: 16px;
	height: 16px
}

.cmCommuDetail .commentBox .correctBox .btnBox .secretBox input:focus {
	outline: none
}

.cmCommuDetail .commentBox .correctBox .btnBox .secretBox input:checked+label::after {
	opacity: 1
}

.cmCommuDetail .commentBox .correctBox .btnBox .secretBox label {
	display: block;
	width: 16px;
	height: 23px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: #f5f7fa
}

.cmCommuDetail .commentBox .correctBox .btnBox .secretBox label::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 23px;
	background: url(../images/ico_seccomment.png) no-repeat;
	background-position: center center;
	opacity: .3
}

.cmCommuDetail .commentBox .maxText {
	margin-top: 8px;
	text-align: right;
	font-size: 13px;
	line-height: 1em;
	color: #6b6e73
}

.cmCommuDetail .commentBox .maxText span {
	color: #373a3c
}

.cmCommuDetail .commentBox .secret {
	display: inline-block;
	width: 16px;
	height: 23px;
	margin-left: 3px;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: top;
	background: url(../images/ico_seccomment.png) no-repeat;
	background-position: center center
}

.cmCommuDetail .commentBox .comment {
	border-top: 1px solid #373a3c;
	margin-top: 24px
}

.cmCommuDetail .commentBox .comment>li {
	display: block;
	padding: 32px 0;
	border-bottom: 1px solid #eaeaea
}

.cmCommuDetail .commentBox .comment>li .mainCmt {
	position: relative
}

.cmCommuDetail .commentBox .comment>li .mainCmt .imgBox {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #ebedf2
}

.cmCommuDetail .commentBox .comment>li .mainCmt .imgBox img {
	width: 100%
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox {
	padding-left: 48px
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .correctBox {
	margin-top: 26px;
	width: calc(100% + 48px);
	left: -48px
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info {
	margin-bottom: 4px;
	color: #6b6e73
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info button,
.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info span {
	display: inline-block;
	padding-right: 8px;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #6b6e73
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info button+span,
.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info button+button,
.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info span+span,
.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info span+button {
	position: relative;
	padding-left: 8px
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info button+span::after,
.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info button+button::after,
.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info span+span::after,
.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info span+button::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background: #eaeaea
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info button:last-child {
	padding-right: 0
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info .btnRight {
	float: right
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .info .btnRight button::after {
	height: 16px;
	background: #dcdfe3;
	transform: translateY(-50%)
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .cmt {
	color: #373a3c;
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.cmCommuDetail .commentBox .comment>li .mainCmt .textBox .writReCmt {
	display: block;
	margin-top: 12px;
	color: #4d6ee4;
	font-size: 1.3rem;
	line-height: 1.3846153846
}

[lang=zh] .cmCommuDetail .commentBox .comment>li .mainCmt .textBox .writReCmt {
	color: #fe324b
}

.cmCommuDetail .commentBox .comment>li .correctBox {
	margin-top: 7px
}

.cmCommuDetail .commentBox .comment>li .reCmt>li {
	position: relative;
	padding-left: 48px;
	margin-top: 16px
}

.cmCommuDetail .commentBox .comment>li .reCmt>li::after {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	left: 20px;
	top: 4px;
	background: url(../images/line_depth.png) no-repeat;
	background-position: center center;
	background-size: 100%
}

.cmCommuDetail .commentBox .comment>li .reCmt>li .imgBox {
	width: 32px;
	height: 32px
}

.cmCommuDetail .commentBox .comment>li .reCmt>li .mainCmt .textBox .info * {
	font-size: 1.2rem
}

.cmCommuDetail .commentBox .comment>li .reCmt>li .textBox {
	padding-left: 40px
}

.cmCommuDetail .commentBox .comment>li .reCmt>li.inputBox::after {
	display: none
}

.cmCommuDetail .commentBox .comment>li .reCmt>li.inputBox textarea {
	height: 25px;
	min-height: 25px
}

.cmCommuDetail .commentBox .comment>li .reCmt>li button {
	color: #6b6e73
}

.cmCommuDetail .commentBox .comment>li .reCmt>li button:disabled {
	color: #b9bcc0
}

.cmCommuDetail .commentBox .comment>li .reCmt>li button.correction {
	color: #e6230a
}

.cmCommuDetail .commentBox .comment>li .reCmt>li button.correction:disabled {
	color: #b9bcc0
}

.cmCommuDetail .commentBox .comment>li .reCmt>li .correctBox {
	padding: 16px 140px 16px 0
}

.cmCommuDetail .commentBox .comment>li .reCmt>li .correctBox textarea {
	min-height: 70px;
	color: #373a3c;
	background: none
}

.cmCommuDetail .commentBox .comment li .textBox.mySecret .info .id {
	position: relative;
	padding-left: 16px
}

.cmCommuDetail .commentBox .comment li .textBox.mySecret .info .id::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 12px;
	height: 12px;
	background: url(../images/ico_seccomment_full.png) no-repeat;
	background-position: center center;
	background-size: 100%
}

.cmCommuDetail .commentBox .comment li.otherSecert>.mainCmt .imgBox::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 17px;
	height: 17px;
	background: url(../images/ico_seccomment_full.png) no-repeat;
	background-position: center center;
	background-size: 100%
}

.cmCommuDetail .commentBox .comment li.otherSecert>.mainCmt .imgBox img {
	display: none
}

.cmCommuDetail .btnArea .btnSSG {
	min-width: 160px;
	background: #454f5b;
	border-color: #454f5b
}

.prediction h3 .tit.modified input:focus {
	border-color: #ffb2bc
}

.prediction h3 .tit.modified input:focus+button {
	background-image: url(../images/ico_input_enter.png);
	background-repeat: no-repeat
}

.pickNodata p::before {
	background: url(../images/illust_cart_empty.svg) no-repeat
}

.pickNodata.brand p::before {
	background: url(../images/ico_brand_nodata.svg) no-repeat
}

.pickNodata.benefit p::before {
	background: url(../images/ico-nodata-benefit.svg) no-repeat
}

.pickNodata.pickAll p::before {
	background: url(../images/ico-nodata-mypick.svg) no-repeat
}

.pickNodata.library p::before {
	background: url(../images/ico-nodata-library.svg) no-repeat
}

.listDel .btnWrap button.btnMove {
	color: #4d6ee4 !important
}

.folderMove figure {
	background: url(../images/illust_cart_empty_sm.svg) no-repeat 50%
}

.folderMove li.made .tit.select button {
	background-image: url(../images/ico_input_enter.png);
	background-repeat: no-repeat
}

.mypickPr .prodList.ediMode .frmSel.cb_checked+a figure:after {
	background: rgba(255, 178, 188, .4)
}

.mypickPr .prodList.oftenType .frmSel {
	position: absolute;
	top: 32px;
	left: 8px;
	z-index: 10000
}

.mypickPr .prodList.oftenType .frmSel.cb_checked a figure:before,
.mypickPr .prodList.oftenType .frmSel.cb_checked~figure:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(255, 178, 188, .4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000
}

.mypickPr .prodList.oftenType .myinfo {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #9fa2a8;
	position: absolute;
	bottom: 49px
}

.mypickPr .prodList.oftenType .myinfo .num {
	font-weight: 700
}

.mypickPr .prodList.oftenType .myinfo li {
	display: inline-block
}

.mypickPr .prodList.oftenType .myinfo li>span {
	color: #6b6e73;
	margin-left: 8px
}

.mypickPr .prodList.oftenType .myinfo li~li {
	position: relative;
	margin-left: 8px;
	padding-left: 9px
}

.mypickPr .prodList.oftenType .myinfo li~li::before {
	content: "";
	width: 1px;
	height: 12px;
	background: #eaeaea;
	position: absolute;
	top: 2px;
	left: 0
}

.mypickPr .prodList.oftenType .myinfo li .tEng {
	vertical-align: 1px
}

.treeLink .btnLink[aria-selected=true]+.treeMenu .link.point_colBlue {
	color: #4d6ee4 !important
}

.folderList li .con a figure {
	background: url(../images/illust_cart_empty_sm.png) no-repeat 50%
}

.folderList li .con a figure .listTotal {
	font-size: 13px;
	line-height: 25px
}

.folderList li .con.basic a {
	border-color: #e9ebfb !important
}

.cancel_applyList.bdTop {
	border-top: 1px solid #373a3c
}

.cancel_applyList .info .btnSSG:disabled {
	border-color: #b9bcc0
}

.groupBuyFlag {
	display: block;
	font-size: 0;
	margin-top: -22px
}

.groupBuyFlag~a {
	margin-top: 10px
}

.groupBuyFlag>span {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	padding: 0 8px;
	font-size: 1.2rem;
	line-height: 27px;
	border-radius: 8px;
	box-sizing: border-box
}

.groupBuyFlag>span~span {
	margin-left: 8px
}

.groupBuyFlag>span.complete {
	background: #ebf6ff;
	color: #005fc2
}

.groupBuyFlag>span.ing {
	background: #fff6f8;
	color: #4d6ee4
}

[lang=zh] .groupBuyFlag>span.ing {
	color: #fe324b
}

.swiperWrap.swiperGroupPurs {
	margin-bottom: 48px;
	padding-bottom: 24px !important
}

.swiperWrap.swiperGroupPurs .swiper-slide {
	padding: 24px 108px;
	text-align: center;
	background: #fff6f8;
	border-radius: 8px
}

.swiperWrap.swiperGroupPurs .groupEndProd {
	position: relative;
	display: table;
	width: 678px;
	min-height: 228px;
	margin: 0 auto;
	padding-left: 232px;
	table-layout: fixed
}

.swiperWrap.swiperGroupPurs .groupEndProd .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 232px;
	padding: 24px;
	background: #fff;
	border-radius: 8px
}

.swiperWrap.swiperGroupPurs .groupEndProd .item .imgBox img {
	width: 120px
}

.swiperWrap.swiperGroupPurs .groupEndProd .item .info .brandName {
	margin-top: 8px
}

.swiperWrap.swiperGroupPurs .groupEndProd .item .info .brandName,
.swiperWrap.swiperGroupPurs .groupEndProd .item .info .prodName {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 0
}

.swiperWrap.swiperGroupPurs .groupEndProd .item .info .prodNum {
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.swiperWrap.swiperGroupPurs .groupEndProd .item .title {
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 700
}

.swiperWrap.swiperGroupPurs .groupEndProd .item .subInfo {
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3
}

.swiperWrap.swiperGroupPurs .groupEndProd .groupCont {
	width: 445px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 50px
}

.swiperWrap.swiperGroupPurs .groupEndProd .groupCont .titDep3 {
	color: #373a3c;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.swiperWrap.swiperGroupPurs .groupEndProd .groupCont .titDep3+p {
	display: block;
	margin-top: 8px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: auto
}

.swiperWrap.swiperGroupPurs .groupEndProd .groupCont .date {
	margin-top: 14px;
	color: #1e2023;
	font-size: 1.3rem
}

.swiperWrap.swiperGroupPurs .groupEndProd .groupCont .btnSSG {
	margin-top: 24px
}

.swiperWrap.swiperGroupPurs .ts-prev,
.swiperWrap.swiperGroupPurs .ts-next {
	background: none;
	width: 44px;
	height: 44px
}

.swiperWrap.swiperGroupPurs .ts-prev::after,
.swiperWrap.swiperGroupPurs .ts-next::after {
	width: 24px;
	height: 42px;
	margin: -21px 0 0 -12px
}

.swiperWrap.swiperGroupPurs .ts-prev.ts-button-disabled:after,
.swiperWrap.swiperGroupPurs .ts-next.ts-button-disabled:after {
	opacity: .4
}

.swiperWrap.swiperGroupPurs .ts-prev {
	left: 24px
}

.swiperWrap.swiperGroupPurs .ts-prev::after {
	background-position: -190px 0
}

.swiperWrap.swiperGroupPurs .ts-next {
	right: 24px
}

.swiperWrap.swiperGroupPurs .ts-next::after {
	background-position: -214px 0
}

.groupBuy.detailList.auctionDetail>li .itemB .inputPercent::after {
	content: "折";
	font-size: 1.3rem;
	line-height: 1.3846153846
}

.groupBuy.detailList.subList .prodCont {
	min-height: 80px
}

.groupBuy.detailList.subList .prodCont .item,
.groupBuy.detailList.subList .prodCont .info {
	min-height: 80px
}

.groupBuy.detailList.subList .prodCont>div {
	min-height: 160px
}

.groupBuy.detailList>li .saleBefore {
	font-size: 1.2rem
}

.groupBuy.detailList>li .price span {
	color: #ff411e
}

.groupBuy.detailList>li .item .info .price.del span {
	color: #373a3c
}

.groupBuy.detailList>li .frmSel.cb_checked+a,
.groupBuy.detailList>li .groupBuy.detailList>li .frmSel.cb_checked+div {
	background: #fff6f8
}

.groupBuy.detailList>li.prodCont {
	padding: 0;
	min-height: 224px
}

.groupBuy.detailList>li.prodCont>div {
	padding: 40px 32px 24px;
	min-height: 224px
}

.groupBuy.detailList>li.prodCont>div.flagArea {
	min-height: auto
}

.groupBuy.detailList>li.prodCont .item {
	min-height: 92px
}

.groupBuy.detailList>li.prodCont .item .info .brnadName,
.groupBuy.detailList>li.prodCont .item .info .prodName {
	width: 65%
}

.groupBuy.detailList>li.prodCont .frmSel {
	left: 32px;
	top: 13px
}

.groupBuy.detailList>li.prodCont .frmSel.frmSmall label {
	width: 20px;
	height: 20px
}

.groupBuy.detailList>li.prodCont .frmSel.frmSmall label::before {
	top: 0
}

.groupBuy.detailList>li.prodCont .groupBuyFlag {
	position: absolute;
	top: 24px;
	right: -8px
}

.groupBuy.detailList.auctionDetail .prodCont .auctionNum {
	color: #373a3c;
	font-weight: 700;
	display: block;
	margin-bottom: 6px
}

.groupBuy.detailList.auctionDetail .prodCont .frmSel {
	left: 24px;
	top: 12px
}

.groupBuy.detailList.auctionDetail .prodCont .imgBox .time {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: rgba(30, 32, 35, .6);
	text-align: center
}

.groupBuy.detailList.auctionDetail .prodCont .imgBox .time time {
	display: block;
	font-size: 1.2rem;
	line-height: 24px;
	color: #fff
}

.groupBuy.detailList.auctionDetail .prodCont .btnLineG.on {
	color: #ff411e !important;
	border-color: #ff411e !important
}

.groupBuy.detailList.auctionDetail>li.case {
	height: 436px
}

.groupBuy.detailList.auctionDetail>li.case .item .info {
	height: 180px
}

.groupBuy.detailList.auctionDetail>li .item .info {
	height: 216px
}

.groupBuy.detailList.auctionDetail>li .item .info .timeTxt~.prodFlag {
	margin-left: 5px
}

.frontInfo {
	background: #f8fafc;
	border-radius: 8px;
	padding: 24px 48px 24px 32px;
	margin-bottom: 32px;
	position: relative
}

.frontInfo .textArea {
	display: table;
	width: 100%
}

.frontInfo .titArea {
	display: table-cell;
	vertical-align: middle
}

.frontInfo .titDep3 {
	font-weight: 700;
	color: #373a3c;
	margin-bottom: 0
}

.frontInfo .titDesc {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #373a3c;
	margin-top: 8px
}

.frontInfo .infoArea {
	display: table-cell;
	width: 250px;
	vertical-align: middle
}

.frontInfo .infoArea p {
	margin-bottom: 8px;
	color: #5a5f64
}

.frontInfo .infoArea p em {
	display: inline-block;
	width: 65px;
	vertical-align: top
}

.frontInfo .infoArea p>span {
	display: inline-block;
	margin-left: 16px;
	font-weight: 700;
	color: #1e2023;
	white-space: nowrap
}

.frontInfo .infoArea p>span.date {
	font-weight: 400
}

.frontInfo .infoArea p>span.sale {
	color: #4d6ee4;
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333
}

[lang=zh] .frontInfo .infoArea p>span.sale {
	color: #fe324b
}

.frontInfo .infoArea p>span span {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.frontInfo.typeGraph .textArea {
	border-bottom: 1px solid #dcdfe3;
	padding-bottom: 24px
}

.frontInfo .graphBox {
	width: 528px;
	margin: 0 auto;
	padding-top: 24px
}

.lnbWrapper .benefitCont .bannerList>li {
	width: 50%
}

.beautyRanking .txtSort .ui-selectmenu-button:after {
	background: url(../images/ico_select_big.png) no-repeat 0 0
}

@media screen and (min-width: 1663px) {
	.cmCommuList.formList>li .inpA.inpAttach .attachList {
		width: 445px;
		float: left
	}

	.cmCommuList.formList>li .inpA.inpAttach .attachList li {
		float: left;
		margin: 0;
		margin-right: 8px
	}

	.cmCommuList.formList>li .inpA.inpAttach .attachList li:last-child {
		margin-right: 0
	}

	.cmCommuList.formList>li .inpA.inpAttach .attachGuide {
		width: calc(100% - 445px);
		padding-left: 24px
	}

	.submainTop .gradeAreaFull .myInfoArea {
		padding-left: 442px
	}

	.submainTop .gradeAreaFull .myInfoArea .infoGrade {
		position: static
	}

	.submainTop .gradeAreaFull .myInfoArea .infoGrade .myGradeInfo {
		left: 0;
		width: 368px;
		padding-left: 0;
		height: calc(100% - 64px)
	}

	.submainTop .gradeAreaFull .myInfoArea .infoGrade .myGradeInfo::after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 1px;
		height: 100%;
		background-color: #eaeaea
	}

	.submainTop .gradeAreaFull .myInfoArea .infoGrade .myGradeInfo .centerCover {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 250px;
		min-height: 71px
	}

	.submainTop .gradeAreaFull .myInfoArea .infoGrade .rightTxt {
		position: relative;
		top: auto;
		transform: translateY(0);
		right: 0;
		text-align: left
	}

	.gradeStandard div.standList {
		font-size: 0
	}

	.gradeStandard div.standList .item {
		width: calc(50% - 8px);
		padding: 89px 16px 16px;
		display: inline-block
	}

	.gradeStandard div.standList .item .gradeArea {
		position: absolute;
		left: 50%;
		top: 24px;
		transform: translate(-50%, 0)
	}

	.gradeStandard div.standList .item:nth-child(2n-1) {
		margin-right: 15px
	}

	.frontInfo .infoArea {
		width: 620px;
		text-align: right
	}

	.frontInfo .infoArea span br {
		display: none
	}

	.frontInfo.typeGraph {
		display: table;
		width: 100%
	}

	.frontInfo.typeGraph .textArea {
		display: table-cell;
		width: calc(100% - 568px);
		vertical-align: middle;
		padding-bottom: 0;
		border-bottom: 0;
		border-right: 1px solid #dcdfe3
	}

	.frontInfo.typeGraph .titArea {
		display: block
	}

	.frontInfo.typeGraph .infoArea {
		display: block;
		text-align: left
	}

	.frontInfo.typeGraph .graphBox {
		display: table-cell;
		width: 528px;
		padding-top: 0;
		padding-left: 40px;
		vertical-align: middle
	}

	.lnbWrapper .benefitCont .bannerList>li {
		width: 33.3333333333%
	}
}

.orderViewList.departList>li .infoTit {
	padding-left: 0;
	padding-right: 0
}

.orderViewList>li .infoTit .date strong {
	color: #8b8f94
}

.orderViewList>li .infoTit .date strong b {
	color: #1e2023
}

.orderViewList>li .infoTit .btnSSG {
	background: #fff;
	border-color: #dcdfe3;
	letter-spacing: -1px;
	color: #373a3c
}

.odprInfo .chNum_check.type02 .state {
	font-weight: 700
}

.odprInfo .listInfo>li {
	padding: 20px 38% 24px 120px
}

.orderView .btnWrap button.btnMy {
	background: #525f6f;
	color: #fff
}

.chkApply .frmSel.frmChkOnly input+label::before {
	background: url(../images/ico_input_enter.png) no-repeat 0 -24px;
	background-size: 24px
}

.optionsReflection .error {
	color: #ce0700
}

.certAgeBox .txt {
	letter-spacing: normal
}

.memberWrap .frmInp .inpA.inpPhone .selectWrap+input[type=text],
.memberWrap .frmInp .btnSelect+input[type=text] {
	width: calc(100% - 168.7px)
}

.memberWrap .frmList li+li {
	margin-left: 18px
}

.memberWrap .listWBox.memberJoin a.wBox {
	height: 172px;
	padding: 98px 0 0 0
}

.liveCont .otWrap .timeTracker .iScrollCont {
	height: 630px
}

.liveCont .otWrap .timeTracker .iScrollCont button {
	height: auto;
	padding: 16px 13px 10px;
	text-align: center
}

.liveCont .otWrap .timeTracker .iScrollCont button .date {
	line-height: 0
}

.liveCont .otWrap .timeTracker .iScrollCont button .day {
	display: block
}

.liveCont .otWrap .timeTracker .iScrollCont button .count {
	margin-top: 6px
}

.liveCont .otWrap .timeTracker .iScrollCont button.on .count {
	border-color: #e9ebfb
}

.liveCont .otWrap .liveList .noData:before {
	background: url(../images/no_live2_cn.png) no-repeat
}

.rankingCont .rankingTotal .tabContentWrap .prodList.prodThumb>.prodCont:first-child:before {
	background-position: 0 -106px
}

.rankingCont .rankingTotal .tabContentWrap .imgList>.brand .prodCont:first-child::before {
	background-position: 0 -106px
}

.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li.active .keyword,
.rankingCont .rankingTotal .tabContentWrap .keywordRanking>li:hover .keyword {
	border: 2px solid #ff82b0
}

.rankingCont .txtSort .ui-selectmenu-menu {
	border: 1px solid #ff82b0
}

.rankingCont .txtSort .ui-selectmenu-button:after {
	background: url(../images/ico_select_big.png) no-repeat 0 0
}

.todayRecommend .prodCont .prodState.adult {
	margin-top: -74px
}

.storeList>li .brandInfo .brandName .icoN:after {
	background-image: url(../images/ico_N.png)
}

.slideMore {
	width: 56px;
	margin-left: -28px
}

.checkCalendar .checkTbl td input:checked+label:after {
	content: "出席"
}

@media screen and (min-width: 1663px) {
	.dgProdList li {
		width: 20%
	}

	.accordianList.faq .toggleAction .ctrl .faqFlag {
		top: 50%;
		transform: translateY(-50%)
	}

	.prcustomComponent .prodCont {
		width: 19% !important
	}

	.prcustomComponent .prodCont:nth-child(n+5) {
		margin-top: 0 !important
	}

	.prcustomComponent .prodCont:nth-child(n+16) {
		display: none
	}

	.lankingComponent .tdspSwipe .prodCont {
		width: 202px
	}

	.lankingComponent.lankingComponentCn .tdspSwipe .prodCont {
		width: 100%
	}

	.benefitWrap .benefitCont .bannerList.col2 li {
		width: 33.3333333333%
	}

	.benefitWrap .benefitCont .bannerList.col2 li:nth-child(3) {
		margin-top: 0 !important
	}

	.benefitWrap .benefitCont .bannerList.col2 li:nth-child(3)~li {
		margin-top: 32px
	}

	.benefitWrap .benefitCont .imgList>ul.col2>li {
		margin-top: 0
	}

	.benefitWrap .benefitCont .imgList>ul.col2>li:nth-child(3) {
		margin-top: 0 !important
	}

	.benefitWrap .benefitCont .imgList>ul.col2>li:nth-child(3)~li {
		margin-top: 56px
	}

	.benefitWrap .benefitCont .imgList.listType>ul.col2>li:nth-child(3)~li {
		margin-top: 32px
	}

	.dgMainCont .storeList>li figure {
		min-height: 280px
	}

	.groupPurchase .swiperWrap {
		width: 752px
	}

	.mainFoot_cmall .storeInfo {
		overflow: hidden;
		width: 100%;
		padding: 32px 0 0 24px
	}

	.mainFoot_cmall .storeInfo h3 {
		float: none
	}

	.mainFoot_cmall .storeInfo ul {
		float: none;
		width: 100%;
		margin: 20px 0 0 -16px
	}

	.groupBuy.detailList>li.prodCont {
		min-height: 218px
	}

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

	.mypickPr .prodList.oftenType.prodListStyle .prodCont {
		display: block;
		width: 100%;
		margin-left: 0
	}

	.mypickPr .prodList.oftenType .prodCont {
		width: 100%;
		min-height: 208px;
		margin-left: 0;
		padding-right: 200px;
		border-top: 1px solid #eaeaea
	}

	.mypickPr .prodList.oftenType .prodCont .myinfo {
		top: auto;
		right: auto;
		bottom: 48px;
		left: 184px
	}

	.mypickPr .prodList.oftenType .prodCont .prodBtns {
		position: absolute;
		bottom: 40px;
		right: 5px
	}

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

	.mypickPr .prodList.oftenType .prodCont .priceArea .priceWrap,
	.mypickPr .prodList.oftenType .prodCont .priceArea .saleWon {
		display: block
	}

	.mypickPr .prodList.oftenType .prodCont .priceArea .saleDollar {
		display: block;
		font-size: 2.4rem;
		line-height: 1.3333333333;
		line-height: 1.4166666667
	}

	.mypickPr .prodList.oftenType .prodCont .priceArea .saleNum {
		font-size: 15px
	}

	.myOrderList .prodList.prodListStyle .prodCont {
		width: 100%;
		margin-left: 0
	}

	.gradeAreaFull .myInfoArea {
		font-size: 0
	}

	.gradeAreaFull .myInfoArea .infoGrade {
		display: inline-block;
		width: 368px;
		position: static;
		vertical-align: top;
		padding-top: 40px
	}

	.gradeAreaFull .myInfoArea .infoGrade .myGradeInfo {
		width: 368px
	}

	.gradeAreaFull .myInfoArea .infoGrade .rightTxt {
		position: absolute;
		width: calc(100% - 441px);
		left: 441px;
		text-align: left;
		top: 32px
	}

	.gradeAreaFull .myInfoArea .gradeArea {
		display: inline-block;
		width: calc(100% - 368px);
		font-size: 1.5rem;
		line-height: 1.5333333333;
		padding: 75px 0 0 30px
	}

	.gradeAreaFull .myInfoArea::after {
		content: "";
		width: 1px;
		height: calc(100% - 64px);
		background: #eaeaea;
		position: absolute;
		top: 32px;
		left: 368px
	}
}

.contents.u646 .prInfo_top.zoom .prSide .toastBoxWrap .toastBox.stockToast p::before {
	margin-top: -11px
}

.contents.u646 .prInfo_top.zoom .priceInfoFlat .con .inWrap .info .saleNum {
	margin-left: 4px;
	font-size: 1.8rem
}

.contents.u646 .prInfo_top.zoom .priceInfoFlat .con .inWrap .info .saleNum b {
	font-size: 1.6rem;
	font-weight: 400
}

.contents.u646 .prInfo_top.zoom .priceInfoFlat .con .inWrap .info .saleNum b+b {
	margin-left: 0;
	font-size: 1.8rem
}

.contents.u646 .prInfo_top.zoom .priceInfoFlat .con .inWrap .info .discountNum b {
	position: relative;
	left: 2px;
	top: -2px;
	font-size: 1.5rem
}

.contents.u646 .prInfo_tabCon .qnaWrap .accordianList.qnaList .toggleAction.secret {
	overflow: auto;
	display: block;
	width: initial;
	height: initial;
	margin: 0;
	text-indent: 0;
	background: none
}

.contents.u646 .prInfo_tabCon .qnaWrap .accordianList.qnaList .answer::after {
	background-image: url("../images/ico_answer_cn.svg")
}

.contents.u646 .fixBottomWrap .inWrap .prodInfo .prodOpt .btnGroup button {
	font-weight: 700
}

@media screen and (min-width: 1903px) {
	.shoppingBasket .scrollArea {
		height: calc(100vh - 468px)
	}

	.deliverySvc .formList li.flexCont.chnName,
	.deliverySvc .formList li.flexCont.engName {
		width: 50%
	}

	.deliverySvc .formList li.flexCont.engName .tit {
		width: 120px
	}

	.flightResultArea .flightResultList>li {
		width: calc(33.3% - 16px)
	}

	.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(1) {
		width: 5%
	}

	.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(2) {
		width: 15%
	}

	.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(3) {
		width: 17%
	}

	.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(4) {
		width: 30%
	}

	.deliverySvcList.v210923 .deliverySvcTit>span:nth-child(5) {
		width: 22%
	}

	.deliverySvcList.v210923 .accordianList li .ctrl .status {
		width: 5%
	}

	.deliverySvcList.v210923 .accordianList li .ctrl .index {
		width: 15%
	}

	.deliverySvcList.v210923 .accordianList li .ctrl .period {
		width: 17%
	}

	.deliverySvcList.v210923 .accordianList li .ctrl .period br {
		display: none
	}

	.deliverySvcList.v210923 .accordianList li .ctrl .address {
		width: 30%
	}

	.deliverySvcList.v210923 .accordianList li .ctrl .total {
		width: 22%
	}

	.deliverySvcList.v210923 .accordianList li .ctrl .orderlist button {
		width: 120px
	}

	.deliverySvcList.v210923 .accordianList li .ctrl .total span:after {
		right: -40px
	}
}