.col_cRed05 {
	color: #fe324b !important
}

.swiperWrap .ts-prev,
.swiperWrap .ts-next,
.swiperWrap .ts-paging .ts-paging-btn,
.boardList>li a .tit .new,
.listPaging button,
.frmSearch .icoSearch,
.filterSearch .icoSearch,
.searchWrap .btSear,
.frmSel.only label,
.ui-datepicker .close,
.ui-datepicker .ui-datepicker-header button,
.calenInp .ui-datepicker-trigger,
body>.popLayCont .closeP,
.popWrap .closeP,
.btTip,
.tipArea .tipCont .closeT,
.layPop .closeL,
.pageStep li em,
.listNum .funcBtns .funcAcct,
.btIco,
.chkPut label,
.chkFavo label,
.chkFavo2 label,
.asideTop .btTop,
footer>.footInner .footRight .footSns .snsList>a,
.header .breadCrumb .cateWrap .cateArea .cateClose,
.header .breadCrumb .cateWrap .cateArea .brandTabs .close,
.header .breadCrumb .cateWrap .btcate,
.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li .state,
.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>.del,
.header .headSearch .headsearchWrap .searchArea>button,
.header .headSearch .headsearchWrap .closeS,
.header .headSearch .btSearch,
.header .headInner .headUtil .recentProd .popLayCont>button,
.header .headInner .headUtil .recentProd .popLayCont .recentListS li .del,
.header .headInner .headMid.case nav .btn_hideGnb,
.wrapper.headFixed .header .headInner .headUtil>a {
	overflow: hidden;
	text-indent: -9999px
}

.swiperWrap .ts-prev::after,
.swiperWrap .ts-next::after,
.swiperWrap .ts-controls.playStop [class^=btn]::after,
.swiperWrap .ts-paging .ts-paging-btn::after,
.listPaging button::after,
.searchWrap .btSear::after,
.ui-datepicker .close::after,
.ui-datepicker .ui-datepicker-header button::after,
.calenInp .ui-datepicker-trigger::after,
.videoPlayer .vp_play_btn::after,
.videoPopup .closeL::after,
.videoPlayButton>a::after,
.videoPlayButton>a::before,
body>.popLayCont .closeP::after,
.popWrap .closeP::after,
.btTip::before,
.layPop .closeL::after,
.btIco::after,
.chkPut label::after,
.chkFavo label::after,
.chkFavo2 label::after,
.asideTop .btTop::after,
.header .breadCrumb .cateNav button::after,
.header .breadCrumb .cateWrap .cateArea .cateClose::after,
.header .breadCrumb .cateWrap .cateArea .brandTabs .close::after,
.header .breadCrumb .cateWrap .btcate::after,
.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li .state::after,
.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>.del::after,
.header .headSearch .headsearchWrap .closeS::after,
.header .headSearch .btSearch::after,
.header .headInner .headUtil .recentProd .popLayCont>button::after,
.header .headInner .headMid.case nav .btn_hideGnb::before,
.header .headInner .headTop .utilMenu li.topLayer .toggleBtn::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray,
.layPop .layCont,
footer>.footInner .footRight .selectFamily .selectInner .inner,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray::-webkit-scrollbar,
.layPop .layCont::-webkit-scrollbar,
footer>.footInner .footRight .selectFamily .selectInner .inner::-webkit-scrollbar,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray::-webkit-scrollbar-thumb,
.layPop .layCont::-webkit-scrollbar-thumb,
footer>.footInner .footRight .selectFamily .selectInner .inner::-webkit-scrollbar-thumb,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray::-webkit-scrollbar-track,
.layPop .layCont::-webkit-scrollbar-track,
footer>.footInner .footRight .selectFamily .selectInner .inner::-webkit-scrollbar-track,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft::-webkit-scrollbar-track {
	border-radius: 10px
}

.col_cRed05 {
	color: #fe324b !important
}

.swiperWrap .ts-prev,
.swiperWrap .ts-next,
.swiperWrap .ts-paging .ts-paging-btn,
.boardList>li a .tit .new,
.listPaging button,
.frmSearch .icoSearch,
.filterSearch .icoSearch,
.searchWrap .btSear,
.frmSel.only label,
.ui-datepicker .close,
.ui-datepicker .ui-datepicker-header button,
.calenInp .ui-datepicker-trigger,
body>.popLayCont .closeP,
.popWrap .closeP,
.btTip,
.tipArea .tipCont .closeT,
.layPop .closeL,
.pageStep li em,
.listNum .funcBtns .funcAcct,
.btIco,
.chkPut label,
.chkFavo label,
.chkFavo2 label,
.asideTop .btTop,
footer>.footInner .footRight .footSns .snsList>a,
.header .breadCrumb .cateWrap .cateArea .cateClose,
.header .breadCrumb .cateWrap .cateArea .brandTabs .close,
.header .breadCrumb .cateWrap .btcate,
.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li .state,
.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>.del,
.header .headSearch .headsearchWrap .searchArea>button,
.header .headSearch .headsearchWrap .closeS,
.header .headSearch .btSearch,
.header .headInner .headUtil .recentProd .popLayCont>button,
.header .headInner .headUtil .recentProd .popLayCont .recentListS li .del,
.header .headInner .headMid.case nav .btn_hideGnb,
.wrapper.headFixed .header .headInner .headUtil>a {
	overflow: hidden;
	text-indent: -9999px
}

.swiperWrap .ts-prev::after,
.swiperWrap .ts-next::after,
.swiperWrap .ts-controls.playStop [class^=btn]::after,
.swiperWrap .ts-paging .ts-paging-btn::after,
.listPaging button::after,
.searchWrap .btSear::after,
.ui-datepicker .close::after,
.ui-datepicker .ui-datepicker-header button::after,
.calenInp .ui-datepicker-trigger::after,
.videoPlayer .vp_play_btn::after,
.videoPopup .closeL::after,
.videoPlayButton>a::after,
.videoPlayButton>a::before,
body>.popLayCont .closeP::after,
.popWrap .closeP::after,
.btTip::before,
.layPop .closeL::after,
.btIco::after,
.chkPut label::after,
.chkFavo label::after,
.chkFavo2 label::after,
.asideTop .btTop::after,
.header .breadCrumb .cateNav button::after,
.header .breadCrumb .cateWrap .cateArea .cateClose::after,
.header .breadCrumb .cateWrap .cateArea .brandTabs .close::after,
.header .breadCrumb .cateWrap .btcate::after,
.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li .state::after,
.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>.del::after,
.header .headSearch .headsearchWrap .closeS::after,
.header .headSearch .btSearch::after,
.header .headInner .headUtil .recentProd .popLayCont>button::after,
.header .headInner .headMid.case nav .btn_hideGnb::before,
.header .headInner .headTop .utilMenu li.topLayer .toggleBtn::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray,
.layPop .layCont,
footer>.footInner .footRight .selectFamily .selectInner .inner,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft {
	scrollbar-color: #e6e6db rgba(0, 0, 0, 0);
	scrollbar-width: thin
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray::-webkit-scrollbar,
.layPop .layCont::-webkit-scrollbar,
footer>.footInner .footRight .selectFamily .selectInner .inner::-webkit-scrollbar,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft::-webkit-scrollbar {
	overflow: hidden;
	width: 3px;
	margin-right: 6px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray::-webkit-scrollbar-thumb,
.layPop .layCont::-webkit-scrollbar-thumb,
footer>.footInner .footRight .selectFamily .selectInner .inner::-webkit-scrollbar-thumb,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #aaa
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray::-webkit-scrollbar-track,
.layPop .layCont::-webkit-scrollbar-track,
footer>.footInner .footRight .selectFamily .selectInner .inner::-webkit-scrollbar-track,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft::-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")
}

html {
	font-size: 10px
}

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
div,
figure,
article,
header,
nav,
footer,
section,
button,
span {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	word-break: keep-all;
	word-wrap: break-word;
	white-space: normal
}

body,
input,
textarea,
select,
button,
table,
th,
td {
	line-height: 1.53;
	color: #5a5f64;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: -0.03em
}

body,
input,
textarea,
select,
button,
a,
table,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
q,
i,
strong,
option,
u,
b,
p,
span,
em,
ul,
ol,
li,
dl,
dt,
dd,
figure,
article,
header,
nav,
footer,
section {
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] body,
[lang=zh] input,
[lang=zh] textarea,
[lang=zh] select,
[lang=zh] button,
[lang=zh] a,
[lang=zh] table,
[lang=zh] th,
[lang=zh] td,
[lang=zh] h1,
[lang=zh] h2,
[lang=zh] h3,
[lang=zh] h4,
[lang=zh] h5,
[lang=zh] h6,
[lang=zh] q,
[lang=zh] i,
[lang=zh] strong,
[lang=zh] option,
[lang=zh] u,
[lang=zh] b,
[lang=zh] p,
[lang=zh] span,
[lang=zh] em,
[lang=zh] ul,
[lang=zh] ol,
[lang=zh] li,
[lang=zh] dl,
[lang=zh] dt,
[lang=zh] dd,
[lang=zh] figure,
[lang=zh] article,
[lang=zh] header,
[lang=zh] nav,
[lang=zh] footer,
[lang=zh] section {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: -0.05em
}

img,
fieldset,
iframe {
	border: 0;
	vertical-align: top
}

textarea {
	-webkit-border-radius: 0;
	border-radius: 0;
	resize: none;
	white-space: pre-wrap
}

textarea:focus {
	outline: 0
}

ul,
ol {
	list-style: none
}

ul::after,
ol::after {
	content: "";
	display: block;
	clear: both
}

em,
address {
	font-style: normal
}

input,
select {
	vertical-align: middle
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0
}

caption {
	visibility: hidden;
	overflow: hidden;
	position: static;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0
}

b,
strong {
	font-weight: 700
}

button {
	text-align: left;
	border: none;
	background: none;
	box-sizing: border-box;
	cursor: pointer
}

a {
	color: inherit;
	box-sizing: border-box;
	text-decoration: none
}

label {
	cursor: pointer
}

[tabindex="0"]:focus {
	outline: 0
}

::placeholder {
	color: #b9bcc0;
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] ::placeholder {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

:-moz-placeholder {
	color: #b9bcc0;
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] :-moz-placeholder {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

::-webkit-input-placeholder {
	color: #b9bcc0;
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] ::-webkit-input-placeholder {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

:-ms-input-placeholder {
	color: #b9bcc0;
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] :-ms-input-placeholder {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

::-ms-input-placeholder {
	color: #b9bcc0;
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] ::-ms-input-placeholder {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

input:-ms-input-placeholder[type=text],
input:-ms-input-placeholder[type=password] {
	color: #b9bcc0;
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] input:-ms-input-placeholder[type=text],
[lang=zh] input:-ms-input-placeholder[type=password] {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

textarea::placeholder {
	color: #b9bcc0;
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif
}

[lang=zh] textarea::placeholder {
	font-family: "Pretendard", Microsoft YaHei, 微软雅黑, STXihei, 华文细黑, sans-serif
}

hr,
legend,
grammarly-extension {
	display: none
}

.hidden {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px !important;
	clip: rect(0 0 0 0)
}

.tleft {
	text-align: left !important
}

.tright {
	text-align: right !important
}

.tcenter {
	text-align: center !important
}

.tline {
	text-decoration: line-through !important
}

.vspace {
	margin-top: 35px !important
}

.tspace {
	margin-top: 12px !important
}

.default_col {
	color: #5a5f64 !important
}

.point_colRed {
	color: #f42d10 !important
}

.point_colBlue {
	color: #4d6ee4
}

[lang=zh] .point_colBlue {
	color: #fe324b
}

.point_col_DGred {
	color: #fe324b !important
}

.marginT0 {
	margin-top: 0 !important
}

.dimmed {
	overflow: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	background: rgba(0, 0, 0, .6)
}

figure img.lazyload:not([src]) {
	visibility: hidden
}

.ps-scrollWrap {
	overflow: hidden !important;
	position: absolute
}

.ps-container .ps-scrollbar-x-rail {
	display: none !important;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	bottom: 3px;
	height: 4px;
	border-radius: 4px;
	transition: background-color .2s linear, opacity .2s linear
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
	opacity: .9;
	filter: alpha(opacity=90);
	background-color: #eee
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
	opacity: .9;
	filter: alpha(opacity=90);
	background-color: #eee
}

.ps-container .ps-scrollbar-y-rail {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	right: 3px;
	z-index: 2;
	width: 3px;
	border-radius: 2px;
	transition: background-color .2s linear, opacity .2s linear
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
	opacity: .9;
	filter: alpha(opacity=90);
	background-color: #eee
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
	background-color: #999
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
	opacity: .9;
	filter: alpha(opacity=90);
	background-color: #eee
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-y-rail {
	opacity: .6;
	filter: alpha(opacity=60)
}

.ps-container .ps-scrollbar-x {
	position: absolute;
	bottom: 0;
	height: 4px;
	border-radius: 2px;
	background-color: #aaa;
	transition: background-color .2s linear
}

.ps-container .ps-scrollbar-x:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x.hover .ps-scrollbar-x {
	background-color: #999
}

.ps-container .ps-scrollbar-y {
	position: absolute;
	right: 0;
	width: 3px;
	border-radius: 2px;
	background: rgba(0, 0, 0, .15);
	transition: background-color .2s linear
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
	visibility: hidden
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
	visibility: visible
}

html,
body {
	position: relative
}

body>#wrapper {
	height: auto;
	min-height: calc(100vh - 490px)
}

.wrapper {
	position: relative;
	z-index: 10;
	text-align: center;
	min-width: 1280px
}

.wrapper.headFixed {
	padding-top: 172px
}

.wrapper.headFixed .mainTopbanner {
	position: fixed;
	top: -10px;
	left: 0
}

.wrapper.headFixed .header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0
}

.wrapper.headFixed .header .headTop {
	display: none
}

.wrapper.headFixed .header .headMid .topLogo {
	display: none
}

.wrapper.headFixed .header .headMid .headUtil .headerSideB {
	display: none
}

.wrapper.headFixed .header .headInner .headMid nav {
	position: fixed;
	top: 15px;
	left: 85px;
	z-index: 1000;
	margin-top: 0
}

.wrapper.headFixed .header .headInner .headMid nav a {
	font-size: 2rem;
	font-weight: 400;
}

.wrapper.headFixed .headSearch {
	position: absolute;
	top: 15px;
	right: 199px;
	margin-top: 0
}

.wrapper.headFixed .header .headInner .headUtil {
	top: 15px;
	right: 33px;
	z-index: 9999
}

.wrapper.headFixed .header .headInner .headUtil>a {
	padding-top: 0;
	width: 40px;
	height: 40px
}

.wrapper.headFixed .header .headInner .headUtil>a::before {
	top: 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px
}

.wrapper.headFixed .header .headInner .headUtil>a.btMypage:before {
	background-position: -146px -32px
}

.wrapper.headFixed .header .headInner .headUtil>a.btCart .num {
	right: 0;
	text-indent: 0
}

.wrapper.headFixed .header .headInner .headUtil>a.btCart::before {
	background-position: -170px -32px
}

.wrapper.headFixed .header .headInner .headUtil>a.btCindy:before {
	background: url("../images/chatbot_K_24.png") no-repeat 0 0 !important;
	background-size: 24px !important
}

.wrapper.headFixed .header .headInner .headUtil>a.btLogin,
.wrapper.headFixed .header .headInner .headUtil>a.btLogout {
	display: none
}

.wrapper.headFixed .header .headInner .headUtil .recentProd {
	width: 40px;
	height: 40px;
	margin-left: 4px
}

.wrapper.headFixed .header .headInner .headUtil .recentProd>a {
	width: 32px;
	height: 32px
}

.wrapper.headFixed .header .headInner .headUtil .recentProd>a figure {
	top: 4px;
	width: 32px;
	height: 32px;
	min-height: initial;
	border-radius: 50%
}

.wrapper.headFixed .header .headInner .headUtil .recentProd>a figure .prodState.adult {
	width: 32px !important;
	height: 32px !important;
	background-size: 24px !important
}

.wrapper.headFixed .header .headInner .headUtil .recentProd>a .txt,
.wrapper.headFixed .header .headInner .headUtil .recentProd>a .num {
	display: none
}

.wrapper.headFixed .header .headInner .headUtil .recentProd .popLayCont {
	top: 47px;
	right: -3px
}

.wrapper.headFixed .breadCrumb {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	min-width: 1440px;
	height: 72px;
	margin-top: 0;
	padding-top: 11px;
	background: #1e2023;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1)
}

.wrapper.headFixed .breadCrumb>.inner {
	padding: 0
}

.wrapper.headFixed .breadCrumb>.inner .cateArea {
	top: 61px;
	height: calc(100vh - 72px)
}

.wrapper.headFixed .breadCrumb>.inner .cateArea .cateClose {
	top: -61px
}

.wrapper.headFixed .breadCrumb>.inner .cateWrap.i20221221 .cateArea {
	height: calc(100vh - 104px)
}

.wrapper.headFixed .breadCrumb>.inner .cateNav {
	overflow: hidden;
	position: relative;
	margin-left: 700px;
	padding: 0 12px;
	vertical-align: top
}

.wrapper.headFixed .breadCrumb>.inner .cateNav .inner {
	overflow: hidden;
	display: inline-block;
	width: calc(100vw - 1024px);
	min-width: 350px;
	white-space: nowrap
}

.wrapper.headFixed .breadCrumb>.inner .cateNav::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 19px;
	margin-top: -9px;
	background: #5a5f64;
	z-index: 1000
}

.wrapper.headFixed .breadCrumb>.inner .cateNav button {
	display: inline-block;
	margin-top: 10px
}

.wrapper.headFixed .breadCrumb>.inner .cateNav button.prev {
	display: none
}

.wrapper.headFixed .breadCrumb>.inner .cateNav button.scrollPrev,
.wrapper.headFixed .breadCrumb>.inner .cateNav button.scrollNext {
	display: inline-block;
	position: absolute
}

.wrapper.headFixed .breadCrumb>.inner .cateNav button.scrollNext {
	right: 0
}

.wrapper.headFixed .breadCrumb>.inner .cateNav.disableLeft .scrollPrev,
.wrapper.headFixed .breadCrumb>.inner .cateNav.disableRight .scrollNext {
	display: none
}

.wrapper.headFixed .breadCrumb>.inner .cateNav a {
	color: #b9bcc0
}

.wrapper.headFixed .breadCrumb>.inner .cateNav a[aria-current=true] {
	color: #fff
}

.wrapper.headFixed .breadCrumb>.inner .hashTagList {
	display: none
}

.wrapper.headFixed .breadCrumb .cateWrap .cateArea .wrapInner .brandTabs {
	left: 240px;
	visibility: visible;
	opacity: 1
}

.wrapper.headFixed .breadCrumb .cateWrap .cateArea .wrapInner .brandTabs .brandBtm .cateBrandList {
	overflow: hidden
}

.wrapper.headFixed .container {
	padding-top: 79px
}

.header {
	position: relative;
	z-index: 101;
	min-width: 1280px;
	width: 100%;
	height: 160px;
	text-align: center;
	background: #1e2023
}

.header * {
	vertical-align: top
}

.header #gnb.imp,
.header #gnb.imp+.headSearch {
	opacity: 0;
	transition: opacity .25s
}

.header #gnb.imp.show,
.header #gnb.imp+.headSearch.show {
	opacity: 1
}

.header .headInner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 40px
}

.header .headInner .headTop {
	position: relative;
	z-index: 103;
	height: 40px;
	padding: 8px 0 0;
	font-size: 1.2rem;
	line-height: 28px;
	text-align: right
}

.header .headInner .headTop .select_lang {
	overflow: hidden;
	display: inline-block;
	position: relative;
	height: 26px;
	margin: 1px -4px 0 0;
	line-height: 26px
}

.header .headInner .headTop .select_lang button {
	position: relative;
	width: 100%;
	height: 26px;
	padding: 0 28px 0 14px;
	line-height: 26px;
	border-radius: 8px 8px 0 0;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	box-sizing: border-box;
	background: url("../images/ico_lang_dropdown_close.png") no-repeat right 8px center
}

.header .headInner .headTop .select_lang button::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -4px;
	background: #5a5f64
}

.header .headInner .headTop .select_lang ul {
	background: #fff
}

.header .headInner .headTop .select_lang ul li {
	overflow: hidden
}

.header .headInner .headTop .select_lang ul li a {
	display: block;
	padding-left: 13px;
	text-align: left;
	line-height: 26px;
	font-size: 1.2rem;
	color: #6b6e73;
	transition: .25s ease-in-out
}

.header .headInner .headTop .select_lang ul li a:hover {
	color: #1e2023;
	background: rgba(242, 245, 249, .8)
}

.header .headInner .headTop .select_lang ul li:last-child {
	border-radius: 0 0 8px 8px
}

.header .headInner .headTop .select_lang:hover {
	height: auto
}

.header .headInner .headTop .select_lang:hover button {
	border-bottom: 1px solid #eaeaea;
	color: #1e2023;
	background: #fff url("../images/ico_lang_dropdown_open.png") no-repeat right 8px center
}

.header .headInner .headTop .select_lang:hover button::after {
	display: none
}

.header .headInner .headTop .select_lang:hover ul {
	opacity: 1;
	border-radius: 0 0 8px 8px
}

.header .headInner .headTop .todayRate {
	display: inline-block;
	height: 28px;
	margin: 0 10px;
	vertical-align: top;
	color: #fff
}

.header .headInner .headTop .todayRate em {
	position: relative;
	display: inline-block;
	margin: 1px 0 0 6px;
	padding-left: 16px
}

.header .headInner .headTop .todayRate em::before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 12px;
	height: 12px;
	background: url(../images/common/spr_layout.png) no-repeat -186px 0
}

.header .headInner .headTop .todayRate+.utilMenu li a {
	color: #fff
}

.header .headInner .headTop .todayRate+.utilMenu li a::after {
	left: 0;
	right: auto
}

.header .headInner .headTop .utilMenu {
	display: inline-block
}

.header .headInner .headTop .utilMenu li {
	float: left
}

.header .headInner .headTop .utilMenu li.loginAfter {
	position: relative;
	padding-right: 13px;
	padding-left: 12px
}

.header .headInner .headTop .utilMenu li.loginAfter::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 10px;
	margin-top: -4px;
	background: #5a5f64
}

.header .headInner .headTop .utilMenu li.loginAfter * {
	line-height: 28px
}

.header .headInner .headTop .utilMenu li.loginAfter>a:after {
	display: none
}

.header .headInner .headTop .utilMenu li.loginAfter .level {
	display: inline-block;
	position: relative;
	padding: 0 0 0 20px;
	line-height: 30px;
	color: #fff;
	font-weight: 500
}

[lang=zh] .header .headInner .headTop .utilMenu li.loginAfter .level {
	font-weight: 700
}

.header .headInner .headTop .utilMenu li.loginAfter .level::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(../images/common/spr_layout.png) no-repeat;
	transform: translateY(-50%)
}

.header .headInner .headTop .utilMenu li.loginAfter .level.tier1:before {
	background-position: -48px -164px
}

.header .headInner .headTop .utilMenu li.loginAfter .level.tier2:before {
	background-position: -32px -164px
}

.header .headInner .headTop .utilMenu li.loginAfter .level.tier3:before {
	background-position: -16px -164px
}

.header .headInner .headTop .utilMenu li.loginAfter .level.tier4:before {
	background-position: 0 -164px
}

.header .headInner .headTop .utilMenu li.loginAfter .level.vip,
.header .headInner .headTop .utilMenu li.loginAfter .level.black,
.header .headInner .headTop .utilMenu li.loginAfter .level.gold,
.header .headInner .headTop .utilMenu li.loginAfter .level.silver,
.header .headInner .headTop .utilMenu li.loginAfter .level.member {
	letter-spacing: 0
}

.header .headInner .headTop .utilMenu li.loginAfter .level.vip::before,
.header .headInner .headTop .utilMenu li.loginAfter .level.black::before,
.header .headInner .headTop .utilMenu li.loginAfter .level.blackwelcome::before,
.header .headInner .headTop .utilMenu li.loginAfter .level.gold::before,
.header .headInner .headTop .utilMenu li.loginAfter .level.silver::before,
.header .headInner .headTop .utilMenu li.loginAfter .level.member::before {
	width: 16px;
	height: 16px;
	background-size: cover
}

.header .headInner .headTop .utilMenu li.loginAfter .level.vip::before {
	background-image: url(../images/spr_grade_imp_vip.png)
}

.header .headInner .headTop .utilMenu li.loginAfter .level.black::before,
.header .headInner .headTop .utilMenu li.loginAfter .level.blackwelcome::before {
	background-image: url(../images/spr_grade_imp_black.png)
}

.header .headInner .headTop .utilMenu li.loginAfter .level.gold::before {
	background-image: url(../images/spr_grade_imp_gold.png)
}

.header .headInner .headTop .utilMenu li.loginAfter .level.silver::before {
	background-image: url(../images/spr_grade_imp_silver.png)
}

.header .headInner .headTop .utilMenu li.loginAfter .level.member::before {
	background-image: url(../images/spr_grade_imp_member.png)
}

.header .headInner .headTop .utilMenu li.loginAfter .userName {
	display: inline-block;
	padding: 0 0 0 6px;
	color: #b9bcc0;
	font-size: 1.2rem;
	font-weight: 400
}

.header .headInner .headTop .utilMenu li a {
	display: block;
	position: relative;
	padding: 0 13px 0 12px;
	color: #b9bcc0
}

.header .headInner .headTop .utilMenu li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 10px;
	margin-top: -4px;
	background: #5a5f64
}

.header .headInner .headTop .utilMenu li a.lang {
	padding-left: 20px;
	margin-left: 12px
}

.header .headInner .headTop .utilMenu li a.lang::before {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(../images/spr_layout.png) no-repeat
}

[lang=ko] .header .headInner .headTop .utilMenu li a.lang::before {
	background-position: -105px -164px
}

[lang=zh] .header .headInner .headTop .utilMenu li a.lang::before {
	background-position: -89px -164px
}

.header .headInner .headTop .utilMenu li.topLayer {
	position: relative;
	z-index: 102
}

.header .headInner .headTop .utilMenu li.topLayer .toggleBtn {
	padding-right: 26px
}

.header .headInner .headTop .utilMenu li.topLayer .toggleBtn::before {
	right: 10px;
	left: auto;
	width: 9px;
	height: 5px;
	margin-top: -2px;
	background: url(../images/spr_layout.png) no-repeat -222px 0
}

.header .headInner .headTop .utilMenu li.topLayer .popLayCont {
	display: none;
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 100;
	width: 138px;
	border-radius: 0 8px 8px 8px;
	text-align: left;
	font-size: 0;
	background: #fff
}

.header .headInner .headTop .utilMenu li.topLayer .popLayCont .qrChina {
	display: inline-block;
	width: 138px;
	padding: 12px 0;
	text-align: center;
	line-height: 1;
	white-space: nowrap
}

.header .headInner .headTop .utilMenu li.topLayer .popLayCont .qrChina img {
	margin-bottom: 6px
}

.header .headInner .headTop .utilMenu li.topLayer .popLayCont .qrChina span {
	display: block;
	font-size: 1.3rem
}

.header .headInner .headTop .utilMenu li.topLayer .popLayCont .qrChina+.qrChina {
	border-left: 1px solid #eaeaea
}

.header .headInner .headTop .utilMenu li.topLayer:hover .toggleBtn {
	color: #6b6e73;
	border-radius: 8px 8px 0 0;
	background: #fff
}

.header .headInner .headTop .utilMenu li.topLayer:hover .toggleBtn::before {
	background-position: -222px -6px
}

.header .headInner .headTop .utilMenu li.topLayer:hover .toggleBtn::after {
	display: none
}

.header .headInner .headTop .utilMenu li.topLayer:hover .popLayCont {
	display: block
}

.header .headInner .headTop .utilMenu li.topLayer.topSNS .popLayCont {
	left: auto;
	right: 0;
	width: 414px;
	border-radius: 8px 0 8px 8px
}

.header .headInner .headMid {
	height: 78px;
	text-align: left
}

.header .headInner .headMid:hover {
	z-index: 102
}

.header .headInner .headMid .topLogo {
	display: inline-block;
	margin: -32px 0 0 -30px
}

.header .headInner .headMid .topLogo a {
	display: block;
	padding: 16px 21px
}

.header .headInner .headMid nav {
	display: inline-block;
	margin: 12px 0 0 -9px
}

.header .headInner .headMid nav a {
	display: inline-block;
	padding: 0 9px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 500
}

[lang=zh] .header .headInner .headMid nav a {
	font-weight: 700
}

.header .headInner .headMid nav .gnbBtnNbg {
	background-image: linear-gradient(to right, #8f7240 0%, #d0bc99 50%, #8f7240 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.header .headInner .headMid nav .gnbBtnBlackPlus {
	background-image: linear-gradient(90deg, #7e8fe7 0%, #dedcfe 42.89%, #ba9cfb 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.header .headInner .headMid.case nav .hideGnb {
	display: inline-block;
	position: relative
}

.header .headInner .headMid.case nav .hideGnb.none {
	display: none
}

.header .headInner .headMid.case nav .btn_hideGnb {
	display: inline-block;
	position: relative;
	width: 28px;
	height: 28px;
	vertical-align: -10px
}

.header .headInner .headMid.case nav .btn_hideGnb::before {
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	background: url(../images/common/ico_header_mn.png) no-repeat 0 0
}

.header .headInner .headMid.case nav .btn_hideGnb.open::before {
	background-position: 0 -28px
}

.header .headInner .headMid.case nav .btn_hideGnb.open+.hideGnb_list {
	display: block
}

.header .headInner .headMid.case nav .hideGnb_list {
	display: none;
	position: absolute;
	top: 46px;
	left: -7px;
	z-index: 999;
	min-width: 146px;
	padding: 10px 0;
	border-radius: 8px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
	background: #fff
}

.header .headInner .headMid.case nav .hideGnb_list a {
	display: block;
	height: auto;
	padding: 10px 16px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #1e2023;
	line-height: 20px
}

[lang=zh] .header .headInner .headMid.case nav .hideGnb_list a {
	font-weight: 700
}

.header .headInner .headMid.case nav .hideGnb_list a:hover {
	background: #f2f5f9
}

.header .headInner .headMid.case nav .hideGnb_list a.em em {
	display: none !important
}

.header .headInner .headMid.case nav .hideGnb_list::before {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: 17px;
	width: 11px;
	height: 8px;
	background: url(../images/ico_hidegnb.png) no-repeat 0 0
}

.header .headInner .headUtil {
	position: absolute;
	top: 61px;
	right: 46px;
	z-index: 99;
	font-size: 0
}

.header .headInner .headUtil>a {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 56px;
	padding-top: 36px;
	line-height: 18px;
	text-align: center;
	color: #b9bcc0;
	font-size: 1.2rem
}

.header .headInner .headUtil>a::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	background: url(../images/spr_layout.png) no-repeat 0 -80px
}

.header .headInner .headUtil>a.btMypage:before {
	background-position: -32px -80px
}

.header .headInner .headUtil>a.btCart::before {
	background-position: -64px -80px
}

.header .headInner .headUtil>a.btCart .num {
	position: absolute;
	top: 0;
	right: 8px;
	min-width: 18px;
	padding: 0 5px;
	color: #fff;
	font-size: 1rem;
	line-height: 18px;
	border-radius: 18px;
	background-color: #4d6ee4
}

[lang=zh] .header .headInner .headUtil>a.btCart .num {
	background-color: #fe324b
}

.header .headInner .headUtil>a.btLogout:before {
	background-position: -96px -80px
}

.header .headInner .headUtil>a.btCindy:before {
	background: url("../images/chatbot_K.png") no-repeat 0 0 !important
}

.header .headInner .headUtil .recentProd {
	display: inline-block;
	position: relative;
	width: 52px;
	height: 60px;
	margin-left: 4px;
	padding-bottom: 15px;
	text-align: center;
	vertical-align: top
}

.header .headInner .headUtil .recentProd:hover {
	height: 800px
}

.header .headInner .headUtil .recentProd:hover .popLayCont {
	display: block
}

.header .headInner .headUtil .recentProd>a {
	display: block;
	width: 48px;
	height: 58px;
	margin-top: 4px
}

.header .headInner .headUtil .recentProd>a figure {
	overflow: hidden;
	width: 48px;
	height: 48px;
	min-height: initial;
	border-radius: 8px;
	background: #fff
}

.header .headInner .headUtil .recentProd>a figure img {
	width: 100%
}

.header .headInner .headUtil .recentProd>a .txt {
	display: none;
	line-height: 18px;
	color: #6b6e73;
	font-size: 1.2rem
}

.header .headInner .headUtil .recentProd>a .txt em {
	line-height: 20px;
	color: #4d6ee4;
	font-weight: 500
}

[lang=zh] .header .headInner .headUtil .recentProd>a .txt em {
	color: #fe324b
}

[lang=zh] .header .headInner .headUtil .recentProd>a .txt em {
	font-weight: 700
}

.header .headInner .headUtil .recentProd>a .num {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	min-width: 18px;
	padding: 0 5px;
	border-radius: 18px;
	line-height: 18px;
	color: #fff;
	font-size: 1rem;
	background-color: #4d6ee4
}

[lang=zh] .header .headInner .headUtil .recentProd>a .num {
	background-color: #fe324b
}

.header .headInner .headUtil .recentProd .popLayCont {
	display: none;
	position: absolute;
	top: 61px;
	right: 0;
	width: 362px;
	padding: 0 24px 24px;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	text-align: left;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

.header .headInner .headUtil .recentProd .popLayCont::before {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	right: 20px;
	width: 10px;
	height: 7px;
	background: url(../images/common/spr_layout.png) no-repeat -78px -120px
}

.header .headInner .headUtil .recentProd .popLayCont .tit {
	display: block;
	position: absolute;
	top: 18px;
	left: 24px;
	height: 19px;
	margin-bottom: 16px;
	line-height: 19px;
	font-size: 1.3rem;
	font-weight: 700
}

.header .headInner .headUtil .recentProd .popLayCont .tit .num {
	display: inline-block;
	padding-left: 4px;
	color: #4d6ee4
}

[lang=zh] .header .headInner .headUtil .recentProd .popLayCont .tit .num {
	color: #fe324b
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap {
	padding: 50px 0 0
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .swiper-container {
	height: 160px;
	text-align: left
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .swiper-container .swiper-slide {
	margin-top: 8px
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .swiper-pagination {
	bottom: auto;
	top: 15px;
	left: 58px;
	color: #8b8f94;
	background: none
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .swiper-pagination .current {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .header .headInner .headUtil .recentProd .popLayCont .swiperWrap .swiper-pagination .current {
	color: #fe324b
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-prev,
.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-next {
	top: 15px;
	width: 26px;
	height: 26px;
	margin: 0;
	border-radius: 0;
	background: #fff
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-prev::after,
.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-next::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(../images/common/spr_layout.png) no-repeat
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-prev.ts-button-disabled:after,
.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-next.ts-button-disabled:after {
	opacity: .4
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-prev {
	left: auto;
	right: 30px
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-prev::after {
	background-position: -170px -106px
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-next {
	left: auto;
	right: -5px
}

.header .headInner .headUtil .recentProd .popLayCont .swiperWrap .ts-next::after {
	background-position: -188px -106px
}

.header .headInner .headUtil .recentProd .popLayCont .btnArea {
	margin: 16px -3px 0
}

.header .headInner .headUtil .recentProd .popLayCont .btnArea .btnXS {
	width: calc(50% - 8px);
	margin: 0 4px
}

.header .headInner .headUtil .recentProd .popLayCont .btnArea .btnXS::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -3px 3px 0 0;
	vertical-align: middle;
	background: url(../images/common/spr_layout.png) no-repeat -206px -106px
}

.header .headInner .headUtil .recentProd .popLayCont .btnArea .btnXS.icPick::before {
	background-position: -226px -106px
}

.header .headInner .headUtil .recentProd .popLayCont .btnMores {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	height: 28px;
	padding: 4px 0 0 0;
	text-align: center;
	background: #fff
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS {
	display: flex;
	transition-property: transform;
	flex-wrap: wrap;
	flex-direction: column;
	margin: 0
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li {
	display: flex;
	flex: 0 25%;
	flex-shrink: 0;
	height: 78px;
	transition-property: transform
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li a {
	display: block;
	position: relative;
	width: 72px;
	height: 72px
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li a figure {
	overflow: hidden;
	position: relative;
	width: 72px;
	height: 72px;
	border-radius: 4px;
	background: #fff
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li a figure::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(12, 38, 159, .03)
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li a figure img {
	width: 100%
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li a figure .prodFlag {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li a figure .prodFlag .cbs {
	min-width: 50px;
	margin: 0
}

.header .headInner .headUtil .recentProd .popLayCont .recentListS li .del {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 18px;
	height: 18px;
	background: url(../images/common/spr_layout.png) no-repeat -204px -80px
}

.header .headInner .headUtil .recentProd .popLayCont>button {
	position: relative;
	width: 100%;
	height: 24px
}

.header .headInner .headUtil .recentProd .popLayCont>button::after {
	width: 9px;
	height: 6px;
	margin: -3px 0 0 -4px;
	background: url(../images/common/spr_layout.png) no-repeat
}

.header .headInner .headUtil .recentProd .popLayCont>button.prev::after {
	background-position: -180px -106px
}

.header .headInner .headUtil .recentProd .popLayCont>button.next {
	border-top: 1px solid #dcdfe3
}

.header .headInner .headUtil .recentProd .popLayCont>button.next::after {
	background-position: -170px -106px
}

.header .headInner .headUtil .headerSideB {
	display: inline-block;
	margin: 4px 0 0 8px
}

.header .headInner .headUtil .headerSideB>a {
	overflow: hidden;
	display: block;
	max-width: 100px;
	height: 48px;
	border: 1px solid #444;
	border-radius: 8px
}

.header .headInner .headUtil .headerSideB>a>img {
	display: block;
	width: 100%
}

.header .headSearch {
	display: inline-block;
	z-index: 99999;
	width: 40px;
	height: 40px;
	margin-top: 12px
}

.header .headSearch .btSearch {
	position: relative;
	width: 40px;
	height: 40px
}

.header .headSearch .btSearch::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(../images/spr_layout.png) no-repeat -98px -32px
}

.header .headSearch .btSearch[aria-expanded=true]+.headsearchWrap {
	display: block;
	height: 720px;
	opacity: 1
}

.header .headSearch .btSearch[aria-expanded=true]+.headsearchWrap::after {
	opacity: 1
}

.header .headSearch .headsearchWrap {
	overflow: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 0;
	opacity: .7;
	transition: .3s
}

.header .headSearch .headsearchWrap>.inner {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 720px;
	padding-top: 48px;
	text-align: center;
	background: #fff
}

.header .headSearch .headsearchWrap::after {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	opacity: .5;
	transition: .2s
}

.header .headSearch .headsearchWrap .closeS {
	position: absolute;
	top: 48px;
	right: 48px;
	z-index: 3;
	width: 40px;
	height: 40px
}

.header .headSearch .headsearchWrap .closeS::after {
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	background: url("../images/spr_layout.png") no-repeat -128px -80px
}

.header .headSearch .headsearchWrap .searchArea {
	position: relative;
	width: 664px;
	margin: 0 auto 32px;
	text-align: left
}

.header .headSearch .headsearchWrap .searchArea input {
	width: 100%;
	padding: 0 80px 0 15px;
	border: none;
	border-bottom: 2px solid #373a3c;
	border-radius: 0;
	font-size: 2.4rem;
	font-weight: 700;
	background: none
}

.header .headSearch .headsearchWrap .searchArea input::-webkit-input-placeholder {
	font-size: 1.8rem;
	color: #8b8f94
}

.header .headSearch .headsearchWrap .searchArea input:-ms-input-placeholder[type=text],
.header .headSearch .headsearchWrap .searchArea input:-ms-input-placeholder[type=password] {
	color: #8b8f94;
	font-size: 1.8rem
}

.header .headSearch .headsearchWrap .searchArea input:focus {
	border-width: 0 0 2px 0;
	border-style: solid;
	border-color: #4d6ee4
}

[lang=zh] .header .headSearch .headsearchWrap .searchArea input:focus {
	border-color: #fe324b
}

.header .headSearch .headsearchWrap .searchArea>button {
	position: absolute;
	top: 4px;
	width: 40px;
	height: 40px
}

.header .headSearch .headsearchWrap .searchArea>button.icDel {
	display: none;
	right: 40px
}

.header .headSearch .headsearchWrap .searchArea>button.icDel::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background-position: -274px -50px
}

.header .headSearch .headsearchWrap .searchArea>button.btSearch {
	right: 0
}

.header .headSearch .headsearchWrap .searchArea>button.btSearch::after {
	background-position: -224px -32px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap {
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 16px 0 32px;
	background: #fff;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .12)
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap::after {
	content: "";
	display: block;
	clear: both;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 662px;
	height: 100%;
	border: solid 1px #dcdfe3;
	border-top: 0;
	border-radius: 0 0 8px 8px;
	background: #fff;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .12)
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap::before {
	content: "";
	display: block;
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 560px;
	background: #fff
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft {
	overflow: auto;
	float: left;
	position: relative;
	z-index: 3;
	width: 340px;
	max-height: 480px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList {
	padding-right: 3px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li {
	position: relative
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li a {
	display: block;
	position: relative;
	height: 40px;
	line-height: 40px;
	color: #373a3c
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li a .txt {
	display: block;
	padding: 0 108px 0 15px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li a strong {
	color: #4d6ee4;
	font-weight: 400
}

[lang=zh] .header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li a strong {
	color: #fe324b
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li .flag {
	position: absolute;
	top: 50%;
	right: 30px;
	width: auto;
	height: 27px;
	margin-top: -13px;
	border-radius: 4px;
	line-height: 27px;
	font-size: 1.3rem;
	font-weight: 400
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li .flag.ssgStore {
	color: #ad00c4;
	background: #f8eefa
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li .flag.ssgBrand {
	color: #005fc2;
	background: #ebf6ff
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li .flag.ssgCate {
	border: 1px solid #eaeaea;
	color: #5a5f64;
	background: #fff
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li .flag.ssgOff {
	background-color: #f5f7fa;
	color: #1e2023
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li .icAdd {
	position: absolute;
	top: 50%;
	right: 1px;
	width: 24px;
	height: 24px;
	margin-top: -12px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li .icAdd::after {
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url(../images/common/spr_layout.png) no-repeat -170px -91px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li.offLine {
	min-height: 40px;
	margin-bottom: 12px;
	padding-bottom: 13px;
	border-bottom: 1px solid #dcdfe3
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li.offLine a {
	display: inline-block;
	padding-right: 16px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li.offLine a * {
	vertical-align: middle
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li.offLine a .txt {
	padding-right: 0;
	color: #373a3c;
	font-weight: 700;
	line-height: 41px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li.offLine a .txt strong {
	display: inline-block
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li.offLine a .txt img {
	width: 90px;
	margin-bottom: 5px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li.offLine a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background: url(../images/common/spr_layout.png) no-repeat -233px 0
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoLeft .autoCompList li.offLine .flag {
	top: 6px;
	right: 8px;
	margin-top: 0
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight {
	float: right;
	position: relative;
	z-index: 3;
	width: 318px;
	padding: 4px 20px 0 22px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .titDep5 {
	margin-bottom: 30px;
	color: #373a3c
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList {
	border: none
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList>li {
	float: none;
	text-align: left;
	box-sizing: border-box
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont {
	min-height: 76px;
	margin-top: 20px;
	padding: 0 0 0 88px;
	border-top: none
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont:hover {
	background: none
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont:first-child {
	margin-top: 0
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont figure {
	top: 0;
	width: 76px;
	height: 76px;
	min-height: 76px;
	padding: 8px;
	background-size: 80%
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .brandName,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .prodName {
	padding-right: 0;
	font-size: 1.3rem
}

.u602Cn .header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .brandName,
.u602Cn .header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .prodName {
	display: block;
	height: initial;
	margin-bottom: 0;
	white-space: nowrap
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea {
	display: block;
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	text-align: left
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea * {
	line-height: 19px;
	vertical-align: middle
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea .saleNum,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea .saleDollar,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea .saleWon,
.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea .saleWon span {
	display: inline-block
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea .saleNum {
	line-height: 19px;
	color: #f42d10;
	font-size: 1.5rem
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea .saleDollar {
	font-size: 1.5rem
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea .saleWon {
	font-size: 1.3rem
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea .saleWon span {
	padding-left: 2px;
	margin-top: -6px;
	line-height: 1
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA {
	margin-top: 22px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA>a {
	min-height: auto
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA>a .bannerTxt {
	padding: 0 90px 0 24px
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA>a .bannerTxt .titEvent {
	font-size: 1.8rem
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA>a .bannerTxt .subTit {
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA.qtflexibleType>a {
	display: flex;
	flex-direction: row-reverse
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA.qtflexibleType>a figure {
	z-index: 3;
	width: 111px;
	aspect-ratio: 1/1;
	border-radius: 0 4px 4px 0
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA.qtflexibleType>a figure::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%)
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA.qtflexibleType>a figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA.qtflexibleType>a .bannerTxt {
	width: calc(100% - 111px);
	padding: 0 16px;
	border-radius: 4px 0 0 4px;
	background: #f5f7fa
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA.qtflexibleType>a .bannerTxt .inner .titEvent {
	font-size: 1.6rem;
	color: #373a3c;
	line-height: 140%;
	letter-spacing: -0.32px;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	white-space: initial
}

.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .bannerType.typeBannerA.qtflexibleType>a .bannerTxt .inner .subTit {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 6px;
	font-size: 1.3rem;
	color: #1e2023;
	letter-spacing: -0.26px
}

.header .headSearch .headsearchWrap .searchDefault {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	gap: 16px
}

.header .headSearch .headsearchWrap .searchDefault .searWord {
	position: relative;
	width: 324px;
	height: 496px;
	padding: 24px;
	text-align: left;
	background: #f8fafc
}

.header .headSearch .headsearchWrap .searchDefault .searWord .titDep5 {
	margin-bottom: 8px;
	color: #5a5f64;
	font-weight: 700
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner {
	max-height: calc(100% - 56px)
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li {
	position: relative;
	padding-right: 29px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>a {
	height: 40px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>a>span {
	line-height: 40px;
	color: #1e2023;
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>a>em {
	box-sizing: border-box;
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	height: 27px;
	padding: 0 8px;
	border-radius: 4px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>a>em.ssgCate {
	border: 1px solid #eaeaea;
	background-color: #fff;
	color: #5a5f64
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>a>em.ssgOff {
	background-color: #f5f7fa;
	color: #1e2023
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>a>em.ssgBrand {
	background-color: #ebf6ff;
	color: #005fc2
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>.del {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 27px;
	height: 27px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .inner .recentList>li>.del::after {
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url(../images/common/spr_ico.png) no-repeat -150px -24px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .btAllDel {
	display: inline-block;
	position: absolute;
	bottom: 11px;
	right: 27px;
	padding: 5px;
	line-height: 19px;
	font-size: 1.3rem
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList {
	counter-reset: section
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li {
	position: relative
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li a {
	display: block;
	position: relative;
	height: 40px;
	padding: 0 30px 0 32px;
	line-height: 40px;
	color: #373a3c;
	font-size: 1.3rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 9px;
	height: 40px;
	line-height: 44px;
	font-weight: 700;
	content: counter(section);
	counter-increment: section
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li a:hover {
	padding-left: 31px;
	border-color: #4d6ee4;
	border-width: 1px;
	border-style: solid;
	line-height: 38px;
	background: #fff;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .12)
}

[lang=zh] .header .headSearch .headsearchWrap .searchDefault .searWord .popularList li a:hover {
	border-color: #fe324b
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li a:hover::before {
	left: 8px;
	line-height: 42px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li .state {
	display: block;
	position: absolute;
	top: 15px;
	right: 10px;
	width: 10px;
	height: 9px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li .state::after {
	width: 10px;
	height: 9px;
	margin: -4px 0 0 -5px;
	background: url(../images/common/spr_layout.png) no-repeat -170px -80px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li .state.up:after {
	background-position: -181px -80px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .popularList li .state.new:after {
	background-position: -192px -80px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .tagList {
	margin: 8px 0 0 -8px
}

.header .headSearch .headsearchWrap .searchDefault .searWord .tagList a {
	display: inline-block;
	height: 36px;
	margin: 8px 0 0 8px;
	padding: 0 14px;
	border: 1px solid #dcdfe3;
	border-radius: 36px;
	line-height: 36px;
	color: #373a3c;
	font-size: 1.3rem;
	background: #fff
}

.header .headSearch .headsearchWrap .searchDefault .searWord.wordPopular {
	overflow: auto;
	padding: 24px
}

.header .headSearch .headsearchWrap .btsaveOff {
	display: block;
	width: 664px;
	margin: 0 auto;
	text-align: center;
	line-height: 43px;
	font-size: 1.3rem
}

.header .breadCrumb {
	height: 57px;
	margin-top: -15px;
	padding: 3px 40px 0;
	text-align: left
}

.header .breadCrumb>.inner {
	position: relative
}

.header .breadCrumb>.inner .cateNav .inner ul {
	display: block;
	white-space: nowrap
}

.header .breadCrumb>.inner .cateNav .inner ul li {
	display: inline-block
}

.header .breadCrumb>.inner>.btnGoMain {
	margin-right: 18px;
	display: none;
	width: 24px;
	height: 50px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("/fo/images/common/ico_goLinkMain.svg")
}

.header .breadCrumb>.inner>.filterSearchArea,
.header .breadCrumb>.inner>.brandSearchArea {
	display: none;
	padding: 3px 0;
	height: 50px
}

.header .breadCrumb>.inner>.filterSearchArea::after,
.header .breadCrumb>.inner>.brandSearchArea::after {
	content: "";
	display: block;
	clear: both
}

.header .breadCrumb>.inner>.filterSearchArea>.searchBar,
.header .breadCrumb>.inner>.brandSearchArea>.searchBar {
	margin-right: 8px;
	float: left;
	padding: 2px;
	width: 275px;
	height: 44px;
	border-radius: 8px;
	background: #fff;
	background-image: linear-gradient(-130deg, #bc32d0 0, #6fbaff 30%, #ff448f 100%);
	display: grid;
	grid-template-columns: calc(100% - 40px) 40px
}

.header .breadCrumb>.inner>.filterSearchArea>.searchBar>input[type=text],
.header .breadCrumb>.inner>.brandSearchArea>.searchBar>input[type=text] {
	padding: 0 17px;
	height: 40px;
	border: 0;
	border-radius: 6px 0 0 6px;
	background-color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%
}

.header .breadCrumb>.inner>.filterSearchArea>.searchBar>input[type=text]::placeholder,
.header .breadCrumb>.inner>.brandSearchArea>.searchBar>input[type=text]::placeholder {
	color: #b9bcc0;
	font-size: 14px
}

.header .breadCrumb>.inner>.filterSearchArea>.searchBar>button,
.header .breadCrumb>.inner>.brandSearchArea>.searchBar>button {
	border-radius: 0 6px 6px 0;
	height: 40px;
	font-size: 0;
	background-image: url(../images/common/ico_brand_seache_submit.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #fff
}

.header .breadCrumb>.inner>.filterSearchArea>.searchBar+.btnFilter,
.header .breadCrumb>.inner>.brandSearchArea>.searchBar+.btnFilter {
	width: 44px
}

.header .breadCrumb>.inner>.filterSearchArea>button,
.header .breadCrumb>.inner>.brandSearchArea>button {
	float: left
}

.header .breadCrumb>.inner>.filterSearchArea>button.btnFilter,
.header .breadCrumb>.inner>.brandSearchArea>button.btnFilter {
	position: relative;
	width: 24px;
	height: 44px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	background-image: url(../images/common/ico_brand_seache_filter.svg);
	font-size: 0
}

.header .breadCrumb>.inner>.filterSearchArea>button.btnFilter>i,
.header .breadCrumb>.inner>.brandSearchArea>button.btnFilter>i {
	position: absolute;
	top: 11px;
	left: 50%;
	transform: translateX(calc(-50% + 9px));
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url(../images/common/ico_brand_seache_filter_ellipse.svg)
}

.header .breadCrumb>.inner>.filterSearchArea>button.btnClose,
.header .breadCrumb>.inner>.brandSearchArea>button.btnClose {
	padding-left: 8px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.34px;
	height: 44px
}

.header .breadCrumb>.inner>.filterSearchArea>button.btnClose::after,
.header .breadCrumb>.inner>.brandSearchArea>button.btnClose::after {
	content: "";
	margin-left: 8px;
	width: 24px;
	height: 24px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	background-image: url(../images/common/ico_brand_seache_close.svg)
}

.header .breadCrumb>.inner>.filterSearchArea>.searchWord,
.header .breadCrumb>.inner>.brandSearchArea>.searchWord {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 8px
}

.header .breadCrumb>.inner>.filterSearchArea>.searchWord>strong,
.header .breadCrumb>.inner>.brandSearchArea>.searchWord>strong {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 100%
}

.header .breadCrumb>.inner>.filterSearchArea>.searchWord>span,
.header .breadCrumb>.inner>.brandSearchArea>.searchWord>span {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	line-height: 100%
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea {
	background-color: #1e2023;
	position: fixed;
	top: 72px;
	left: 0;
	width: 100%;
	padding: 0 80px 24px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner {
	margin-left: auto;
	margin-right: auto;
	width: 1136px;
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter {
	padding: 32px 24px;
	display: grid;
	grid-template-columns: auto auto;
	grid-row-gap: 20px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter>dt,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter>dt {
	position: relative;
	padding-right: 32px;
	color: #1e2023;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.32px;
	line-height: 1
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter>dt::after,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter>dt::after {
	content: "";
	width: 1px;
	height: 12px;
	background-color: #dcdfe3;
	position: absolute;
	right: 0;
	top: 2px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter>dd,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter>dd {
	padding-left: 32px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter>dd::after,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter>dd::after {
	content: "";
	clear: both;
	display: block
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter>dd>button,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter>dd>button {
	float: left;
	margin-right: 16px;
	color: #5a5f64;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter>dd>button.active,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter>dd>button.active {
	color: #4d6ee4;
	font-weight: 700
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter>dd>button.active:lang(zh),
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter>dd>button.active:lang(zh) {
	color: #fe324b
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.filter>dd>hr,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.filter>dd>hr {
	clear: both;
	display: block;
	margin: 0;
	border: 0;
	height: 16px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.selected,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.selected {
	border-top: 1px solid #dcdfe3;
	padding: 16px 40px;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.selected>div,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.selected>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0 10px 0 12px;
	background-color: #e9ebfb;
	border-radius: 99px;
	height: 25px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.selected>div:lang(zh),
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.selected>div:lang(zh) {
	background-color: #ffeef1
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.selected>div>span,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.selected>div>span {
	color: #4d6ee4;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.selected>div>span:lang(zh),
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.selected>div>span:lang(zh) {
	color: #fe324b
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.selected>div>button,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.selected>div>button {
	margin-left: 2px;
	width: 14px;
	height: 14px;
	font-size: 0;
	background-image: url("/fo/images/common/ico_brand_filter_data_delete.svg");
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner>.selected>div>button:lang(zh),
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner>.selected>div>button:lang(zh) {
	background-image: url("/fo/images/common/ico_brand_filter_data_delete_zh.svg")
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner .btnReset,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner .btnReset {
	margin-left: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #1e2023;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.39px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner .btnReset::before,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner .btnReset::before {
	content: "";
	margin-right: 4px;
	width: 12px;
	height: 12px;
	background-image: url("/fo/images/common/ico_brand_filter_data_reset.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 12px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner.innerSearchFilter,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner.innerSearchFilter {
	padding: 24px 24px 16px
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner.innerSearchFilter>strong,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner.innerSearchFilter>strong {
	color: #1e2023;
	font-size: 16px;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.32px;
	margin-right: auto
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner.innerSearchFilter>.selected,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner.innerSearchFilter>.selected {
	padding: 16px 0;
	border-top: 0
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner.innerSearchFilter>.resetArea,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner.innerSearchFilter>.resetArea {
	border-top: 1px solid #eaeaea;
	padding-top: 8px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row
}

.header .breadCrumb>.inner>.filterSearchArea>.filterArea>.inner.innerSearchFilter>.resetArea>.btnFilter,
.header .breadCrumb>.inner>.brandSearchArea>.filterArea>.inner.innerSearchFilter>.resetArea>.btnFilter {
	margin-left: 24px;
	color: #1e2023;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px
}

.header .breadCrumb .cateWrap {
	display: inline-block;
	position: relative;
	z-index: 100;
	width: 50px;
	height: 50px;
	margin-left: -17px
}

.header .breadCrumb .cateWrap .btcate {
	position: relative;
	z-index: 101;
	width: 50px;
	height: 50px
}

.header .breadCrumb .cateWrap .btcate::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(../images/spr_layout.png) no-repeat -122px -32px
}

.header .breadCrumb .cateWrap .btcate[aria-expanded=true]::after {
	background-position: -198px -32px
}

.header .breadCrumb .cateWrap .btcate[aria-expanded=true]+.cateArea {
	display: block;
	left: 0;
	opacity: 1
}

.header .breadCrumb .cateWrap .btcate[aria-expanded=true]~.dimmed {
	display: block;
	background: rgba(0, 0, 0, .05)
}

.header .breadCrumb .cateWrap .cateArea {
	display: none;
	position: absolute;
	top: 54px;
	bottom: 0;
	left: -240px;
	z-index: 101;
	min-width: 240px;
	height: calc(100vh - 160px);
	margin-left: -23px;
	background: #fff;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
	transition: 2s;
	transition-duration: .2s;
	opacity: 1
}

.header .breadCrumb .cateWrap .cateArea .cateContLayer {
	z-index: 0
}

.header .breadCrumb .cateWrap .cateArea .cateContLayer.cateON {
	z-index: 1
}

.header .breadCrumb .cateWrap .cateArea .wrapInner {
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 101;
	height: 100%;
	margin: 0;
	background: #fff
}

.header .breadCrumb .cateWrap .cateArea .wrapInner.ps-scrollWrap {
	overflow: hidden
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .iScrollCont {
	overflow: hidden;
	height: 100%
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .iScrollCover {
	display: none !important
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList {
	padding: 0 0 24px 0
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .tit {
	display: block;
	position: relative;
	padding: 21px 0 8px 40px;
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 700
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1 {
	width: 240px
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a {
	display: block;
	position: relative;
	padding: 0 24px 0 40px;
	line-height: 3.47;
	color: #1e2023
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a * {
	vertical-align: middle
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a img {
	margin: -4px 12px 0 0;
	width: 24px
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a[aria-expanded=true],
.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a:hover {
	font-weight: 700;
	background: #f2f5f9
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a[aria-expanded=true]::after,
.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a:hover::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/common/spr_layout.png) no-repeat -210px 0
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a .subTxt {
	display: inline-block;
	height: 20px;
	margin: -2px 0 0 7px;
	padding: 0 10px;
	border-radius: 24px;
	vertical-align: middle;
	line-height: 20px;
	color: #fff;
	font-size: 1.2rem;
	background: #5d74d9;
	background-image: linear-gradient(to left, #5d74d9 16%, #f860b7)
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li .listDep1>li>a .subTxt.txtHOT {
	background: #36a0cf;
	background-image: linear-gradient(to left, #36a0cf 16%, #41d8be)
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li.brandWrap {
	border-top: 1px solid #ebedf2
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li.brandWrap>.tit {
	padding: 0 0 0 40px;
	border-top: 6px solid #f5f7fa;
	line-height: 56px
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li.brandWrap>.tit[aria-expanded=true] {
	background: #f2f5f9
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li.brandWrap>.tit[aria-expanded=true]::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 1 12px;
	margin-top: -6px;
	background: url(../images/common/spr_layout.png) no-repeat -210px 0
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li.serviceWrap>.tit {
	padding: 0 0 0 40px;
	border-top: 6px solid #f5f7fa;
	line-height: 56px
}

.header .breadCrumb .cateWrap .cateArea .wrapInner .cateList li.serviceWrap .serviceList li a {
	display: block;
	height: 44px;
	padding: 0 0 0 40px;
	line-height: 44px;
	color: #373a3c;
	font-size: 1.5rem
}

.header .breadCrumb .cateWrap .cateArea .listDep2 {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 100%;
	width: 200px;
	height: 100%;
	border-left: 1px solid #eaeaea;
	background: #fff;
	box-shadow: 7px 5px 18px 0 rgba(0, 0, 0, .08)
}

.header .breadCrumb .cateWrap .cateArea .listDep2.listFashion .cateEtcList li>a {
	color: #0070d4
}

.header .breadCrumb .cateWrap .cateArea .listDep2.listFashion .cateEtcList li>a::after {
	background-position: -198px -12px
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .cateEtcList li>a {
	display: block;
	position: relative;
	padding: 0 28px 0 16px;
	line-height: 44px;
	color: #bc32d0;
	font-size: 1.3rem
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .cateEtcList li>a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/common/spr_layout.png) no-repeat -210px -12px
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .cateEtcList li>a:hover {
	background: #f2f5f9
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2 {
	width: 100%;
	border-top: 1px solid #eaeaea
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li>a {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	z-index: 2;
	padding: 12px 28px 12px 16px;
	line-height: 1.3
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li>a:hover,
.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li>a.on {
	color: #373a3c;
	font-weight: 700;
	background: #f2f5f9
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li>a:hover::after,
.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li>a.on::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/common/spr_layout.png) no-repeat -210px 0
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li>a:hover+.listDep3,
.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li>a.on+.listDep3 {
	display: block;
	opacity: 1;
	visibility: visible
}

.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li:hover .listDep3,
.header .breadCrumb .cateWrap .cateArea .listDep2 .depList2>li[aria-expanded=true] .listDep3 {
	display: block;
	opacity: 1;
	visibility: visible
}

.header .breadCrumb .cateWrap .cateArea .listDep3 {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 100%;
	width: 200px;
	height: 100%;
	border-left: 1px solid #dcdfe3;
	background: #fff;
	box-shadow: 7px 5px 18px 0 rgba(0, 0, 0, .08)
}

.header .breadCrumb .cateWrap .cateArea .listDep3 li a {
	display: block;
	z-index: 2;
	padding: 12px 32px 12px 15px;
	line-height: 1.3;
	color: #373a3c
}

.header .breadCrumb .cateWrap .cateArea .listDep3 li a:hover {
	font-weight: 700;
	background: #f2f5f9
}

.header .breadCrumb .cateWrap .cateArea .brandTabs {
	visibility: hidden;
	display: none;
	position: absolute;
	top: 0;
	left: 220px;
	width: 354px;
	height: 100%;
	padding: 24px 15px 20px 16px;
	border-left: 1px solid #dcdfe3;
	background: #fff;
	box-shadow: 7px 5px 18px 0 rgba(0, 0, 0, .08)
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandTop .selectWrap {
	width: 100%;
	margin-bottom: 8px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandTop .frmSearch {
	display: block;
	margin-right: 0;
	background: none
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandTop .frmSearch input[type=text] {
	width: 100%;
	padding: 0 50px 0 0;
	border-radius: 0;
	background: none;
	border-bottom: 1px solid #373a3c
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandTop .frmSearch input[type=text]:focus {
	border-color: #4d6ee4;
	border-width: 0 0 1px 0
}

[lang=zh] .header .breadCrumb .cateWrap .cateArea .brandTabs .brandTop .frmSearch input[type=text]:focus {
	border-color: #fe324b
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandTop .frmSearch .icoSearch {
	height: calc(100% - 1px)
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm {
	height: calc(100% - 119px);
	margin-top: 0
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList {
	position: relative;
	height: 100%
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .searchTab {
	margin-top: 12px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .tabContentWrap .list {
	margin-top: 5px;
	border: 1px solid #eaeaea;
	border-width: 1px 0 0 1px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .tabContentWrap .list li {
	float: left;
	width: 9.09%
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .tabContentWrap .list li a {
	display: block;
	height: 30px;
	border: solid #eaeaea;
	border-width: 0 1px 1px 0;
	line-height: 28px;
	text-align: center;
	color: #aaafb4;
	font-size: 1.3rem
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .tabContentWrap .list li.tabON a {
	color: #4d6ee4;
	font-weight: 500;
	background: #f2f5f9
}

[lang=zh] .header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .tabContentWrap .list li.tabON a {
	color: #fe324b
}

[lang=zh] .header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .tabContentWrap .list li.tabON a {
	font-weight: 700
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .tabContentWrap .list.typeEN li a {
	line-height: 30px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .searchBrandList .selectToggle {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	width: 76px;
	height: 76px;
	margin: -38px 0 0 -38px;
	line-height: 76px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	font-size: 2.8rem;
	background: rgba(30, 32, 35, .8);
	opacity: 0;
	animation-name: selectWord;
	animation-duration: 1.5s;
	animation-delay: .2s;
	animation-timing-function: ease-in-out;
	transform: scale(0.2)
}

@keyframes selectWord {
	0% {
		opacity: 0;
		transform: scale(0.2)
	}

	40% {
		opacity: 1;
		transform: scale(1)
	}

	50% {
		opacity: 1;
		transform: scale(1)
	}

	60% {
		opacity: 1;
		transform: scale(1)
	}

	100% {
		opacity: 0;
		transform: scale(0.2)
	}
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList {
	position: relative;
	height: calc(100% - 15px);
	max-height: none;
	margin-top: 16px;
	padding-right: 10px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>span,
.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>li>span {
	display: block;
	position: relative;
	padding: 0
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>span.wordAnchor,
.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>li>span.wordAnchor {
	height: 24px;
	padding-left: 12px;
	line-height: 24px;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 700;
	border-radius: 4px;
	background: #f2f5f9
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>span .chkFavo,
.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>li>span .chkFavo {
	position: absolute;
	top: 50%;
	left: 0;
	width: 34px;
	height: 34px;
	margin-top: -17px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>span .chkFavo+a,
.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>li>span .chkFavo+a {
	margin-left: 34px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>span a,
.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>li>span a {
	display: block;
	color: #1e2023;
	line-height: 44px;
	font-size: 1.5rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>span a em,
.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>li>span a em {
	display: inline-block;
	margin-left: 4px;
	color: #4d6ee4;
	font-size: 1.2rem;
	font-weight: 700
}

[lang=zh] .header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>span a em,
[lang=zh] .header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>li>span a em {
	color: #fe324b
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>span.noData,
.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .cateBrandList .brandSearchList>li>span.noData {
	padding: 184px 0 120px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .iScrollCont {
	overflow: hidden;
	height: 100%
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .brandBtm .iScrollCover {
	display: none !important
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .close {
	position: absolute;
	top: 24px;
	right: -56px;
	width: 40px;
	height: 40px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs .close::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(../images/common/spr_layout.png) no-repeat
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.titArea {
	margin-top: 0;
	padding: 0;
	line-height: 54px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.titArea .titDep2 {
	line-height: 54px;
	font-size: 18px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.titArea .side {
	position: relative;
	height: 54px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.titArea .side a {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	font-size: 13px;
	line-height: 16px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.titArea::after {
	content: "";
	display: block;
	clear: both
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.searchBar {
	margin: 0 auto;
	padding: 2px;
	width: 100%;
	height: 44px;
	border-radius: 8px;
	background: #fff;
	background-image: linear-gradient(-130deg, #bc32d0 0, #6fbaff 30%, #ff448f 100%);
	display: grid;
	grid-template-columns: calc(100% - 40px) 40px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.searchBar>input[type=text] {
	padding: 0 17px;
	height: 40px;
	border: 0;
	border-radius: 6px 0 0 6px;
	background-color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.searchBar>input[type=text]::placeholder {
	color: #b9bcc0;
	font-size: 14px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.searchBar>button {
	border-radius: 0 6px 6px 0;
	height: 40px;
	font-size: 0;
	background-image: url(../images/common/ico_brand_seache_submit.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #fff
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.titDep3 {
	display: block;
	padding: 0;
	color: #373a3c;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	margin: 40px 0 16px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand .premiumBrand {
	width: auto;
	margin: 0;
	padding: 0 4px;
	display: grid;
	grid-template-columns: calc(25% - 6px) calc(25% - 6px) calc(25% - 6px) calc(25% - 6px);
	grid-gap: 8px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand .premiumBrand>a {
	display: block;
	position: relative
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand .premiumBrand>a img {
	overflow: hidden;
	width: 100%;
	border-radius: 50%
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand .premiumBrand>a figure {
	overflow: hidden;
	position: relative;
	border-radius: 50%;
	width: 72px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand .premiumBrand>a figure img {
	position: relative;
	z-index: 1
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand .premiumBrand>a figure::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 2
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand .premiumBrand>a figure+img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 100
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.newOpenBrand {
	padding: 0;
	display: grid;
	grid-template-columns: calc(50% - 4px) calc(50% - 4px);
	grid-gap: 8px
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.newOpenBrand>a {
	position: relative
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.newOpenBrand>a::after {
	content: "";
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .3)
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.newOpenBrand>a>span {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	line-height: 130%;
	letter-spacing: -0.24px;
	white-space: nowrap
}

.header .breadCrumb .cateWrap .cateArea .brandTabs.listBrand>.newOpenBrand>a>img {
	width: 100%;
	border-radius: 4px
}

.header .breadCrumb .cateWrap .cateArea .cateON {
	visibility: visible;
	display: block;
	left: 100%;
	opacity: 1
}

.header .breadCrumb .cateWrap .cateArea .cateContLayer {
	z-index: 0;
	pointer-events: none
}

.header .breadCrumb .cateWrap .cateArea .cateContLayer.cateON {
	z-index: 1;
	pointer-events: all
}

.header .breadCrumb .cateWrap .cateArea .iScrollVerticalScrollbar {
	top: 4px !important;
	bottom: 4px !important;
	right: 0 !important;
	width: 3px !important
}

.header .breadCrumb .cateWrap .cateArea .iScrollVerticalScrollbar .iScrollIndicator {
	border: none !important;
	background: rgba(0, 0, 0, .1) !important
}

.header .breadCrumb .cateWrap .cateArea .cateClose {
	position: absolute;
	top: -50px;
	left: 56px;
	z-index: 200;
	width: 50px;
	height: 49px;
	background: #fff
}

.header .breadCrumb .cateWrap .cateArea .cateClose::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(../images/common/spr_layout.png) no-repeat -198px -32px
}

.header .breadCrumb .cateWrap.i20221221 .btcate~.dimmed {
	opacity: 0;
	display: block;
	left: -100%;
	top: -100%;
	transition: opacity .3s ease-in-out
}

.header .breadCrumb .cateWrap.i20221221 .btcate[aria-expanded=true]~.dimmed {
	opacity: 1;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .2)
}

.header .breadCrumb .cateWrap.i20221221 .cateArea {
	left: -640px;
	height: auto;
	max-height: calc(100vh - 192px);
	box-shadow: none
}

.hasHeaderBandBanner .header .breadCrumb .cateWrap.i20221221 .cateArea {
	max-height: calc(100vh - 192px - 80px)
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList {
	padding: 0 0 16px 0
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li .listDep1>li a img {
	width: 28px
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap {
	border-top: 1px solid #ebedf2
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap>.serviceList {
	border-top: 6px solid #f5f7fa
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap>.serviceList>li>a {
	position: relative;
	height: 56px;
	line-height: 56px;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap>.serviceList>li>a {
	font-weight: 700
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap>.serviceList>li>a[aria-selected=true] {
	background: #f2f5f9
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap>.serviceList>li>a[aria-selected=true]::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/common/spr_layout.png) no-repeat -210px 0
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap>.serviceList>li>a[aria-selected=true]~.depList2 {
	display: block
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap>.serviceList>li>a.store::after {
	display: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .wrapInner .cateList li.serviceWrap>.serviceList>li .depList2 {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	width: 200px;
	background: #fff
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDep2 {
	overflow: visible;
	height: 100%;
	box-shadow: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDep2 .iScrollWrap {
	overflow: hidden;
	height: 100%
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDep2 .iScrollWrap .iScrollCont {
	overflow: hidden;
	height: 100%
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDep2 .depList2>li>a.on~.bannerArea {
	display: block;
	right: auto;
	left: calc(100% + 16px)
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDep2 .depList2>li>a.on.noDepth::after {
	display: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDep2 .depList2 .listDep3 {
	border-radius: 0 0 16px 0;
	border-left: 1px solid #eaeaea;
	box-shadow: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDep2.serviceLayer .ps-scrollWrap {
	width: 100%;
	height: 100%
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .brandTabs {
	overflow-y: hidden;
	border-radius: 0 0 16px 0
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .serviceLayer {
	border-radius: 0 0 16px 0
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .serviceLayer .depList2>li>a.on~.bannerArea {
	left: 16px
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .serviceLayer .depList2>li>a.on::after {
	display: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .serviceLayer .ps-scrollWrap.scrollAdj {
	height: calc(100% - 200px)
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea {
	display: none;
	overflow: hidden;
	position: absolute;
	right: 16px;
	bottom: 16px;
	width: 168px;
	height: 168px;
	border-radius: 8px
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea figure {
	position: relative
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea figure img {
	width: 100%;
	height: 100%
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea figure::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.32) 31.55%, rgba(0, 0, 0, 0.08) 106.55%)
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea .bannerTxt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea .bannerTxt .inner {
	padding: 0 14px 10px
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea .bannerTxt .inner .titEvent,
.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea .bannerTxt .inner .subTit {
	display: -webkit-box;
	overflow: hidden;
	max-height: 32px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 16px;
	color: #fff;
	letter-spacing: -0.02em
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea .bannerTxt .inner .titEvent {
	font-size: 1.2rem;
	font-weight: 500
}

[lang=zh] .header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea .bannerTxt .inner .titEvent {
	font-weight: 700
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .bannerArea .bannerTxt .inner .subTit {
	opacity: .8;
	font-size: 1.1rem
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap {
	overflow: hidden;
	display: none;
	position: absolute;
	left: 440px;
	width: 201px;
	height: 100%;
	border-left: 1px solid #eaeaea;
	border-radius: 0 0 16px 0;
	background: #fff
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap.on {
	display: block
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap>.elemlist {
	display: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap>.elemlist.on {
	display: block
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap>.elemlist .ps-scrollWrap {
	height: 100%
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap>.elemlist .ps-scrollWrap.adjHeight {
	height: calc(100% - 200px)
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap>.elemlist .ps-scrollWrap .listDep3 {
	box-shadow: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap .listDep3 {
	visibility: visible;
	position: initial;
	border: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap .bannerArea {
	display: block
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap.serviceLayerBanner {
	z-index: 0;
	background: rgba(0, 0, 0, 0)
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap.serviceLayerBanner.on {
	display: block;
	left: 240px;
	bottom: 0;
	z-index: 1;
	height: 200px
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap.serviceLayerBanner.on .bannerArea {
	display: none
}

.header .breadCrumb .cateWrap.i20221221 .cateArea .listDepWrap.serviceLayerBanner.on .bannerArea.on {
	display: block
}

.header .breadCrumb .cateWrap.i20221221 .iScrollVerticalScrollbar {
	top: 4px !important;
	bottom: 4px !important;
	right: 4px !important;
	width: 3px !important
}

.header .breadCrumb .cateNav {
	display: inline-block
}

.header .breadCrumb .cateNav button {
	display: none;
	position: relative;
	z-index: 100;
	width: 32px;
	height: 32px;
	background: #1e2023;
	text-indent: -9999px
}

.header .breadCrumb .cateNav button::after {
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background: url(../images/common/spr_layout.png) no-repeat -36px -120px
}

.header .breadCrumb .cateNav button::before {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	top: 0;
	width: 30px;
	height: 100%;
	background-image: linear-gradient(to right, #1e2023, rgba(30, 32, 35, 0.1))
}

.header .breadCrumb .cateNav button.next::after {
	background-position: -48px -120px
}

.header .breadCrumb .cateNav button.next::before {
	left: auto;
	right: 100%;
	background-image: linear-gradient(to right, rgba(30, 32, 35, 0.1), #1e2023)
}

.header .breadCrumb .cateNav a {
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 0 10px;
	line-height: 50px;
	color: #fff;
	font-size: 1.8rem
}

.header .breadCrumb .cateNav a[aria-current=true] {
	color: #fff;
	font-weight: 700
}

.header .breadCrumb .cateNav a[aria-current=true]::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
	right: 2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff
}

.header .breadCrumb .hashTagList {
	display: inline-block;
	position: relative;
	margin: 10px 0 0 12px;
	padding-left: 9px
}

.header .breadCrumb .hashTagList::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 17px;
	margin-top: -10px;
	background: #5a5f64
}

.header .breadCrumb .hashTagList li {
	float: left
}

.header .breadCrumb .hashTagList li a {
	display: block;
	padding: 0 8px;
	line-height: 29px;
	color: #b9bcc0;
	font-size: 1.5rem
}

.header .breadCrumb .gnbUtil {
	display: none
}

_:-ms-fullscreen,
:root .header .headInner .headMid nav .gnbBtnNbg {
	color: #8f7240;
	background: none
}

_:-ms-lang(x),
.header .headInner .headMid nav .gnbBtnNbg {
	color: #8f7240;
	background: none
}

#wrapper>.container {
	position: relative;
	z-index: 10;
	width: 1280px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	padding: 0 72px;
	text-align: center;
	background: #fff
}

#wrapper>.container .pageLocation {
	position: relative;
	z-index: 2002;
	width: 1136px;
	height: 56px;
	margin: 0 auto;
	padding: 13px 0;
	text-align: left;
	font-size: 1.3rem
}

#wrapper>.container .pageLocation>a {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	line-height: 30px
}

#wrapper>.container .pageLocation>a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url("../images/spr_layout.png") no-repeat -198px 0
}

#wrapper>.container .pageLocation>.current {
	display: inline-block;
	line-height: 30px;
	color: #373a3c;
	font-weight: 400
}

#wrapper>.container .pageLocation>.current::after {
	display: none
}

#wrapper>.container .pageLocation .cateDep {
	display: inline-block;
	position: relative;
	padding: 0 20px 0 3px;
	line-height: 30px
}

#wrapper>.container .pageLocation .cateDep::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url("../images/spr_layout.png") no-repeat -198px 0
}

#wrapper>.container .pageLocation .cateDep:last-child:after {
	display: none
}

#wrapper>.container .pageLocation .cateDep .cateSel {
	position: relative;
	display: block;
	padding-right: 12px;
	line-height: 30px
}

#wrapper>.container .pageLocation .cateDep .cateSel::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 8px;
	height: 6px;
	margin-top: -3px;
	background: url("../images/spr_layout.png") no-repeat -60px -120px
}

#wrapper>.container .pageLocation .cateDep .cateSel[aria-expanded=true] {
	color: #373a3c;
	font-weight: 500
}

[lang=zh] #wrapper>.container .pageLocation .cateDep .cateSel[aria-expanded=true] {
	font-weight: 700
}

#wrapper>.container .pageLocation .cateDep .cateSel[aria-expanded=true]::after {
	background-position: -69px -120px
}

#wrapper>.container .pageLocation .cateDep .cateSel[aria-expanded=true]+.cateDepList {
	display: block;
	height: auto
}

#wrapper>.container .pageLocation .cateDep .cateDepList {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	min-width: 120px;
	height: 0;
	padding: 10px 0;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	background: #fff;
	transition-timing-function: ease-out
}

#wrapper>.container .pageLocation .cateDep .cateDepList::before {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	width: 10px;
	height: 7px;
	background: url(../images/common/spr_layout.png) no-repeat -78px -120px
}

#wrapper>.container .pageLocation .cateDep .cateDepList>a {
	display: block;
	padding: 0 16px;
	line-height: 28px;
	color: #6b6e73;
	font-size: 1.3rem
}

#wrapper>.container .pageLocation .cateDep .cateDepList>a.current {
	color: #1e2023;
	font-weight: 500
}

[lang=zh] #wrapper>.container .pageLocation .cateDep .cateDepList>a.current {
	font-weight: 700
}

#wrapper>.container .pageLocation .cateDep:last-child .cateSel {
	color: #373a3c
}

#wrapper>.container .pageLocation .cateDep:last-child .cateSel::after {
	background-position: -90px -120px
}

#wrapper>.container .pageLocation .cateDep:last-child .cateSel[aria-expanded=true]:after {
	background-position: -69px -120px
}

#wrapper>.container .contents {
	position: relative;
	margin: 0 auto;
	text-align: left
}

#wrapper>.container .contents.newBrandCont>.highProfileGift {
	background-color: #f5f7fa;
	padding: 24px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.tit {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 60px
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.tit>h2 {
	color: #1e2023;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.48px
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.tit>a {
	margin-top: 24px;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	text-decoration-line: underline
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.itemList {
	display: grid;
	grid-template-columns: repeat(5, 140px);
	grid-column-gap: 16px
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.itemList>li {
	position: relative;
	border-radius: 8px;
	background-color: #fff;
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.itemList>li::after {
	content: "";
	background-color: rgba(12, 38, 159, .03);
	position: absolute;
	top: 10px;
	left: 10px;
	width: 120px;
	height: 120px;
	border-radius: 4px
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.itemList>li>img {
	border-radius: 4px;
	margin-bottom: 8px;
	width: 120px;
	height: 120px;
	object-fit: contain
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.itemList>li>strong {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #373a3c;
	font-size: 13px;
	font-weight: 700;
	line-height: 140%
}

#wrapper>.container .contents.newBrandCont>.highProfileGift>.itemList>li>span {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	word-wrap: break-word;
	color: #6b6e73;
	font-size: 13px;
	font-weight: 400;
	line-height: 130%
}

#wrapper>.container .contents.newBrandCont>h2 {
	text-align: center;
	color: #1e2023;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: -0.64px;
	margin-top: 80px;
	margin-bottom: 24px
}

#wrapper>.container .contents.newBrandCont>.searchBar {
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	width: 563px;
	height: 46px;
	border-radius: 8px;
	background: #fff;
	background-image: linear-gradient(-130deg, #bc32d0 0, #6fbaff 30%, #ff448f 100%);
	display: grid;
	grid-template-columns: calc(100% - 40px) 40px
}

#wrapper>.container .contents.newBrandCont>.searchBar>input[type=text] {
	padding: 0 17px;
	height: 42px;
	border: 0;
	border-radius: 6px 0 0 6px;
	background-color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%
}

#wrapper>.container .contents.newBrandCont>.searchBar>input[type=text]::placeholder {
	color: #b9bcc0;
	font-size: 14px
}

#wrapper>.container .contents.newBrandCont>.searchBar>button {
	border-radius: 0 6px 6px 0;
	height: 42px;
	font-size: 0;
	background-image: url(../images/common/ico_brand_seache_submit.svg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #fff
}

#wrapper>.container .contents.newBrandCont>.filterArea {
	margin-top: 100px;
	width: 100%;
	background-color: #fff;
	border-radius: 8px;
	border: 1px solid #dcdfe3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter {
	padding: 32px 24px;
	display: grid;
	grid-template-columns: 100px auto;
	grid-row-gap: 20px;
	grid-column-gap: 37px
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter:lang(en) {
	grid-template-columns: 135px auto;
	grid-column-gap: 12px
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter>dt {
	position: relative;
	color: #1e2023;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.32px;
	line-height: 1
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter>dd::after {
	content: "";
	clear: both;
	display: block
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter>dd>button {
	float: left;
	min-width: 32px;
	height: 32px;
	padding: 0px 9px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 99px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	color: #1e2023
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter>dd>button:not(:first-of-type) {
	margin-left: 8px
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter>dd>button.active {
	background-color: #1e2023;
	border: 0;
	color: #fff
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter>dd>hr {
	clear: both;
	display: block;
	margin: 0;
	border: 0;
	height: 16px
}

#wrapper>.container .contents.newBrandCont>.filterArea>.filter>dd:last-of-type>button:not(:first-of-type) {
	margin-left: 4px
}

#wrapper>.container .contents.newBrandCont>.filterArea>.selected {
	width: 100%;
	border-top: 1px solid #dcdfe3;
	padding: 16px 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 12px
}

#wrapper>.container .contents.newBrandCont>.filterArea>.selected>div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

#wrapper>.container .contents.newBrandCont>.filterArea>.selected>div>span {
	color: #373a3c;
	font-size: 13px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%
}

#wrapper>.container .contents.newBrandCont>.filterArea>.selected>div>button {
	margin-left: 2px;
	width: 14px;
	height: 14px;
	font-size: 0;
	background-image: url("/fo/images/common/ico_brand_filter_data_delete.svg");
	background-position: 50% 50%;
	background-repeat: no-repeat
}

#wrapper>.container .contents.newBrandCont>.filterArea>.selected>.btnReset {
	margin-left: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	color: #1e2023;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: -0.39px;
	text-decoration-line: underline
}

#wrapper>.container .contents.newBrandCont>.filterArea>.selected>.btnReset::after {
	content: "";
	margin-left: 8px;
	width: 12px;
	height: 12px;
	background-image: url("/fo/images/common/ico_brand_filter_data_reset.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 12px
}

#wrapper>.container .contents.newBrandCont>.brandItemList {
	margin-top: 80px;
	display: grid;
	grid-template-columns: calc(25% - 12px) calc(25% - 12px) calc(25% - 12px) calc(25% - 12px);
	grid-row-gap: 64px;
	grid-column-gap: 16px
}

@media screen and (min-width: 1900px) {
	#wrapper>.container .contents.newBrandCont>.brandItemList {
		grid-template-columns: calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px)
	}
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea {
	position: relative;
	width: 100%
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>a {
	display: block;
	height: 0;
	padding-bottom: 100%;
	position: relative
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>a::after {
	content: "";
	background-color: rgba(12, 38, 159, .03);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>a>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>i {
	position: absolute;
	top: 0;
	left: 12px;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/common/ico_brand_flag.svg);
	width: 40px;
	height: 41.25px
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>em {
	box-sizing: border-box;
	position: absolute;
	right: 8px;
	bottom: 8px;
	font-size: 0;
	border-radius: 999px;
	border: 1px solid #eaeaea;
	background-color: #fff;
	padding: 0 8.072px 0 11.099px;
	height: 32px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>em::before,
#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>em::after {
	content: "";
	background-position: 50% 50%;
	background-repeat: no-repeat
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>em::before {
	background-image: url(../images/common/ico_brand_special_order.svg);
	width: 79.672px;
	height: 11.68px
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>.imgArea>em::after {
	margin-left: 2px;
	background-image: url(../images/common/ico_brand_special_order_arrow.svg);
	width: 10.09px;
	height: 10.001px
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>strong {
	display: block;
	margin-top: 12px
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>strong>a {
	color: #373a3c;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>p {
	margin-top: 12px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2px
}

#wrapper>.container .contents.newBrandCont>.brandItemList>li>p>span {
	padding: 0 8px;
	height: 25px;
	border-radius: 999px;
	border: 1px solid #eaeaea;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5a5f64;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%
}

#wrapper>.container .contents.newBrandCont>.brandNot,
#wrapper>.container .contents.newBrandCont>.brandWordOfMouth {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center
}

#wrapper>.container .contents.newBrandCont>.brandNot>h3,
#wrapper>.container .contents.newBrandCont>.brandWordOfMouth>h3 {
	position: relative;
	z-index: 2;
	text-align: center;
	color: #373a3c;
	font-size: 32px;
	font-weight: 700;
	line-height: 130%
}

#wrapper>.container .contents.newBrandCont>.brandNot>p,
#wrapper>.container .contents.newBrandCont>.brandWordOfMouth>p {
	position: relative;
	z-index: 2;
	margin-top: 16px;
	color: #5a5f64;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height: 130%
}

#wrapper>.container .contents.newBrandCont>.brandNot>.list,
#wrapper>.container .contents.newBrandCont>.brandWordOfMouth>.list {
	position: relative;
	z-index: 2;
	margin-top: 40px;
	width: 100%;
	display: grid;
	grid-template-columns: calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px) calc(20% - 12.8px);
	grid-column-gap: 16px;
	grid-row-gap: 40px
}

#wrapper>.container .contents.newBrandCont>.brandNot>.list>a>img,
#wrapper>.container .contents.newBrandCont>.brandWordOfMouth>.list>a>img {
	width: 100%;
	border-radius: 4px
}

#wrapper>.container .contents.newBrandCont>.brandNot>.list>a>p,
#wrapper>.container .contents.newBrandCont>.brandWordOfMouth>.list>a>p {
	margin-top: 10px;
	text-align: center;
	color: #373a3c;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%
}

#wrapper>.container .contents.newBrandCont>.brandNot>button,
#wrapper>.container .contents.newBrandCont>.brandWordOfMouth>button {
	margin-top: 64px;
	position: relative;
	z-index: 2;
	border-radius: 999px;
	background-color: #e9ebfb;
	display: flex;
	height: 56px;
	padding: 13px 37px;
	justify-content: center;
	align-items: center;
	color: #4d6ee4;
	font-size: 18px;
	font-weight: 700;
	line-height: 100%
}

#wrapper>.container .contents.newBrandCont>.brandNot>button:lang(zh),
#wrapper>.container .contents.newBrandCont>.brandWordOfMouth>button:lang(zh) {
	background-color: #ffeef1;
	color: #fe324b
}

#wrapper>.container .contents.newBrandCont>.brandNot {
	margin-top: 200px
}

#wrapper>.container .contents.newBrandCont>.brandWordOfMouth {
	margin-top: 80px;
	padding: 80px 0 40px;
	position: relative
}

#wrapper>.container .contents.newBrandCont>.brandWordOfMouth::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50vw);
	width: var(--fullWidthSize);
	height: 100%;
	background-color: #f7f7fd;
	z-index: 1
}

#wrapper>.container .contents.newBrandCont>.brandWordOfMouth:lang(zh)::before {
	background-color: #fff6f8
}

#wrapper .promoContainer .container {
	position: relative
}

#wrapper .promoContainer .container .contents {
	position: relative;
	margin: 0 auto
}

footer {
	position: relative;
	z-index: 1;
	min-width: 1280px;
	height: 390px;
	margin-top: 120px;
	padding: 28px 72px 30px;
	text-align: center;
	font-size: 1.3rem;
	background: #1e2023
}

footer>.footInner {
	position: relative;
	margin: 0 auto;
	padding-right: 460px;
	text-align: left;
	color: #8b8f94
}

footer>.footInner .logoF {
	margin-bottom: 16px;
	line-height: 1;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] footer>.footInner .logoF {
	font-weight: 700
}

footer>.footInner .footInfo {
	margin-top: 4px
}

footer>.footInner .footInfo>li {
	display: inline-block;
	position: relative;
	padding: 0 8px 0 9px
}

footer>.footInner .footInfo>li::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 12px;
	margin-top: -6px;
	background: rgba(220, 223, 227, .2)
}

footer>.footInner .footInfo>li:first-child {
	padding-left: 0
}

footer>.footInner .footInfo>li:first-child::before {
	display: none
}

footer>.footInner .footInfo>li .btLink {
	display: inline-block;
	height: 27px;
	margin-left: 8px;
	padding: 0 5px;
	border: 1px solid rgba(234, 234, 234, .2);
	border-radius: 3px;
	line-height: 25px;
	font-size: 1.2rem
}

footer>.footInner .footInfo>li.etc {
	clear: both
}

footer>.footInner .txt {
	margin-top: 4px
}

footer>.footInner .txt+.txt {
	margin-top: 12px
}

footer>.footInner .copyTxt {
	margin-top: 24px;
	font-size: 1.2rem;
	color: #6b6e73
}

footer>.footInner .etcList {
	margin-top: 24px
}

footer>.footInner .etcList>li {
	display: table-cell;
	position: relative;
	height: 48px;
	margin-left: 24px;
	padding: 0 22px 0 52px;
	vertical-align: middle
}

footer>.footInner .etcList>li a {
	display: block
}

footer>.footInner .etcList>li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background: url("../images/spr_layout.png") no-repeat 0 -32px
}

footer>.footInner .etcList>li:first-child {
	margin-left: 0
}

footer>.footInner .etcList>li+li:before {
	background-position: -50px -32px
}

footer>.footInner .etcList>li em {
	display: inline-block;
	position: relative
}

footer>.footInner .etcList>li.etc02 em {
	display: block
}

footer>.footInner .etcList>li.etc03 {
	padding: 0 22px 0 34px
}

footer>.footInner .etcList>li.etc03::before {
	width: 30px;
	background-position: -180px -124px
}

footer>.footInner .etcList>li.etc03 a {
	height: 48px;
	line-height: 48px
}

footer>.footInner .footRight {
	position: absolute;
	top: 0;
	right: 0;
	width: 465px;
	text-align: left
}

footer>.footInner .footRight .footSns {
	display: inline-block;
	position: relative;
	height: 40px;
	padding-top: 4px
}

footer>.footInner .footRight .footSns a {
	display: inline-block;
	position: relative;
	height: 32px;
	color: #b9bcc0;
	font-weight: 500
}

[lang=zh] footer>.footInner .footRight .footSns a {
	font-weight: 700
}

footer>.footInner .footRight .footSns a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background: url("../images/spr_layout.png") no-repeat -26px 0
}

footer>.footInner .footRight .footSns a.linkChat {
	padding-right: 40px;
	line-height: 32px;
	vertical-align: top
}

footer>.footInner .footRight .footSns a.linkChat::before {
	left: auto;
	right: 0
}

footer>.footInner .footRight .footSns .snsList {
	display: inline-block;
	position: relative;
	margin-left: 24px;
	padding-left: 26px
}

footer>.footInner .footRight .footSns .snsList::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 2px;
	height: 16px;
	margin-top: -8px;
	background: rgba(220, 223, 227, .2)
}

footer>.footInner .footRight .footSns .snsList>a {
	width: 32px;
	margin: 0 4px;
	text-align: left
}

footer>.footInner .footRight .footSns .snsList>a.insta:before {
	background-position: -60px 0
}

footer>.footInner .footRight .footSns .snsList>a.facebook:before {
	background-position: -94px 0
}

footer>.footInner .footRight .footSns .snsList>a.youtube:before {
	background-position: -128px 0
}

footer>.footInner .footRight .selectFamily {
	float: right;
	position: relative
}

footer>.footInner .footRight .selectFamily>button {
	width: 200px;
	height: 40px;
	padding: 0 30px 0 15px;
	line-height: 41px;
	border-radius: 4px;
	color: #dcdfe3;
	font-size: 1.3rem;
	background: #373a3c;
	letter-spacing: 0
}

footer>.footInner .footRight .selectFamily>button::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url("../images/spr_layout.png") no-repeat -160px 0
}

footer>.footInner .footRight .selectFamily>button[aria-expanded=true] {
	background: #1e2023
}

footer>.footInner .footRight .selectFamily>button[aria-expanded=true]::after {
	background-position: -172px 0
}

footer>.footInner .footRight .selectFamily>button[aria-expanded=true]+.selectInner {
	display: block
}

footer>.footInner .footRight .selectFamily .selectInner {
	display: none;
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 200px;
	padding: 15px 8px 15px 15px;
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid rgba(220, 223, 227, .2);
	background: #373a3c
}

footer>.footInner .footRight .selectFamily .selectInner .inner {
	overflow: auto;
	overflow-x: hidden;
	max-height: 410px
}

footer>.footInner .footRight .selectFamily .selectInner .inner::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: rgba(255, 255, 255, .2)
}

footer>.footInner .footRight .selectFamily .selectInner .familyList li,
footer>.footInner .footRight .selectFamily .selectInner .familyList a {
	line-height: 1.8;
	font-size: 1.3rem
}

footer>.footInner .footRight .selectFamily .selectInner .familyList li.tit {
	margin-top: 15px;
	color: #fff
}

footer>.footInner .footRight .selectFamily .selectInner .familyList li>a {
	display: block;
	color: #b9bcc0
}

footer>.footInner .footRight .footMenu {
	clear: both;
	float: right;
	margin-top: 30px
}

footer>.footInner .footRight .footMenu .titMenu {
	margin-bottom: 8px;
	color: #fff;
	font-size: 1.3rem
}

footer>.footInner .footRight .footMenu .inner {
	display: inline-block;
	margin-left: 35px;
	vertical-align: top
}

footer>.footInner .footRight .footMenu .inner .list li a {
	display: block;
	line-height: 27px;
	color: #8b8f94;
	font-size: 1.3rem
}

footer>.footInner .footRight .footMenu .inner .list li.etcW a {
	color: #cea64e;
	font-weight: 700
}

.footZindex footer {
	z-index: 11
}

.asideTop {
	display: none;
	position: fixed;
	bottom: 30px;
	left: 50%;
	z-index: 100;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	text-align: center;
	animation-name: aside;
	animation-duration: 1.5s
}
.asideTop.footshow{display: block;}
@keyframes aside {
	0% {
		opacity: 0
	}

	30% {
		opacity: 1
	}
}

.asideTop .btTop {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #373a3c
}

.asideTop .btTop::after {
	width: 24px;
	height: 14px;
	margin: -7px 0 0 -12px;
	background: url("../images/spr_layout.png") no-repeat -66px -164px
}

.asideTop.asideStop {
	position: absolute;
	bottom: 430px
}

#wrapper.lnbWrapper .container,
#wrapper.mainWrapper .container {
	width: auto;
	min-width: 1280px;
	max-width: 1680px;
	margin: 0 auto;
	text-align: center
}

#wrapper.lnbWrapper .container .pageLocation,
#wrapper.mainWrapper .container .pageLocation {
	width: auto;
	min-width: 1136px;
	max-width: 1520px;
	margin: 0 auto;
	text-align: left
}

#wrapper.lnbWrapper footer .footInner,
#wrapper.mainWrapper footer .footInner {
	min-width: 1280px;
	max-width: 1680px
}

#wrapper.mainWrapper .contents {
	width: auto;
	min-width: 1136px;
	max-width: 1520px;
	margin-top: 56px
}

#wrapper.mainWrapper .contents.liveCont {
	margin-top: 50px
}

#wrapper.mainWrapper .contents .titDep1 {
	font-size: 4rem;
	font-weight: 700
}

#wrapper.mainWrapper .pageLocation~.contents {
	margin-top: 0
}

#wrapper.fullWrapper .headInner,
#wrapper.fullWrapper .container {
	width: auto;
	min-width: 1280px
}

#wrapper.fullWrapper .container {
	max-width: 1900px;
	margin: 0 auto;
	padding: 0 72px;
	text-align: center
}

#wrapper.fullWrapper .container .pageLocation {
	width: auto;
	min-width: 1136px;
	max-width: 1712px;
	margin: 0 auto;
	text-align: left
}

#wrapper.fullWrapper .container .contents {
	width: 100%;
	min-width: 1136px;
	max-width: 1712px
}

#wrapper.lnbWrapper .container .pageLocation {
	width: 1136px;
	min-width: 1136px
}

#wrapper.lnbWrapper .container .topContents {
	min-width: 1136px;
	max-width: 1520px;
	margin: 0 auto 48px;
	text-align: left
}

#wrapper.lnbWrapper .container .contInner {
	width: auto;
	min-width: 1136px;
	max-width: 1520px;
	padding-left: 288px
}

#wrapper.lnbWrapper .container .contInner::after {
	content: "";
	display: block;
	clear: both
}

#wrapper.lnbWrapper .container .contInner .snb {
	float: left;
	width: 230px;
	margin: 0 0 0 -288px;
	text-align: left
}

#wrapper.lnbWrapper .container .contInner .contents {
	float: left;
	width: 100%
}

#wrapper.lnbWrapper .container .contInner .contents .txtPage,
#wrapper.lnbWrapper .container .contInner .contents .titDep1 {
	text-align: left
}

#wrapper.lnbWrapper .container .contInner .contents .txtSub {
	display: inline-block;
	margin: 0 0 0 8px
}

.snb nav .btnSsgdfs {
	border: 1px solid #dcdfe3;
	color: #4d6ee4;
	background: #fff6f8 url(../images/mypage/ico_expand_more_blue.svg) no-repeat right 10px center
}

[lang=zh] .snb nav .btnSsgdfs {
	color: #fe324b
}

.snb nav .lnbList {
	width: 155px
}

.snb nav .lnbList>li {
	padding: 6px 0
}

.snb nav .lnbList>li>a {
	display: block;
	position: relative;
	line-height: 27px;
	color: #373a3c;
	font-size: 1.8rem
}

.snb nav .lnbList>li>a:hover {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .snb nav .lnbList>li>a:hover {
	color: #fe324b
}

.snb nav .lnbList>li>a[aria-expanded]::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/common/spr_layout.png) no-repeat 0 -120px
}

.snb nav .lnbList>li>a[aria-expanded][aria-expanded=true] {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .snb nav .lnbList>li>a[aria-expanded][aria-expanded=true] {
	color: #fe324b
}

.snb nav .lnbList>li>a[aria-expanded][aria-expanded=true]::after {
	background-position: -12px -120px
}

.snb nav .lnbList>li>a[aria-current=true] {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .snb nav .lnbList>li>a[aria-current=true] {
	color: #fe324b
}

.snb nav .lnbList>li>a[aria-current=true]+.lnbDep2 {
	display: block;
	height: auto
}

.snb nav .lnbList .lnbDep2 {
	display: none;
	height: 0;
	margin: 6px 0 22px 8px;
	transition: .3s
}

.snb nav .lnbList .lnbDep2 li {
	height: 26px;
	padding: 2px 0
}

.snb nav .lnbList .lnbDep2 li>a {
	position: relative;
	padding-left: 7px;
	line-height: 22px;
	color: #6b6e73;
	font-size: 1.5rem
}

.snb nav .lnbList .lnbDep2 li>a::before {
	content: "-";
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.snb nav .lnbList .lnbDep2 li>a:hover {
	color: #373a3c;
	font-weight: 700
}

.snb nav .lnbList .lnbDep2 li>a[aria-current=true],
.snb nav .lnbList .lnbDep2 li>a.on {
	color: #373a3c;
	font-weight: 700
}

[lang=en] .snb nav .lnbList.shinLnbList {
	width: 220px
}

body>#wrapper.commWrapper {
	min-height: calc(100% - 160px)
}

body>#wrapper.commWrapper.headFixed header {
	position: static
}

body>#wrapper.commWrapper .header {
	min-width: auto;
	height: 144px;
	border: none;
	background: none
}

body>#wrapper.commWrapper .header .headInner {
	position: relative;
	width: 750px;
	height: 144px;
	padding: 0
}

body>#wrapper.commWrapper .header .headInner .headLogo {
	display: inline-block;
	height: auto;
	margin-top: 24px
}

body>#wrapper.commWrapper .header .headInner .headLogo a {
	display: block;
	padding: 24px
}

body>#wrapper.commWrapper .header .headInner .selectWrap {
	position: absolute;
	top: 12px;
	right: 0;
	width: 92px;
	height: 44px
}

body>#wrapper.commWrapper .header .headInner .selectWrap .ui-selectmenu-button {
	height: 44px
}

body>#wrapper.commWrapper .header .headInner .selectWrap .ui-selectmenu-button span {
	padding-right: 33px;
	text-align: right;
	line-height: 44px;
	font-size: 1.3rem;
	font-weight: 500
}

[lang=zh] body>#wrapper.commWrapper .header .headInner .selectWrap .ui-selectmenu-button span {
	font-weight: 700
}

body>#wrapper.commWrapper .container,
body>#wrapper.commWrapper .contents {
	width: 750px;
	padding: 0
}

body>#wrapper.commWrapper+footer {
	min-width: 750px;
	height: 160px;
	margin-top: 0;
	background: #fff
}

body>#wrapper.commWrapper+footer .footInner {
	width: 750px;
	padding: 10px 0 0 0;
	text-align: center
}

body>#wrapper.commWrapper+footer .footInner .footMenu {
	display: inline-block
}

body>#wrapper.commWrapper+footer .footInner .footMenu li {
	display: inline-block
}

body>#wrapper.commWrapper+footer .footInner .footMenu li a {
	display: block;
	height: 37px;
	padding: 0 5px;
	line-height: 37px;
	color: #8b8f94;
	font-size: 1.3rem;
	text-decoration: underline
}

body>#wrapper.commWrapper+footer .footInner .footMenu li.pointME a {
	color: #4d6ee4
}

[lang=zh] body>#wrapper.commWrapper+footer .footInner .footMenu li.pointME a {
	color: #fe324b
}

body>#wrapper.commWrapper+footer .footInner .footCopyright {
	margin-top: 6px;
	color: #6b6e73;
	font-size: 1.2rem
}

body>#wrapper.orderWrap+footer {
	height: 160px;
	margin-top: 0;
	background: #fff
}

body>#wrapper.orderWrap+footer .footInner {
	width: 750px;
	padding: 10px 0 0 0;
	text-align: center
}

body>#wrapper.orderWrap+footer .footInner .footMenu {
	display: inline-block
}

body>#wrapper.orderWrap+footer .footInner .footMenu li {
	display: inline-block
}

body>#wrapper.orderWrap+footer .footInner .footMenu li a {
	display: block;
	height: 37px;
	padding: 0 5px;
	line-height: 37px;
	color: #8b8f94;
	font-size: 1.3rem;
	text-decoration: underline
}

body>#wrapper.orderWrap+footer .footInner .footMenu li.pointME a {
	color: #4d6ee4
}

[lang=zh] body>#wrapper.orderWrap+footer .footInner .footMenu li.pointME a {
	color: #fe324b
}

body>#wrapper.orderWrap+footer .footInner .footCopyright {
	margin-top: 6px;
	color: #6b6e73;
	font-size: 1.2rem
}

#wrapper .header #gnb a.em {
	position: relative
}

#wrapper .header #gnb a.em em {
	display: block;
	position: absolute;
	left: 50%;
	top: -22px;
	transform: translateX(-50%);
	color: #4d6ee4;
	font-size: 1.2rem;
	white-space: nowrap
}

[lang=zh] #wrapper .header #gnb a.em em {
	color: #fe324b
}

.bodyHidden {
	overflow: hidden
}

[class^=titDep] {
	line-height: 1;
	color: #1e2023;
	font-weight: 500
}

[lang=zh] [class^=titDep] {
	font-weight: 700
}

.txtPage {
	margin-bottom: 64px;
	text-align: center;
	line-height: 1.33;
	color: #1e2023;
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: -0.03em
}

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

.txtPage em {
	display: inline-block;
	background: url(../images/common/bg_tit.gif) repeat-x 0 80%
}

.titDep1 {
	margin-bottom: 34px;
	text-align: center;
	line-height: 1.33;
	color: #1e2023;
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: -0.03em
}

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

.titDep1 em {
	display: inline-block;
	background: url(../images/common/bg_tit.gif) repeat-x 0 80%
}

.titDep1 .txtSub {
	display: block;
	margin-top: 4px;
	color: #5a5f64;
	font-size: 1.8rem;
	font-weight: 400
}

.titDep1.titLeft {
	text-align: left
}

.titDep1.titLeft .txtSub {
	display: inline-block
}

.txtSub {
	display: block;
	margin-top: 4px;
	color: #6b6e73;
	font-size: 1.8rem
}

.titDep2 {
	margin-bottom: 32px;
	line-height: 1.42;
	font-size: 2.8rem
}

.titDep3 {
	margin-bottom: 12px;
	line-height: 1.33;
	font-size: 2.4rem
}

.titDep3 .subAgree {
	display: inline-block;
	margin-left: 5px;
	color: #6b6e73;
	font-size: 1.5rem
}

.titDep4 {
	margin-bottom: 12px;
	line-height: 1.44;
	font-size: 2rem
}

.titDep5 {
	margin-bottom: 16px;
	line-height: 1.44;
	font-size: 1.8rem
}

.titDep6 {
	margin-bottom: 24px;
	text-align: center;
	line-height: 1.44;
	font-size: 2rem
}

.titDep4+.titDep5 {
	margin-bottom: 24px
}

.titArea {
	position: relative;
	margin-bottom: 16px
}

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

.titArea [class^=titDep] {
	display: inline-block;
	margin: 0
}

.titArea .side {
	float: right
}

.titArea .side .txtLink {
	margin-top: 3px
}

.tabType01+.titArea {
	margin-top: 32px
}

.fixedWrap.fixed>.inner {
	position: fixed;
	top: 72px;
	left: 0;
	z-index: 9999;
	width: 100%;
	background: #fff;
	box-shadow: 0 3px 6px 5px rgba(0, 0, 0, .1)
}

.fixedWrap.fixed>.inner [class^=tabType] {
	margin: 0
}

.fixedWrap.fixed>.inner [class^=tabType]>li.tabON a {
	border-top: none
}

.btnSSG {
	display: inline-block;
	position: relative;
	border-radius: 4px;
	text-align: center;
	font-weight: 700;
	box-sizing: border-box
}

.btnSSG:disabled {
	border-color: #b9bcc0 !important;
	color: #fff !important;
	background: #b9bcc0 !important;
	cursor: default
}

.btnSSG:disabled:hover {
	background: #b9bcc0 !important
}

.btnXL {
	min-width: 188px;
	height: 48px;
	padding: 0 20px;
	line-height: 48px
}

.btnL {
	min-width: 160px;
	height: 56px;
	padding: 0 20px;
	line-height: 56px;
	color: #4d6ee4;
	font-size: 1.8rem;
	background-color: #e9ebfb
}

[lang=zh] .btnL {
	color: #fe324b
}

[lang=zh] .btnL {
	background-color: #ffeef1
}

.btnL:hover {
	background: #c7cdf6
}

[lang=zh] .btnL:hover {
	background: #ffd6db
}

.btnM {
	min-width: 132px;
	height: 48px;
	padding: 0 20px;
	line-height: 46px;
	color: #4d6ee4;
	font-size: 1.5rem;
	background-color: #e9ebfb
}

[lang=zh] .btnM {
	color: #fe324b
}

[lang=zh] .btnM {
	background-color: #ffeef1
}

.btnM:hover {
	background: #c7cdf6
}

[lang=zh] .btnM:hover {
	background: #ffd6db
}

.btnS {
	min-width: 120px;
	height: 44px;
	padding: 0 23px;
	line-height: 44px;
	color: #373a3c;
	font-size: 1.5rem;
	color: #4d6ee4;
	background-color: #e9ebfb;
	letter-spacing: -0.03em
}

[lang=zh] .btnS {
	color: #fe324b
}

[lang=zh] .btnS {
	background-color: #ffeef1
}

.btnS:hover {
	background: #c7cdf6
}

[lang=zh] .btnS:hover {
	background: #ffd6db
}

.btnXS {
	min-width: 80px;
	height: 40px;
	padding: 0 13px;
	border: 1px solid #dcdfe3;
	line-height: 38px;
	color: #373a3c;
	font-size: 1.5rem;
	background: #fff;
	letter-spacing: -0.03em
}

.btnXXS,
.btnXXXS {
	padding: 0 5px;
	border: 1px solid #dcdfe3;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 500;
	background: #fff;
	letter-spacing: -0.03em
}

[lang=zh] .btnXXS,
[lang=zh] .btnXXXS {
	font-weight: 700
}

.btnXXS {
	height: 36px;
	line-height: 34px
}

.btnXXXS {
	height: 30px;
	line-height: 30px
}

.btnLineB {
	color: #4d6ee4;
	border-color: #4d6ee4;
	border: 1px solid;
	background: #fff
}

[lang=zh] .btnLineB {
	color: #fe324b
}

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

.btnMy {
	color: #fff !important;
	background: #525f6f !important
}

.btnMy:hover {
	background: #454f5b !important
}

.btnGrayL {
	color: #373a3c !important;
	background: #ebedf2 !important
}

.btnGrayL:hover {
	background: #dcdfe3 !important
}

.btnLineG {
	border: 1px solid #dcdfe3 !important;
	color: #373a3c !important;
	background: #fff !important
}

.btnLineG:hover {
	background: #f2f5f9 !important
}

.btnLineG:disabled .downloadRight {
	color: #373a3c
}

.btnLineB {
	color: #4d6ee4;
	border: 1px solid;
	border-color: #4d6ee4;
	background: #fff !important
}

[lang=zh] .btnLineB {
	color: #fe324b
}

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

.btnLineB:hover {
	background: #e9ebfb !important
}

[lang=zh] .btnLineB:hover {
	background: #fff6f8 !important
}

[lang=zh] .btnLineB:disabled:hover {
	background: #b9bcc0 !important
}

.btnLineR {
	border: 1px solid #fe324b;
	color: #fe324b;
	background: #fff !important
}

.btnLineR:hover {
	background: #fff6f8 !important
}

[lang=zh] .btnLineR:hover {
	background: #fff6f8 !important
}

[lang=zh] .btnLineR:disabled:hover {
	background: #b9bcc0 !important
}

.btnShadowB {
	color: #4d6ee4;
	background: #fff !important;
	box-shadow: 0 4px 10px rgba(142, 158, 217, .2)
}

[lang=zh] .btnShadowB {
	color: #fe324b
}

.action {
	border: 1px solid;
	border-color: #4d6ee4;
	color: #fff !important;
	background-color: #4d6ee4
}

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

[lang=zh] .action {
	background-color: #fe324b
}

.action:hover {
	background: #3557da
}

[lang=zh] .action:hover {
	background: #e6240a
}

.btDetail {
	position: relative;
	padding: 5px;
	line-height: 1.1;
	color: #6b6e73;
	font-size: 1.3rem
}

.btDetail::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	height: 1px;
	background: #6b6e73
}

.btnSelect {
	position: relative;
	width: 160px;
	height: 48px;
	padding: 0 45px 0 14px;
	border-radius: 4px;
	line-height: 48px;
	color: #373a3c;
	font-weight: 700;
	background: #f8fafc
}

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

.chkFavo,
.chkFavo2 {
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	text-align: left
}

.chkFavo input,
.chkFavo2 input {
	position: absolute;
	opacity: 0
}

.chkFavo input:checked+label:after,
.chkFavo2 input:checked+label:after {
	background-position: 0 -25px
}

.chkFavo label,
.chkFavo2 label {
	display: block;
	width: 32px;
	height: 32px;
	transition: .3s
}

.chkFavo label::after,
.chkFavo2 label::after {
	width: 16px;
	height: 16px;
	margin: -9px 0 0 -9px;
	background: url("../images/spr_favo.png") no-repeat
}

.chkFavo:hover label:after,
.chkFavo2:hover label:after {
	background-position: 0 -52px
}

.chkFavo:hover input:checked+label:after,
.chkFavo2:hover input:checked+label:after {
	background-position: 0 -25px
}

.chkFavo.chkFavoL,
.chkFavo2.chkFavoL {
	width: 24px;
	height: 24px
}

.chkFavo.chkFavoL:hover label:after,
.chkFavo2.chkFavoL:hover label:after {
	background-position: -18px -52px
}

.chkFavo.chkFavoL label,
.chkFavo2.chkFavoL label {
	width: 24px;
	height: 24px
}

.chkFavo.chkFavoL label::after,
.chkFavo2.chkFavoL label::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-position: -18px 0
}

.chkFavo.chkFavoL input:checked+label::after,
.chkFavo2.chkFavoL input:checked+label::after {
	background-position: -18px -25px
}

.chkFavo.favoW input:checked+label:after,
.chkFavo2.favoW input:checked+label:after {
	background-position: -44px -25px
}

.chkFavo.favoW label:after,
.chkFavo2.favoW label:after {
	background-position: -44px 0
}

.chkFavo.favoW:hover label:after,
.chkFavo2.favoW:hover label:after {
	background-position: -44px -52px
}

.chkFavo.favoW:hover input:checked+label:after,
.chkFavo2.favoW:hover input:checked+label:after {
	background-position: -44px -25px
}

.chkFavo.chkFavoL2,
.chkFavo2.chkFavoL2 {
	width: 32px;
	height: 32px
}

.chkFavo.chkFavoL2 label,
.chkFavo2.chkFavoL2 label {
	width: 32px;
	height: 32px
}

.chkFavo.chkFavoL2 label::after,
.chkFavo2.chkFavoL2 label::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-position: -70px 0
}

.chkFavo.chkFavoL2 input:checked+label:after,
.chkFavo2.chkFavoL2 input:checked+label:after {
	background-position: -18px -25px
}

.chkFavo.chkFavoL2:hover label:after,
.chkFavo2.chkFavoL2:hover label:after {
	background-position: -18px -52px
}

.chkFavo.chkFavoL2:hover input:checked+label:after,
.chkFavo2.chkFavoL2:hover input:checked+label:after {
	background-position: -18px -25px
}

.btnTabType .btnList>li {
	margin-top: 12px
}

.btnTabType .btnList>li:first-child {
	margin: 0
}

.btnTabType .btnList>li button {
	width: 100%;
	height: 84px;
	border: 1px solid #eaeaea;
	border-radius: 12px;
	text-align: left;
	background: #fff url(../images/common/ico_chevron_right.svg) no-repeat right 16px center;
	transition: all 300ms ease-in-out
}

.btnTabType .btnList>li button span {
	display: block;
	height: 100%;
	padding-left: 84px;
	line-height: 84px;
	font-size: 1.8rem;
	font-weight: 500;
	color: #373a3c
}

.btnTabType .btnList>li button.btn-payMethod span,
.btnTabType .btnList>li button.btn-payPassword span,
.btnTabType .btnList>li button.btn-serviceCancel span {
	background-position: 24px center;
	background-repeat: no-repeat
}

.btnTabType .btnList>li button.btn-payMethod span {
	background-image: url(../images/order/ico_payMethod.svg)
}

.btnTabType .btnList>li button.btn-payPassword span {
	background-image: url(../images/order/ico_payPassword.svg)
}

.btnTabType .btnList>li button.btn-serviceCancel span {
	background-image: url(../images/order/ico_serviceCancel.svg)
}

.btnTabType .btnList>li button:hover {
	border-color: #ced9ff;
	box-shadow: 0 5px 20px rgba(142, 158, 217, .2)
}

.layPop .serviceCancel {
	margin-top: 8px;
	padding: 56px 0 16px;
	text-align: center
}

.layPop .serviceCancel strong {
	display: block;
	position: relative;
	font-size: 1.8rem;
	font-weight: bold;
	color: #1e2023
}

.layPop .serviceCancel strong::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -56px;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	background: url(../images/common/ico_leave.svg) no-repeat
}

.layPop .serviceCancel p {
	margin-top: 10px;
	line-height: 23px;
	font-size: 1.5rem;
	color: #5a5f64
}

.layPop .cbs_termsAgree strong {
	display: block;
	margin-bottom: 16px;
	text-align: center;
	font-size: 1.9rem;
	color: #1e2023;
	font-weight: 700
}

.layPop .cbs_termsAgree .chkAgree {
	margin-bottom: 14px
}

.layPop .cbs_termsAgree .boxGray {
	padding: 22px 24px 24px
}

.layPop .cbs_termsAgree .boxGray+.chkAgree {
	margin-top: 30px
}

.layPop .cbs_termsAgree .boxGray .tblH {
	margin-bottom: 15px
}

.layPop .cbs_termsAgree .boxGray .tblH th,
.layPop .cbs_termsAgree .boxGray .tblH td {
	text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
	color: #5a5f64
}

.layPop .cbs_termsAgree .boxGray .tblH th {
	background: #dee2e8
}

.layPop .cbs_termsAgree .boxGray .tblH td {
	padding: 10px 10px 9px;
	font-weight: bold
}

.bankChoice {
	padding: 8px 0 16px
}

.bankChoice .list .frmSel {
	width: 100%;
	height: 80px;
	margin-top: 8px;
	box-sizing: border-box
}

.bankChoice .list .frmSel:first-child {
	margin: 0
}

.bankChoice .list .frmSel input {
	opacity: 0
}

.bankChoice .list .frmSel label {
	height: 100%;
	padding: 0 0 0 0;
	border: 1px solid #eef0f6;
	border-radius: 8px;
	line-height: 80px;
	background: #fff;
	background-repeat: no-repeat;
	background-size: 56px 32px;
	background-position: 24px center;
	box-sizing: border-box
}

.bankChoice .list .frmSel label::before {
	left: auto;
	right: 16px;
	top: 50%;
	margin-top: -12px
}

.bankChoice .list .frmSel label .name {
	margin-right: 24px;
	padding-left: 88px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #1e2023
}

.bankChoice .list .frmSel label .account {
	font-size: 1.5rem;
	color: #5a5f64
}

.bankChoice .list .frmSel .btnAddAcount {
	width: 100%;
	height: 80px;
	text-align: center;
	border-radius: 8px;
	background: #f5f7fa
}

.bankChoice .list .frmSel .btnAddAcount span {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	font-size: 1.5rem;
	color: #6b6e73
}

.bankChoice .list .frmSel .btnAddAcount span::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/common/spr_ico.png) no-repeat -60px -23px
}

.heartArea {
	display: none;
	position: absolute;
	top: -18px;
	left: 50%;
	width: 26px;
	height: 19px;
	margin-left: -13px
}

.heartArea span {
	display: block;
	position: absolute;
	background: url(../images/common/spr_favo.png) no-repeat;
	opacity: .2;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out
}

.heartArea {
	display: none;
	position: absolute;
	top: -18px;
	left: 50%;
	width: 26px;
	height: 19px;
	margin-left: -13px
}

.heartArea span {
	display: block;
	position: absolute;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out;
	background: url(../images/common/ico_like.png) no-repeat;
	background-size: 100% auto;
	opacity: .2
}

.heartArea span.heart1 {
	bottom: -9px;
	left: 9px;
	width: 8px;
	height: 7px;
	animation-name: favoAni1;
	animation-delay: 0;
	animation-duration: 3s;
	opacity: 0
}

.heartArea span.heart2 {
	bottom: -1px;
	left: 1px;
	width: 6px;
	height: 6px;
	animation-name: favoAni2;
	animation-delay: 1s;
	animation-duration: 2.2s
}

.heartArea span.heart3 {
	bottom: 0px;
	right: 2px;
	width: 6px;
	height: 5px;
	animation-name: favoAni3;
	animation-delay: 1.5s;
	animation-duration: 1.5s
}

.heartArea span.heart4 {
	bottom: 16px;
	left: 11px;
	width: 4px;
	height: 4px;
	animation-name: favoAni4;
	animation-delay: 2s;
	animation-duration: 2s
}

@keyframes favoAni1 {
	0% {
		bottom: -9px;
		opacity: 0;
		transform: scale(0.5)
	}

	50% {
		bottom: -2px;
		opacity: .3;
		transform: scale(1.5)
	}

	100% {
		bottom: 0;
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes favoAni2 {
	0% {
		bottom: -1px;
		opacity: .2;
		transform: scale(0.5)
	}

	50% {
		bottom: 4px;
		opacity: .4;
		transform: scale(1.5)
	}

	100% {
		bottom: 7px;
		opacity: .8;
		transform: scale(1)
	}
}

@keyframes favoAni3 {
	0% {
		bottom: 0px;
		opacity: .2;
		transform: scale(0)
	}

	50% {
		bottom: 5px;
		opacity: .3;
		transform: scale(1.5)
	}

	100% {
		bottom: 10px;
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes favoAni4 {
	0% {
		bottom: 16px;
		opacity: .2;
		transform: scale(0)
	}

	50% {
		bottom: 19px;
		opacity: .2;
		transform: scale(1.5)
	}

	100% {
		bottom: 22px;
		opacity: .4;
		transform: scale(1)
	}
}

.aniArea {
	display: none;
	position: absolute;
	top: -15px;
	left: 50%;
	width: 26px;
	height: 19px;
	margin-left: -11px
}

.aniArea span {
	display: block;
	position: absolute;
	border-radius: 50%;
	background: #fbb800;
	opacity: .2;
	animation-iteration-count: infinite;
	animation-timing-function: ease-out
}

.aniArea span.ani1 {
	opacity: 0;
	bottom: -9px;
	left: 7px;
	width: 8px;
	height: 7px;
	animation-name: ani1;
	animation-delay: 0;
	animation-duration: 3s
}

.aniArea span.ani2 {
	bottom: -1px;
	left: 0px;
	width: 6px;
	height: 6px;
	animation-name: ani2;
	animation-delay: 1s;
	animation-duration: 2.2s
}

.aniArea span.ani3 {
	bottom: 0px;
	right: 0px;
	width: 6px;
	height: 5px;
	animation-name: ani3;
	animation-delay: 1.5s;
	animation-duration: 1.5s
}

.aniArea span.ani4 {
	bottom: 16px;
	left: 8px;
	width: 4px;
	height: 4px;
	animation-name: ani4;
	animation-delay: 2s;
	animation-duration: 2s
}

@keyframes ani1 {
	0% {
		bottom: -9px;
		opacity: 0;
		transform: scale(0.5)
	}

	50% {
		bottom: -2px;
		opacity: .3;
		transform: scale(1.5)
	}

	100% {
		bottom: 0;
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes ani2 {
	0% {
		bottom: -1px;
		opacity: .2;
		transform: scale(0.5)
	}

	50% {
		bottom: 4px;
		opacity: .4;
		transform: scale(1.5)
	}

	100% {
		bottom: 7px;
		opacity: .8;
		transform: scale(1)
	}
}

@keyframes ani3 {
	0% {
		bottom: 0px;
		opacity: .2;
		transform: scale(0)
	}

	50% {
		bottom: 5px;
		opacity: .3;
		transform: scale(1.5)
	}

	100% {
		bottom: 10px;
		opacity: 1;
		transform: scale(1)
	}
}

@keyframes ani4 {
	0% {
		bottom: 16px;
		opacity: .2;
		transform: scale(0)
	}

	50% {
		bottom: 19px;
		opacity: .2;
		transform: scale(1.5)
	}

	100% {
		bottom: 22px;
		opacity: .4;
		transform: scale(1)
	}
}

.icoArea {
	display: inline-block
}

.icoArea * {
	vertical-align: middle
}

.icoArea .icShareS,
.icoArea .chkFavo {
	margin: 0 -2px;
	width: 24px;
	height: 24px
}

.icoArea .icShareS label,
.icoArea .chkFavo label {
	width: 24px;
	height: 24px
}

.icoArea .icShare,
.icoArea .chkFavoL,
.icoArea .chkFavoL2 {
	width: 32px;
	height: 32px;
	margin: 0 -2px
}

.icoArea .chkFavoL2 label {
	width: 32px;
	height: 32px
}

.txtLink {
	display: inline-block;
	position: relative;
	color: #373a3c;
	font-size: 1.3rem;
	font-weight: 400
}

.txtLink::before,
.txtLink::after {
	content: "";
	display: block
}

.txtLink:disabled {
	color: #b9bcc0
}

.txtLink.lineU {
	color: #6b6e73
}

.txtLink.lineU::after {
	position: absolute;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background: #5a5f64
}

.txtLink.txtBlue {
	color: #4d6ee4
}

[lang=zh] .txtLink.txtBlue {
	color: #fe324b
}

.txtLink.txtBlue::after {
	position: absolute;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background-color: #4d6ee4
}

[lang=zh] .txtLink.txtBlue::after {
	background-color: #fe324b
}

.chkPut {
	display: inline-block;
	position: relative;
	width: 32px;
	height: 32px;
	text-align: left
}

.chkPut input {
	position: absolute;
	opacity: 0
}

.chkPut input:checked+label:after {
	background-position: -141px -58px
}

.chkPut input:checked~.aniArea {
	display: block;
	top: -17px
}

.chkPut label {
	display: block;
	width: 32px;
	height: 32px
}

.chkPut label::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url("../images/spr_ico.png") no-repeat -141px -40px
}

.chkPut .aniArea span {
	color: #4d6ee4
}

.btIco {
	display: inline-block;
	position: relative
}

.btIco::after {
	background: url("../images/spr_ico.png") no-repeat
}

.btIco.icSearch {
	width: 40px;
	height: 40px
}

.btIco.icSearch::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-position: -214px -24px
}

.btIco.icDel {
	width: 40px;
	height: 40px
}

.btIco.icDel::after {
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	background-position: -150px -24px
}

.btIco.icoShare {
	width: 32px;
	height: 32px
}

.btIco.icoShare::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-position: -321px 0
}

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

.btIco.icoShare:hover:after {
	background-position: -321px -24px
}

.btIco.icoShareS {
	width: 32px;
	height: 32px
}

.btIco.icoShareS::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background-position: -321px -50px
}

.btIco.icoShareS[aria-expanded=true]:after {
	background-position: -339px -50px
}

.btIco.icoShareS:hover:after {
	background-position: -339px -50px
}

.btIco.icView {
	width: 40px;
	height: 40px;
	background: #fff
}

.btIco.icView::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background-position: -347px 0;
	opacity: .35
}

.btIco.icView.ON:after {
	background-position: -365px 0;
	opacity: 1
}

.btIco.icCart {
	width: 32px;
	height: 32px
}

.btIco.icCart::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background-position: -72px -42px
}

.btIco.icPay {
	width: 32px;
	height: 32px
}

.btIco.icPay::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background-position: -89px -42px
}

.btIco.icRestock {
	overflow: visible;
	width: 32px;
	height: 32px
}

.btIco.icRestock::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background-position: -106px -42px
}

.btIco.icRestock[aria-selected=true]::after {
	background-position: -123px -42px
}

.bticTxt {
	display: inline-block;
	position: relative;
	height: 40px;
	padding: 0 5px 0 40px;
	color: #373a3c;
	font-weight: 700
}

.bticTxt::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 8px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../images/common/spr_ico.png) no-repeat -440px -24px
}

.bticTxt.btPay:before {
	background-position: -464px -24px
}

.bticTxt.btPick:before {
	background-position: -488px -24px
}

.btnOptions {
	display: inline-block
}

.btnOptions .bticTxt {
	margin: 0 1px
}

.btnArea {
	margin-top: 48px;
	text-align: center
}

.btnArea .btnSSG {
	margin: 0 2px
}

.tabType01 {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	margin-bottom: 24px;
	border-radius: 4px
}

.tabType01>li {
	display: table-cell;
	z-index: 2;
	width: 100%;
	text-align: center;
	vertical-align: top
}

.tabType01>li>a {
	display: block;
	height: 48px;
	border: 1px solid #dcdfe3;
	border-left: 0;
	line-height: 48px;
	color: #6b6e73;
	font-size: 1.5rem;
	letter-spacing: -0.03em
}

.tabType01>li>a:hover {
	cursor: pointer
}

.tabType01>li.tabON>a {
	color: #fff;
	font-weight: 700;
	border: none;
	background: #373a3c;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.tabType01>li:first-child>a {
	border-left: 1px solid #dcdfe3;
	border-radius: 4px 0 0 4px
}

.tabType01>li:last-child>a {
	border-left: 0;
	border-radius: 0 4px 4px 0
}

.tabType01>li .subTab {
	display: none
}

.tabType01>li.tabON.tabSub {
	padding-bottom: 64px
}

.tabType01>li.tabON.tabSub .subTab {
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #dcdfe3;
	text-align: center
}

.tabType01>li .tabType03 {
	display: inline-block;
	width: auto;
	margin: 0 auto;
	border: none;
	white-space: nowrap
}

.tabType01>li .tabType03::after {
	display: none
}

.tabType01>li .tabType03 li>a {
	min-width: auto;
	padding: 0 38px
}

.tabType01.tabMulti {
	display: block
}

.tabType01.tabMulti>li {
	display: inherit;
	float: left;
	width: 20%
}

.tabType01.tabMulti>li:nth-child(5n-4) a {
	border-left: 1px solid #dcdfe3;
	border-radius: 0 0 0 4px
}

.tabType01.tabMulti>li:nth-child(n+6) a {
	border-top: none
}

.tabType01.tabMulti>li:nth-child(5n) a {
	border-radius: 0 4px 0 0
}

.tabType01.tabMulti>li:last-child a {
	border-radius: 0 0 4px 0
}

.tabType01.tabMulti>li:first-child a {
	border-radius: 4px 0 0 0
}

.tabType02 {
	margin-bottom: 32px;
	text-align: center
}

.tabType02>li {
	display: inline-block
}

.tabType02>li a {
	display: block;
	position: relative;
	padding: 0 12px;
	line-height: 27px;
	color: #1e2023;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .tabType02>li a {
	font-weight: 700
}

.tabType02>li.tabON a {
	display: block;
	font-weight: 700
}

.tabType02>li.tabON a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #4d6ee4
}

[lang=zh] .tabType02>li.tabON a::after {
	background-color: #fe324b
}

.tabType03 {
	display: block;
	width: 100%;
	margin-bottom: 8px;
	text-align: center;
	border-bottom: 1px solid #dcdfe3
}

.tabType03>li {
	display: inline-block;
	height: 48px
}

.tabType03>li a {
	display: block;
	position: relative;
	min-width: 183px;
	padding: 0 30px;
	line-height: 48px;
	color: #6b6e73;
	font-size: 1.5rem;
	text-align: center
}

.tabType03>li.tabON a {
	display: block;
	color: #373a3c;
	font-weight: 700
}

.tabType03>li.tabON a::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 2px;
	background: #373a3c
}

.tabType04 {
	margin-bottom: 24px;
	text-align: center
}

.tabType04>li {
	display: inline-block;
	margin: 0 1px
}

.tabType04>li a {
	position: relative;
	display: block;
	height: 40px;
	padding: 0 14px;
	line-height: 40px;
	font-weight: 500;
	border-radius: 40px;
	background: #f5f7fa
}

[lang=zh] .tabType04>li a {
	font-weight: 700
}

.tabType04>li.tabON a {
	color: #4d6ee4;
	border-color: #4d6ee4;
	line-height: 38px;
	border: 1px solid;
	background: #fff
}

[lang=zh] .tabType04>li.tabON a {
	color: #fe324b
}

[lang=zh] .tabType04>li.tabON a {
	border-color: #fe324b
}

.tabType05 {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	margin-bottom: 8px
}

.tabType05>li {
	display: table-cell;
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 0 1px;
	text-align: center;
	vertical-align: middle
}

.tabType05>li a {
	display: block;
	height: 44px;
	border-radius: 4px;
	text-align: center;
	line-height: 44px;
	color: #6b6e73;
	font-size: 1.4rem;
	background: #f5f7fa;
	letter-spacing: -0.03em
}

.tabType05>li.tabON a {
	border: 1px solid #1e2023;
	line-height: 42px;
	color: #373a3c;
	font-weight: 700;
	background: #fff
}

.tabType06 {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	margin-bottom: 8px
}

.tabType06>li {
	display: table-cell;
	position: relative;
	z-index: 2;
	width: 100%;
	text-align: center;
	vertical-align: middle
}

.tabType06>li a {
	display: block;
	height: 48px;
	border: 1px solid #eaeaea;
	border-left: none;
	text-align: center;
	line-height: 46px;
	color: #8b8f94;
	font-size: 1.5rem
}

.tabType06>li.tabON a {
	border-top: 2px solid #1e2023;
	border-bottom: none;
	line-height: 44px;
	color: #1e2023;
	font-size: 1.6rem;
	font-weight: 700;
	background: #fff
}

.tabType06>li:first-child a {
	border-left: 1px solid #eaeaea
}

.tabType06.tEng li a {
	line-height: 47px
}

.tabType06.tEng li.tabON a {
	line-height: 46px
}

.tabType07 {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	margin: 0 auto
}

.fixedWrap.imp.fixed .tabType07 {
	width: 1000px
}

.tabType07>li {
	display: table-cell;
	position: relative;
	z-index: 2;
	width: 100%;
	text-align: center;
	vertical-align: middle
}

.tabType07>li a {
	overflow: hidden;
	display: block;
	height: 70px;
	padding: 0 20px;
	text-align: center;
	line-height: 70px;
	color: #9fa2a8;
	font-size: 1.6rem;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tabType07>li.tabON a {
	font-weight: 700
}

.tabType07>li.tabON a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px
}

.tabType07.tEng li a {
	line-height: 47px
}

.tabType07.tEng li.tabON a {
	line-height: 46px
}

.tabType07.white>li.tabON a {
	color: #1e2023;
	background: #fff
}

.tabType07.white>li.tabON a::after {
	background: #1e2023
}

.tabType07.black>li.tabON a {
	color: #f2f5f9;
	background: #373a3c
}

.tabType07.black>li.tabON a::after {
	background: #fff
}

.tabType07.grey>li.tabON a {
	color: #1e2023;
	background: #dcdfe3
}

.tabType07.grey>li.tabON a::after {
	background: #1e2023
}

.tabWrap {
	position: relative;
	z-index: 101;
	height: 64px;
	text-align: center
}

.tabWrap.tabFixed .tabProduct {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw
}

.tabProduct {
	display: inline-block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	background: #fff
}

.tabProduct::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: calc(-50vw + 50%);
	width: calc(100vw - 17px);
	height: 1px;
	background: #b9bcc0
}

.tabProduct::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: calc(-50vw + 50%);
	width: calc(100vw - 17px);
	height: 1px;
	background: #eaeaea
}

.tabProduct>li {
	display: inline-block;
	position: relative;
	text-align: center
}

.tabProduct>li a {
	display: block;
	height: 64px;
	padding: 0 40px;
	line-height: 64px;
	color: #8b8f94;
	font-size: 1.8rem;
	text-align: center
}

.tabProduct>li.tabON a {
	color: #4d6ee4;
	font-weight: 700
}

[lang=zh] .tabProduct>li.tabON a {
	color: #fe324b
}

.tabProduct>li.tabON a::before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 40px;
	right: 40px;
	height: 4px;
	background-color: #4d6ee4
}

[lang=zh] .tabProduct>li.tabON a::before {
	background-color: #fe324b
}

.listNum {
	position: relative;
	height: 47px;
	color: #6b6e73;
	text-align: right;
	border-bottom: 1px solid #373a3c
}

.listNum .totalNum {
	float: left;
	line-height: 47px
}

.listNum .funcBtns {
	display: inline-block;
	height: 20px;
	padding: 0 10px;
	border: solid #dcdfe3;
	border-width: 0 1px
}

.listNum .funcBtns .funcAcct {
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	line-height: 20px;
	vertical-align: top
}

.listNum .funcBtns .funcAcct::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 2px;
	width: 16px;
	height: 16px;
	background: url(../images/common/spr_ico.png) no-repeat
}

.listNum .funcBtns .funcAcct.btList:before {
	background-position: -16px -41px
}

.listNum .funcBtns .funcAcct.btThumb:before {
	background-position: -18px -24px
}

.listNum .funcBtns .funcAcct.btList[aria-selected=true]:before {
	background-position: 0 -41px
}

.listNum .funcBtns .funcAcct.btThumb[aria-selected=true]:before {
	background-position: -2px -24px
}

.listNum .funcBtns.storeView {
	height: 28px;
	margin-top: 8px;
	padding: 0;
	border: 0
}

.listNum .funcBtns.storeView .funcAcct {
	width: auto;
	height: 28px;
	padding-left: 28px;
	color: #6b6e73;
	text-indent: 0
}

.listNum .funcBtns.storeView .funcAcct::before {
	top: 4px;
	left: 4px;
	width: 20px;
	height: 20px
}

.listNum .funcBtns.storeView .funcAcct.btList:before {
	background-position: -32px 0
}

.listNum .funcBtns.storeView .funcAcct.btCard:before {
	background-position: -12px 0
}

.listNum .funcBtns.storeView .funcAcct[aria-selected=false] {
	display: none
}

.listNum .side * {
	vertical-align: middle
}

.listNum .side .frmSwitch {
	margin-left: 8px;
	padding-left: 17px
}

.listNum .side .frmSwitch::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #dcdfe3
}

.listNum .side .funcBtns {
	margin: 0 10px 0 13px
}

.listNum .side .sortingOptionNum {
	width: 130px
}

.listNum .side .ui-selectmenu-button span {
	padding-left: 3px
}

.listNum .side.sideCheck {
	display: flex;
	justify-content: space-between
}

.listNum .side.sideCheck .choiceCheckBox {
	display: inline-block
}

.listNum .side.sideCheck .choiceCheckBox .frmSel {
	height: 47px;
	margin-right: 20px
}

.listNum .side.sideCheck .choiceCheckBox .frmSel.cb_checked input[type=checkbox]+label::before {
	background: url(../images/common/checkOn.png) center/cover no-repeat
}

[lang=zh] .listNum .side.sideCheck .choiceCheckBox .frmSel.cb_checked input[type=checkbox]+label::before {
	background: url(../images/common/checkOn_Cn.png) center/cover no-repeat
}

.listNum .side.sideCheck .choiceCheckBox .frmSel input {
	top: 13px;
	opacity: 0
}

.listNum .side.sideCheck .choiceCheckBox .frmSel label {
	padding: 0 0 0 28px;
	line-height: 47px;
	color: #1e2023
}

.listNum .side.sideCheck .choiceCheckBox .frmSel label::before {
	top: 13px;
	width: 20px;
	height: 20px;
	background: url(../images/common/checkOff.png) center/cover no-repeat
}

.listNum .side.sideCheck .choiceCheckBox .frmSel:last-child {
	margin-right: 0
}

.listNum .selectWrap.selectS .ui-selectmenu-menu {
	width: auto
}

.listNum~* {
	clear: both
}

.listNum.prodSorging {
	margin-bottom: 8px;
	border-bottom: 0
}

.listNum.listDel .btnWrap {
	display: inline-block
}

.listNum.listDel .btnWrap>button {
	position: relative;
	padding: 0 11px;
	line-height: 48px;
	color: #373a3c
}

.listNum.listDel .btnWrap>button::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background-color: #dcdfe3
}

.listNum.listDel .btnWrap>button:first-child:before {
	content: none
}

.listNum.listDel .btnWrap>button:only-child:before {
	content: ""
}

.listNum.listDel .btnWrap>button.btnDel {
	color: #e6230a
}

.listNum.listDel .btnWrap>button.btAlram {
	padding-left: 24px;
	font-weight: 700
}

.listNum.listDel .btnWrap>button.btAlram::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/common/spr_ico.png) no-repeat -512px -24px
}

.listNum.listDel .frmSel,
.listNum.listDel .selNum {
	float: left
}

.listNum.listDel .frmSel {
	margin: 11px 4px 11px 16px
}

.listNum.listDel .selNum {
	padding-top: 1px;
	line-height: 46px
}

.listNum .storeSortingList {
	margin-top: 8px
}

.listNum .storeSortingList li {
	height: 28px;
	margin-left: 15px
}

.listNum .storeSortingList li:first-child {
	margin: 0
}

.listNum .storeSortingList li:last-child {
	margin-right: 25px
}

.listNum .storeSortingList li label {
	font-size: 1.5rem;
	line-height: 28px
}

.listNum.borderNone {
	border-bottom: none
}

.joinInfoModify .frmSel label {
	line-height: 1
}

.joinInfoModify .frmSmall.frmSel label {
	line-height: 1.2
}

.tabContentWrap {
	display: none
}

.tabContentWrap.tabON {
	display: block
}

.pageStep {
	position: relative;
	height: 26px;
	margin: 0 0 32px -2px;
	text-align: right
}

.pageStep li {
	display: inline-block;
	margin: 0 2px;
	width: 8px;
	vertical-align: middle
}

.pageStep li * {
	vertical-align: middle
}

.pageStep li em {
	display: block;
	width: 8px;
	height: 8px;
	text-align: center;
	border-radius: 50%;
	font-size: 0;
	font-weight: 700;
	background: #1e2023
}

.pageStep li .txt {
	display: none;
	position: absolute;
	top: -1px;
	left: 0;
	color: #1e2023;
	line-height: 26px;
	font-size: 2.6rem;
	font-weight: 500
}

[lang=zh] .pageStep li .txt {
	font-weight: 700
}

.pageStep li.on {
	width: 32px
}

.pageStep li.on .txt {
	display: block
}

.pageStep li.on em {
	text-indent: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-size: 1.2rem;
	background: #1e2023
}

.pageStep li.on~li em {
	background: #9fa2a8
}

.layPop {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	min-height: 300px;
	border-radius: 16px;
	background: #fff
}

.layPop.notiPopv21Wrap {
	border-radius: 20px
}

.layPop.notiPopv21Wrap .notiPopV211102 {
	border-radius: 20px 20px 0 0
}

.layPop .titLay {
	padding: 0 40px;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
	line-height: 73px;
	color: #1e2023;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: -0.03em
}

.layPop .titLay.titPick::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 4px;
	vertical-align: -3px;
	background: url(../images/common/spr_ico.png) no-repeat -297px 0
}

.layPop .titLay.titLayLong {
	padding: 20px 60px;
	line-height: 140%
}

.layPop .titUl {
	margin: 33px 17px 0;
	width: calc(100% - 34px)
}

.layPop .titUl>li {
	position: relative;
	padding-left: 14px;
	color: #373a3c;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.3px
}

.layPop .titUl>li:not(:first-of-type) {
	margin-top: 12px
}

.layPop .titUl>li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 4px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #373a3c
}

.layPop .layCont {
	overflow-y: auto;
	overflow-x: hidden;
	width: calc(100% - 8px);
	max-height: 464px;
	margin: 16px 0;
	padding: 0 32px 0 40px
}

.layPop .layCont.benefitCustomizing {
	width: 100%
}

.layPop .layCont .usedInfoList {
	margin-top: 24px;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, .6);
	background: none
}

.layPop .layCont .usedInfoList .titGuide {
	height: 56px;
	padding-left: 44px;
	margin-bottom: 2px;
	line-height: 56px
}

.layPop .layCont .usedInfoList .titGuide::before {
	left: 16px
}

.layPop .layCont .usedInfoList .bultType01 {
	margin-top: 0;
	padding: 0 15px
}

.layPop .layCont .usedInfoList .titDep6 {
	margin-top: 12px;
	padding: 0 15px;
	color: #5a5f64;
	font-size: 13px
}

.layPop .layCont .usedInfoList .titGuide+.titDep6 {
	margin-top: 0
}

.layPop .layCont .usedInfoList .titDep6~.bultType01 {
	margin-top: 10px
}

.layPop .layCont .usedInfoList .link {
	display: inline-block;
	margin-left: 5px;
	color: #2444c2;
	text-decoration: underline
}

.layPop .layCont .notiCont {
	text-align: center
}

.layPop .layCont .notiCont.tLeft {
	text-align: left
}

.layPop .layCont .notiCont strong {
	display: block;
	margin-top: 10px;
	font-size: 1.5rem;
	color: #5a5f64
}

.layPop .layCont .notiCont p {
	line-height: 23px;
	font-size: 1.5rem;
	color: #5a5f64
}

.layPop .layContUl {
	border-top: 1px solid #eaeaea;
	padding-top: 16px;
	margin: 15px 24px 33px;
	width: calc(100% - 48px)
}

.layPop .layContUl>li {
	position: relative;
	padding-left: 10px;
	color: #6b6e73;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 21px;
	word-break: keep-all
}

.layPop .layContUl>li:not(:first-of-type) {
	margin-top: 4px
}

.layPop .layContUl>li::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 4px;
	width: 2px;
	height: 2px;
	border-radius: 100%;
	background-color: #6b6e73
}

.layPop .closeL {
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 65px
}

.layPop .closeL::after {
	width: 24px;
	height: 24px;
	margin: -8px 0 0 -12px;
	background: url(../images/common/spr_layout.png) no-repeat
}

.layPop .btnArea {
	margin: 24px 30px
}

.layPop .btnArea .btnM {
	min-width: 160px
}

.layPop .btnArea .btnM.btnConfirm {
	background-color: #525f6f;
	color: #fff
}

.layPop.layerXL {
	width: 1136px;
	margin-left: -568px
}

.layPop.layerLL {
	width: 930px;
	margin-left: -465px
}

.layPop.layerL {
	width: 760px;
	margin-left: -380px
}

.layPop.layerL .layCont {
	max-height: 464px
}

.layPop.layerL .lCont {
	min-height: 400px
}

.layPop.layerML {
	width: 560px;
	margin-left: -280px
}

.layPop.layerML .layCont {
	padding: 0 24px 0 32px
}

.layPop.layerM {
	width: 640px;
	margin-left: -320px
}

.layPop.layerM .layCont {
	max-height: 464px
}

.layPop.layerS {
	width: 480px;
	margin-left: -240px
}

.layPop.layerS .layCont {
	padding: 0 32px 8px
}

.layPop.layer500 {
	width: 500px;
	margin-left: -250px
}

.layPop.layer500 .layCont {
	padding: 0 32px 8px
}

.layPop.layerXS {
	width: 360px;
	min-height: inherit;
	margin-left: -180px
}

.layPop.layerXS .layCont {
	max-height: inherit;
	padding: 8px 32px
}

.layPop.layerXS .btnArea .btnSSG {
	min-width: 140px
}

.layPop.layerS.termsPop .titLay.smTxt {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 0;
	line-height: 1.5;
	font-size: 2rem
}

.layPop.jshr p.noti {
	margin-top: 20px
}

.layerPopupOpened {
	overflow: hidden
}

.layerPopupOpened.isScrl {
	overflow: inherit
}

.tipArea {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px
}

.tipArea .tipCont {
	display: none;
	position: absolute;
	top: 27px;
	left: -14px;
	width: 350px;
	padding: 15px 36px 15px 18px;
	color: #8b8f94;
	font-size: 1.3rem;
	border: 1px solid #8b8f94;
	border-radius: 4px;
	background: #fff;
	z-index: 1
}

.tipArea .tipCont::before {
	content: "";
	display: block;
	position: absolute;
	top: -7px;
	left: 15px;
	width: 15px;
	height: 7px;
	background: url(../images/common/bg_tipCont.png) no-repeat
}

.tipArea .tipCont .titTip {
	color: #373a3c;
	font-weight: 700
}

.tipArea .tipCont .bultType01 {
	margin-bottom: -1px
}

.tipArea .tipCont .bultType01 li {
	font-size: 1.3rem
}

.tipArea .tipCont .bultType01 li::before {
	top: 4px
}

.tipArea .tipCont .closeT {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 22px;
	height: 22px
}

.tipArea .tipCont .closeT::after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 12px;
	height: 12px;
	background: url(../images/common/spr_ico.png) no-repeat -150px -24px
}

.tipArea.tipRight .tipCont {
	left: auto;
	right: -14px;
	text-align: left
}

.tipArea.tipRight .tipCont:before {
	left: auto;
	right: 15px
}

.btTip {
	display: block;
	position: relative;
	z-index: 2;
	width: 20px;
	height: 20px
}

.btTip::before {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	border: 1px solid #9fa2a8;
	border-radius: 50%;
	background: url(../images/common/spr_ico.png) no-repeat -135px -25px;
	box-sizing: border-box
}

.btTip[aria-expanded=true]+.tipCont {
	display: block
}

.popWrap {
	display: inline-block;
	position: relative
}

.popWrap .popLayCont {
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	z-index: 9999;
	min-width: 150px;
	padding: 16px 24px;
	border: 1px solid #6b6e73;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

.popWrap .popLayCont::before {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	left: 3px;
	z-index: 100;
	width: 9px;
	height: 6px;
	background: url(../images/common/bg_popCont.png) no-repeat
}

.popWrap .popLayCont .titPop {
	margin: 5px 0 15px;
	line-height: 1;
	color: #373a3c;
	font-weight: 700
}

.popWrap .closeP {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 26px;
	height: 26px
}

.popWrap .closeP::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(../images/common/spr_ico.png) no-repeat -256px -50px
}

.popWrap .btPop[aria-expanded=true]+.popLayCont {
	display: block
}

.popWrap.popShare .popLayCont {
	left: -18px;
	min-width: 350px;
	padding-bottom: 24px
}

.popWrap.popShare .popLayCont::before {
	left: 33px
}

.popWrap.popShare .snsList {
	margin: 0 -4px;
	white-space: nowrap;
	text-align: center
}

.popWrap.popShare .snsList li {
	display: inline-block;
	margin: 0 4px
}

.popWrap.popShare.popshareR {
	text-align: left
}

.popWrap.popShare.popshareR .popLayCont {
	left: auto;
	right: -24px
}

.popWrap.popShare.popshareR .popLayCont::before {
	left: auto;
	right: 32px
}

.brandNow .popWrap .btPop[aria-expanded=true]+.popLayCont {
	display: none
}

body>.popLayCont {
	position: absolute;
	z-index: 9999;
	min-width: 350px;
	padding: 16px 24px;
	border: 1px solid #6b6e73;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}

body>.popLayCont::before {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	left: auto;
	right: 32px;
	z-index: 100;
	width: 9px;
	height: 6px;
	background: url(../images/common/bg_popCont.png) no-repeat
}

body>.popLayCont .titPop {
	margin: 5px 0 15px;
	line-height: 1;
	color: #373a3c;
	font-weight: 700
}

body>.popLayCont .snsList {
	margin: 0 -4px;
	white-space: nowrap;
	text-align: center
}

body>.popLayCont .snsList li {
	display: inline-block;
	margin: 0 4px
}

body>.popLayCont .snsList li a {
	display: block
}

body>.popLayCont .closeP {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 26px;
	height: 26px
}

body>.popLayCont .closeP::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(../images/common/spr_ico.png) no-repeat -256px -50px
}

.videoPlayButton {
	overflow: visible;
	position: relative;
	padding: 0;
	border-radius: 0
}

.videoPlayButton>a {
	overflow: hidden;
	display: block;
	border-radius: 8px
}

.videoPlayButton>a::before {
	z-index: 99;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	border: 2px solid #fff;
	border-radius: 50%
}

.videoPlayButton>a::after {
	z-index: 99;
	width: 18px;
	height: 18px;
	margin: -7px 0 0 -6px;
	background: url(../images/common/spr_ico.png) no-repeat -425px 0
}

.videoPlayButton>a img {
	width: 100%
}

.videoPopup {
	position: fixed;
	top: 20vh;
	bottom: 20vh;
	left: 16%;
	right: 16%;
	z-index: 10000;
	box-sizing: border-box
}

.videoPopup::after {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8)
}

.videoPopup .layCont {
	position: relative;
	z-index: 1000
}

.videoPopup .closeL {
	overflow: hidden;
	display: block;
	position: absolute;
	top: -61px;
	right: -5px;
	z-index: 1000;
	width: 34px;
	height: 34px;
	text-indent: -999px
}

.videoPopup .closeL::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background: url(../images/common/spr_ico.png) no-repeat -240px -24px
}

.vodPopup .vodArea {
	display: flex;
	align-items: center
}

.videoPlayButton.imp .videoPlayer .btnSound {
	display: block
}

.videoPlayer {
	position: relative;
	width: 100%
}

.videoPlayer .youtube {
	display: none;
	position: relative;
	padding-top: 56.25%
}

.videoPlayer.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.videoPlayer.youtube .youtube {
	display: block
}

.videoPlayer.youtube .mp4 {
	display: none;
	height: 347px
}

.videoPlayer.youtube .mp4 video {
	width: auto;
	height: 100%
}

.videoPlayer video {
	width: 100%
}

.videoPlayer .vp_control {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: opacity .2s
}

.videoPlayer .vp_play_btn {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 54px;
	height: 54px;
	margin: -27px 0 0 -27px;
	border: 2px solid #fff;
	border-radius: 50%
}

.videoPlayer .vp_play_btn::after {
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	background: url(../images/common/spr_ico.png) no-repeat -425px 0
}

.videoPlayer.playing .vp_play_btn:after {
	background-position: -444px 0
}

.videoPlayer .btnSound {
	display: none;
	position: absolute;
	right: 32px;
	bottom: 45px;
	width: 32px;
	height: 32px;
	font-size: 0;
	background: url(../images/view/ico_sound.png) no-repeat 0 0;
	text-indent: 9999px
}

.videoPlayer .btnSound.muted {
	background-position: 0 -32px
}

.videoPlayer .vp_time {
	position: absolute;
	left: 32px;
	bottom: 45px;
	font-size: 1.2rem;
	color: #fff
}

.videoPlayer .vp_progress {
	position: absolute;
	left: 32px;
	right: 32px;
	bottom: 32px;
	height: 4px;
	background-color: rgba(255, 255, 255, .5)
}

.videoPlayer .vp_progress::before {
	content: "";
	display: block;
	position: absolute;
	left: -6px;
	right: -6px;
	bottom: -6px;
	top: -6px;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0)
}

.videoPlayer .vp_progress::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -6px;
	width: 6px;
	height: 4px;
	background-color: rgba(255, 255, 255, .5)
}

.videoPlayer .vp_progbar {
	position: relative;
	z-index: 1;
	width: 0;
	height: 4px;
	background-color: #2f4fcf
}

.videoPlayer .vp_progbar::before {
	content: "";
	display: block;
	position: absolute;
	left: -6px;
	top: 0;
	width: 7px;
	height: 4px;
	background-color: #2f4fcf
}

.videoPlayer .vp_progbar .vp_progbtn {
	display: block;
	position: absolute;
	right: -6px;
	top: -4px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #2f4fcf
}

.videoPlayer .vp_cover {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0)
}

.videoPlayer.hide_ctr .vp_cover {
	display: block
}

.videoPlayer.hide_ctr .vp_control {
	opacity: 0
}

.videoPlayButton.imp .videoPlayer .vp_progress .vp_progbar {
	background: #e65656
}

.videoPlayButton.imp .videoPlayer .vp_progress .vp_progbar::before {
	background: #e65656
}

.videoPlayButton.imp .videoPlayer .vp_progress .vp_progbar .vp_progbtn {
	background: #e65656
}

.makeup_video {
	overflow: hidden
}

.makeup_video .videoPlayButton {
	height: 100%
}

.makeup_video .videoPlayButton a {
	height: 100%
}

.makeup_video .videoPlayButton a img {
	width: auto;
	height: 100%
}

input[type=text],
input[type=password],
input[type=file] {
	display: inline-block;
	min-width: 100px;
	height: 48px;
	padding: 0 15px;
	color: #1e2023;
	font-weight: 500;
	line-height: 47px;
	border: 1px solid #f8fafc;
	border-radius: 4px;
	background: #f8fafc
}

[lang=zh] input[type=text],
[lang=zh] input[type=password],
[lang=zh] input[type=file] {
	font-weight: 700
}

input[type=text]:focus,
input[type=password]:focus {
	outline: 0;
	border-color: #a0adf0;
	background: #fff
}

input[type=text]:read-only,
input[type=password]:read-only,
input[type=text]:disabled,
input[type=password]:disabled {
	color: #8b8f94;
	border-color: #f5f7fa;
	background: #f5f7fa
}

input[type=text]:read-only:focus,
input[type=password]:read-only:focus,
input[type=text]:disabled:focus,
input[type=password] input:internal-autlfill-selected {
	color: -internal-light-dark(#1e2023, #1e2023) !important;
	background: #fff !important
}

:disabled:focus {
	background: #f8fafc
}

textarea {
	width: 100%;
	min-height: 132px;
	padding: 16px;
	color: #1e2023;
	border: none;
	border-radius: 4px;
	background: #f8fafc
}

textarea:focus {
	border: 1px solid #a0adf0;
	background: #fff
}

.inpFull {
	display: block;
	width: 100%
}

input[type=text]::-ms-clear {
	display: none
}

input[type=password]::-ms-reveal {
	display: none
}

.inpFile {
	position: relative
}

.inpFile .attachFile {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	position: relative;
	height: 48px;
	padding: 0 48px 0 15px;
	line-height: 47px;
	color: #1e2023;
	font-weight: 500;
	border: 1px solid #f8fafc;
	border-radius: 4px;
	background: #f8fafc
}

[lang=zh] .inpFile .attachFile {
	font-weight: 700
}

.inpFile .attachFile::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/common/spr_ico.png) no-repeat -464px 0
}

.inpFile .attachFile.fileON::after {
	display: none
}

.inpFile .attachFile.fileON~label {
	display: none
}

.inpFile label {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 15px;
	color: #b9bcc0;
	line-height: 48px
}

.inpFile input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.inpFile input[type=file]:focus+label {
	display: none
}

.selectWrap {
	display: inline-block;
	position: relative
}

.selectWrap.hide-nostock .ui-menu-item.ui-state-disabled {
	display: none
}

.selectWrap.hide-nostock .ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled {
	display: none
}

.selectWrap.selectS .ui-selectmenu-button {
	position: relative;
	z-index: 999;
	border: none;
	height: 48px;
	line-height: 48px;
	background: none
}

.selectWrap.selectS .ui-selectmenu-button span {
	padding-right: 32px;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .selectWrap.selectS .ui-selectmenu-button span {
	font-weight: 700
}

.selectWrap.selectS .ui-selectmenu-button::after {
	width: 12px;
	height: 12px;
	margin: -8px 0 0 -6px;
	background-position: -474px 0
}

.selectWrap.selectS .ui-selectmenu-button.ui-selectmenu-button-open {
	border: none
}

.selectWrap.selectS .ui-selectmenu-button.ui-selectmenu-button-open::after {
	background-position: -487px 0
}

.selectWrap.selectS .ui-selectmenu-button.ui-selectmenu-button-open::before {
	display: none
}

.selectWrap.selectS .ui-selectmenu-button.ui-selectmenu-button-open span {
	color: #4d6ee4
}

[lang=zh] .selectWrap.selectS .ui-selectmenu-button.ui-selectmenu-button-open span {
	color: #fe324b
}

.selectWrap.selectS .ui-selectmenu-button.ui-selectmenu-button-open~.triangle {
	position: absolute;
	bottom: 0;
	left: 23px;
	z-index: 10000;
	width: 14px;
	height: 10px;
	background-image: url(../images/common/spr_form.png);
	background-repeat: no-repeat;
	background-position: -501px 0
}

[lang=zh] .selectWrap.selectS .ui-selectmenu-button.ui-selectmenu-button-open~.triangle {
	background-image: url(../images/cmall/spr_formC.png);
	background-repeat: no-repeat
}

.selectWrap.selectS .ui-selectmenu-menu {
	top: 46px !important;
	left: 8px !important;
	min-width: 95px;
	margin-top: 0;
	padding: 10px 0;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05)
}

.selectWrap.selectS .ui-selectmenu-menu .ui-menu button {
	height: 30px;
	font-size: 1.3rem;
	line-height: 28px;
	color: #6b6e73;
	border: 0
}

.selectWrap.selectS .ui-selectmenu-menu .ui-menu button.ui-state-selected,
.selectWrap.selectS .ui-selectmenu-menu .ui-menu button.ui-state-active {
	color: #1e2023;
	font-weight: 700;
	background: none
}

.selectWrap.optionSel .ui-selectmenu-button {
	padding-left: 48px
}

.selectWrap.optionSel .ui-selectmenu-button .option {
	display: block;
	position: absolute;
	top: 50%;
	left: 14px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.selectWrap.optionSel .ui-selectment-button-default {
	padding-left: 4px
}

.selectWrap.optionSel .ui-selectment-button-default .option {
	display: none
}

.selectWrap.optionSel .ui-selectmenu-menu .ui-menu button {
	padding-left: 48px
}

.selectWrap.optionSel .ui-selectmenu-menu .ui-menu button .option {
	display: block;
	position: absolute;
	top: 50%;
	left: 14px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.selectWrap.optionSel.prodSel .ui-selectmenu-button .option {
	border-radius: 50%
}

.selectWrap.optionSel.prodSel .ui-selectmenu-menu .ui-menu button .option {
	border-radius: 50%
}

.ui-selectmenu-button {
	display: block;
	width: 100%;
	height: 48px;
	border: 1px solid #f8fafc;
	border-radius: 4px;
	text-align: left;
	background: #f8fafc
}

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

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

.ui-selectmenu-button.ui-selectmenu-button-open {
	border-color: #a0adf0;
	border-radius: 4px 4px 0 0;
	background: #fff
}

.ui-selectmenu-button.ui-selectmenu-button-open::after {
	background-position: -18px 0
}

.ui-selectmenu-button span {
	display: block;
	padding: 0 45px 0 14px;
	line-height: 46px;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: -0.03em
}

[lang=zh] .ui-selectmenu-button span {
	font-weight: 700
}

.ui-selectmenu-button span:focus {
	outline: 0
}

.ui-selectmenu-button.ui-selectment-button-default span {
	color: #b9bcc0;
	font-weight: 400
}

.ui-selectmenu-menu {
	overflow: hidden;
	display: none;
	position: absolute;
	top: 47px;
	min-width: 95px;
	width: 100%;
	margin-top: 0;
	border: 1px solid;
	border-color: #a0adf0;
	border-radius: 0 0 8px 8px;
	background: #fff;
	transition: .3s
}

.ui-selectmenu-menu.ui-selectmenu-open {
	display: block;
	z-index: 9999;
	border-top: none
}

.ui-selectmenu-menu .ui-menu {
	overflow: hidden;
	display: block;
	width: 100%
}

.ui-selectmenu-menu .ui-menu button {
	display: block;
	position: relative;
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border-top: 1px solid #ebedf2;
	line-height: 48px;
	background: #fff;
	white-space: nowrap
}

.ui-selectmenu-menu .ui-menu button.ui-state-active {
	background: #f7f7fd
}

.ui-selectmenu-menu .ui-menu li:first-child>button {
	border-top: none
}

.ui-selectmenu-menu .scrollbar-wrap {
	position: absolute;
	z-index: 100;
	width: 8px;
	right: 6px;
	top: 0;
	padding: 10px 0;
	box-sizing: border-box
}

.ui-selectmenu-menu .scrollbar-wrap .scrollbar {
	position: relative;
	width: 8px;
	height: 50%;
	border-radius: 8px;
	background: rgba(0, 0, 0, .1);
	cursor: pointer
}

.ui-selectmenu-menu .ui-menu button.ui-state-selected {
	background: #f7f7fd
}

.calenInp {
	display: inline-block;
	position: relative;
	min-width: 300px;
	height: 48px
}

.calenInp input[type=text] {
	width: 100%;
	padding-right: 48px;
	color: #1e2023;
	font-weight: 500
}

[lang=zh] .calenInp input[type=text] {
	font-weight: 700
}

.calenInp .ui-datepicker-trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px
}

.calenInp .ui-datepicker-trigger::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-image: url(../images/common/spr_form.png);
	background-repeat: no-repeat;
	background-position: -384px 0
}

[lang=zh] .calenInp .ui-datepicker-trigger::after {
	background-image: url(../images/cmall/spr_formC.png);
	background-repeat: no-repeat
}

.calenGroup {
	display: table;
	width: 100%
}

.calenGroup .calenInp {
	display: table-cell;
	min-width: 100px;
	vertical-align: middle
}

.calenGroup .calenInp input {
	border: none
}

.calenGroup .dash {
	display: table-cell;
	position: relative;
	width: 24px;
	vertical-align: middle
}

.calenGroup .dash::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 1px;
	margin-left: -4px;
	background: #b9bcc0
}

.calenGroup .dash~.calenInp .ui-datepicker {
	right: 0;
	left: auto
}

.ui-datepicker {
	position: absolute;
	top: 47px;
	left: 0;
	z-index: 10000;
	width: 295px;
	padding-bottom: 15px;
	border: 1px solid #a0adf0;
	border-radius: 8px;
	background: #fff
}

[lang=zh] .ui-datepicker {
	border-color: #ff82b0
}

.ui-datepicker .titCal {
	display: block;
	padding: 0 26px 0 32px;
	line-height: 72px;
	color: #373a3c;
	font-size: 2.4rem;
	font-weight: 700;
	border-bottom: 1px solid #eaeaea
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	height: 58px;
	margin: 0 -16px 8px;
	text-align: center
}

.ui-datepicker .ui-datepicker-header button {
	position: absolute;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-top: -12px
}

.ui-datepicker .ui-datepicker-header button::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background-image: url(../images/common/spr_form.png);
	background-repeat: no-repeat
}

[lang=zh] .ui-datepicker .ui-datepicker-header button::after {
	background-image: url(../images/cmall/spr_formC.png);
	background-repeat: no-repeat
}

.ui-datepicker .ui-datepicker-header button.ui-datepicker-prev-year {
	left: 38px
}

.orderWrap .ui-datepicker .ui-datepicker-header button.ui-datepicker-prev-year {
	display: none
}

.ui-datepicker .ui-datepicker-header button.ui-datepicker-prev-year::after {
	background-position: -408px 0
}

.ui-datepicker .ui-datepicker-header button.ui-datepicker-prev {
	left: 62px
}

.ui-datepicker .ui-datepicker-header button.ui-datepicker-prev::after {
	background-position: -425px 0
}

.ui-datepicker .ui-datepicker-header button.ui-datepicker-next {
	right: 62px
}

.ui-datepicker .ui-datepicker-header button.ui-datepicker-next::after {
	background-position: -441px 0
}

.ui-datepicker .ui-datepicker-header button.ui-datepicker-next-year {
	right: 37px
}

.ui-datepicker .ui-datepicker-header button.ui-datepicker-next-year::after {
	background-position: -457px 0
}

.orderWrap .ui-datepicker .ui-datepicker-header button.ui-datepicker-next-year {
	display: none
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	height: 60px;
	border-bottom: 1px solid #eaeaea
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
	display: inline-block;
	color: #373a3c;
	font-size: 1.8rem;
	line-height: 60px;
	font-weight: 700
}

.ui-datepicker .datepicker_gui {
	text-align: center;
	padding: 0 16px
}

.ui-datepicker .ui-datepicker-calendar {
	width: 100%
}

.ui-datepicker .ui-datepicker-calendar th {
	height: 34px;
	font-size: 1.3rem
}

.ui-datepicker .ui-datepicker-calendar td {
	position: relative;
	padding: 1px 0;
	text-align: center
}

.ui-datepicker .ui-datepicker-calendar td a {
	display: block;
	width: 32px;
	height: 32px;
	font-weight: 500;
	line-height: 34px;
	text-align: center;
	border-radius: 50%
}

[lang=zh] .ui-datepicker .ui-datepicker-calendar td a {
	font-weight: 700
}

.ui-datepicker .ui-datepicker-calendar td a:focus {
	border: none
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	color: #4d6ee4;
	background: #f5f7fa
}

[lang=zh] .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
	color: #fe324b
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
	color: #fff !important;
	background-color: #4d6ee4
}

[lang=zh] .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
	background-color: #fe324b
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable a {
	color: #dcdfe3
}

.ui-datepicker .ui-datepicker-calendar tr th:first-child,
.ui-datepicker .ui-datepicker-calendar tr td:first-child a {
	color: #e6230a
}

.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled:first-child a {
	color: #dcdfe3
}

.ui-datepicker .ui-datepicker-buttonpane {
	display: block;
	margin: 8px 0 0 0;
	text-align: center
}

.ui-datepicker .ui-datepicker-buttonpane>button {
	width: 127px;
	min-width: inherit;
	height: 40px;
	margin: 0 3px;
	line-height: 40px;
	text-align: center;
	vertical-align: top;
	font-size: 1.5rem;
	font-weight: 700
}

.ui-datepicker .ui-datepicker-buttonpane>button.ui-datepicker-current {
	background-color: #e9ebfb;
	color: #4d6ee4
}

[lang=zh] .ui-datepicker .ui-datepicker-buttonpane>button.ui-datepicker-current {
	background-color: #ffeef1
}

[lang=zh] .ui-datepicker .ui-datepicker-buttonpane>button.ui-datepicker-current {
	color: #fe324b
}

.ui-datepicker .close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 40px;
	height: 40px
}

.ui-datepicker .close::after {
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-image: url(../images/common/spr_form.png);
	background-repeat: no-repeat;
	background-position: -515px 0
}

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

.frmSel {
	display: inline-block;
	position: relative
}

.frmSel input {
	position: absolute;
	top: 5px;
	left: 5px
}

.frmSel input:disabled+label {
	cursor: default
}

.frmSel input[type=radio]:checked+label:before {
	background-position: -72px 0
}

.frmSel input[type=radio]:disabled+label:before {
	background-position: -96px 0
}

.frmSel input[type=checkbox]+label:before {
	background-position: -120px 0
}

.frmSel input[type=checkbox]:checked+label:before {
	background-position: -144px 0
}

.frmSel input[type=checkbox]:disabled+label:before {
	background-position: -168px 0
}

.frmSel input[type=radio]:disabled:checked+label:before {
	background-position: -96px -25px
}

.frmSel label {
	display: block;
	position: relative;
	padding: 3px 0 4px 32px;
	line-height: 1.2
}

.frmSel label::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 25px;
	background-image: url(../images/common/spr_form.png);
	background-repeat: no-repeat;
	background-position: -48px 0
}

[lang=zh] .frmSel label::before {
	background-image: url(../images/cmall/spr_formC.png);
	background-repeat: no-repeat
}

.frmSel.only label {
	padding: 0 0 0 24px;
	line-height: 25px
}

.frmSel.frmSmall input[type=radio] {
	opacity: 0
}

.frmSel.frmSmall input[type=radio]+label:before {
	background-position: -192px 0
}

.frmSel.frmSmall input[type=radio]:checked+label:before {
	background-position: -212px 0
}

.frmSel.frmSmall input[type=radio]:disabled+label:before {
	background-position: -232px 0
}

.frmSel.frmSmall input[type=checkbox]+label:before {
	background-position: -252px 0
}

.frmSel.frmSmall input[type=checkbox]:checked+label:before {
	background-position: -272px 0
}

.frmSel.frmSmall input[type=checkbox]:disabled+label:before {
	background-position: -292px 0
}

.frmSel.frmSmall input[type=radio]:disabled:checked+label:before {
	background-position: -232px -25px
}

.frmSel.frmSmall label {
	padding-left: 26px
}

.frmSel.frmSmall label::before {
	top: 0;
	width: 20px;
	height: 21px
}

.frmSel.frmSmall.only label {
	padding: 0 0 0 20px;
	line-height: 20px
}

.frmSel.frmChkS {
	display: block
}

.frmSel.frmChkS input[type=checkbox]+label:before {
	background-position: -312px 0
}

.frmSel.frmChkS input[type=checkbox]:checked+label:before {
	background-position: -336px 0
}

.frmSel.frmChkS input[type=checkbox]:disabled+label:before {
	background-position: -360px 0
}

.frmSel.frmChkS label {
	padding: 2px 0 4px 32px
}

.frmSel.labelBold label {
	padding-top: 1px;
	color: #373a3c;
	font-size: 1.7rem;
	font-weight: 700
}

.frmSel.labelBold .noneCk {
	padding-top: 1px;
	color: #373a3c;
	font-size: 1.7rem;
	font-weight: 700
}

.promoContainer .frmSel.labelBold .noneCk {
	font-size: 2.2rem
}

.frmSel.type02 input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}

.frmSel.type02 input[type=checkbox]+label {
	padding: 0 0 0 23px;
	line-height: 19px
}

.frmSel.type02 input[type=checkbox]+label::before {
	top: 0 !important;
	width: 19px;
	height: 19px;
	background-position: -122px -28px
}

[lang=zh] .frmSel.type02 input[type=checkbox]+label::before {
	background: url(../images/cmall/spr_formC.png) no-repeat -253px -25px
}

.frmSel.type02 input[type=checkbox]:checked+label::before {
	background-position: -146px -28px
}

[lang=zh] .frmSel.type02 input[type=checkbox]:checked+label::before {
	background-position: -272px -25px
}

.myPay .frmSelDpblk {
	width: 326px;
	margin: 17px auto 0;
	text-align: left
}

.frmSwitch {
	display: inline-block;
	position: relative;
	height: 20px;
	line-height: 20px
}

.frmSwitch input {
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0
}

.frmSwitch input:checked+label::before {
	background-color: #4d6ee4
}

[lang=zh] .frmSwitch input:checked+label::before {
	background-color: #fe324b
}

.frmSwitch input:checked+label::after {
	right: 2px
}

.frmSwitch label {
	display: block;
	height: 20px;
	padding-right: 33px;
	font-size: 1.3rem
}

.frmSwitch label::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 0;
	width: 28px;
	height: 16px;
	border-radius: 20px;
	background: #dcdfe3
}

.frmSwitch label::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	right: 14px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	transition: .2s
}

.sortingList {
	display: inline-block
}

.sortingList li {
	display: inline-block;
	height: 47px;
	z-index: 11
}

.sortingList li input {
	position: absolute;
	top: 0;
	left: -9999999px;
	z-index: 1
}

.sortingList li input:checked+label {
	color: #373a3c;
	font-weight: 700
}

.sortingList li label {
	display: block;
	position: relative;
	z-index: 10;
	letter-spacing: -0.03em;
	background: #fff;
	padding: 0 8px;
	line-height: 47px
}

.sortingList li>button {
	margin-left: 4px;
	width: 14px;
	height: 14px;
	background-image: url("/fo/images/view/ico_filter_sort_tooltip_open.png");
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: center;
	font-size: 0
}

.sortingList li>.toolTip {
	position: absolute;
	top: 50px;
	border-radius: 4px;
	border: 1px solid #8b8f94;
	background: #fff;
	padding: 16px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.sortingList li>.toolTip>p {
	color: #373a3c;
	font-size: 13px;
	font-weight: 400;
	line-height: 140%;
	white-space: nowrap
}

.sortingList li>.toolTip>button {
	margin-left: 10px;
	margin-bottom: auto;
	font-size: 0;
	width: 12px;
	height: 12px;
	background-image: url("/fo/images/view/ico_filter_sort_tooltip_close.svg");
	background-repeat: no-repeat;
	background-position: center
}

.sortingList.changeSorting li label {
	padding: 0 7px
}

.frmList li {
	display: inline-block;
	margin-left: 24px
}

.frmList li:first-child {
	margin-left: 0
}

.frmList.frmWrap li {
	display: block;
	margin: 10px 0 0
}

.frmList.frmWrap li:first-child {
	margin-top: 0
}

.agreeList li {
	position: relative;
	margin-top: 10px
}

.agreeList li:first-child {
	margin-top: 0
}

.agreeList li .btDetail {
	position: absolute;
	top: 50%;
	right: -5px;
	margin-top: -12px
}

.agreeType {
	position: relative
}

.agreeType .btDetail {
	position: absolute;
	top: 50%;
	right: -5px;
	margin-top: -12px
}

.agreeBox .agreeList {
	margin-top: 20px
}

.frmInp {
	display: table;
	position: relative;
	width: 100%
}

.frmInp * {
	vertical-align: top
}

.frmInp>label {
	display: inline-block;
	width: 192px;
	height: 48px;
	line-height: 48px
}

.frmInp .inpA {
	display: inline-block;
	position: relative;
	width: calc(100% - 384px)
}

.frmInp .inpA input {
	width: 100%
}

.frmInp .inpA input:focus~.txtInfo {
	display: block
}

.frmInp .inpA .selectWrap {
	width: 100%
}

.frmInp .inpA * {
	vertical-align: top
}

.frmInp .inpA.inpPhone .selectWrap {
	display: inline-block;
	width: 160px;
	margin-right: 16px
}

.frmInp .inpA.inpPhone input {
	width: calc(100% - 181px)
}

.frmInp .inpA.inpBtn input {
	padding-right: 48px
}

.frmInp .inpA.inpBtn .icDel {
	display: none
}

.frmInp .inpA .icDel {
	display: none;
	position: absolute;
	top: 50%;
	right: 4px;
	margin-top: -20px
}

.frmInp .inpError input {
	border-color: #ce0700;
	background: #fff
}

.frmInp .inpError .errorTxt {
	display: block
}

.frmInp .inpComp input {
	border-color: #4d6ee4;
	background: #fff
}

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

.frmInp .inpComp .compTxt {
	display: block
}

.frmInp .txtInfo,
.frmInp .errorTxt,
.frmInp .compTxt,
.frmInp .compMsg {
	display: none;
	position: relative;
	padding: 6px 65px 0 0;
	font-size: 1.3rem
}

.frmInp .errorTxt {
	line-height: 19px;
	color: #ce0700
}

.frmInp .compTxt {
	min-height: 25px;
	color: #4d6ee4
}

.frmInp .compTxt::after {
	content: "";
	display: block;
	position: absolute;
	top: -43px;
	right: 1px;
	width: 40px;
	height: 40px;
	background: #f8fafc url(../images/common/spr_ico.png) no-repeat -383px 0
}

.frmInp .compMsg {
	opacity: 0;
	animation-name: compMSG;
	animation-delay: .3s;
	animation-duration: 4s
}

.frmInp .selectWrap.optionSel.myAccount {
	width: 100%;
	height: 48px
}

.frmInp .selectWrap.optionSel.myAccount .ui-selectmenu-button {
	padding-left: 16px;
	font-size: 0
}

.frmInp .selectWrap.optionSel.myAccount .ui-selectmenu-button span.prefix,
.frmInp .selectWrap.optionSel.myAccount .ui-selectmenu-button span.ui-selectmenu-text {
	display: inline-block;
	padding: 0;
	vertical-align: baseline
}

.frmInp .selectWrap.optionSel.myAccount .ui-selectmenu-button span.prefix {
	margin-right: 8px
}

.frmInp .selectWrap.optionSel.myAccount .ui-selectmenu-button span.ui-selectmenu-text {
	padding-right: 45px;
	color: #6b6e73
}

.frmInp .selectWrap.optionSel.myAccount .ui-selectmenu-open .ui-menu-item button {
	padding-left: 16px;
	font-size: 0;
	color: #6b6e73;
	font-size: 1.5rem
}

.frmInp .selectWrap.optionSel.myAccount .ui-selectmenu-open .ui-menu-item button span.prefix {
	display: inline-block;
	height: 100%;
	margin-right: 8px;
	vertical-align: baseline;
	line-height: 48px;
	color: #1e2023
}

@keyframes compMSG {
	0% {
		opacity: 1;
		display: block
	}

	30% {
		opacity: 1;
		display: block
	}

	50% {
		opacity: 1;
		display: block
	}

	70% {
		opacity: 1;
		display: block
	}

	100% {
		opacity: 0;
		display: none
	}
}

.frmInp.frmComplete .compTxt {
	display: block
}

.btnSelectUI {
	display: block;
	position: relative;
	width: 100%;
	height: 48px;
	padding-left: 16px;
	border: 1px solid #f8fafc;
	border-radius: 4px;
	text-align: left;
	font-weight: 500;
	background: #f8fafc
}

.btnSelectUI::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background: url(../images/order/ico_s_expand.png) no-repeat
}

.btnSelectUI .prefix {
	display: inline-block;
	margin-right: 8px;
	line-height: 46px;
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: -0.03em
}

[lang=zh] .btnSelectUI .prefix {
	font-weight: 700
}

.btnSelectUI .prefix:focus {
	outline: 0
}

.lyDiv {
	display: table;
	width: 100%;
	padding: 0 32px
}

.lyDiv * {
	vertical-align: top
}

.lyDiv .lyDivide {
	display: table-cell;
	width: 50%;
	padding: 0 20px 0 0;
	font-size: 0
}

.lyDiv .lyDivide+.lyDivide {
	padding: 0 0 0 20px
}

.lyDiv .lyDivide label {
	display: inline-block;
	width: 95px;
	height: 48px;
	line-height: 48px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #1e2023;
	box-sizing: border-box
}

.lyDiv .lyDivide ul {
	display: inline-block;
	width: calc(100% - 95px)
}

.lyDiv .lyDivide ul li {
	display: table;
	width: 100%;
	margin-top: 8px
}

.lyDiv .lyDivide ul li:first-child {
	margin: 0
}

.lyDiv .lyDivide ul li span {
	display: table-cell;
	width: 40px;
	height: 48px;
	line-height: 48px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #8e8e8e
}

.lyDiv .lyDivide ul li input {
	display: table-cell;
	width: 100%
}

.termWrap {
	display: inline-block;
	position: relative;
	min-width: 72px;
	margin-left: 10px
}

.termWrap .btTerm {
	display: block;
	height: 48px;
	padding: 0 32px 0 4px;
	line-height: 48px;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .termWrap .btTerm {
	font-weight: 700
}

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

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

.termWrap .btTerm[aria-expanded=true] {
	color: #4d6ee4
}

[lang=zh] .termWrap .btTerm[aria-expanded=true] {
	color: #fe324b
}

.termWrap .btTerm[aria-expanded=true]::after {
	background-position: -487px 0
}

.termWrap .btTerm[aria-expanded=true]+.termCont {
	display: block
}

.termWrap .termCont {
	display: none;
	position: absolute;
	top: 47px;
	right: 0;
	z-index: 10001;
	width: 141px;
	border: 1px solid #dcdfe3;
	border-radius: 8px;
	text-align: left;
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05)
}

.termWrap .termCont::before {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	right: 45px;
	width: 12px;
	height: 9px;
	background-image: url(../images/common/spr_form.png);
	background-repeat: no-repeat;
	background-position: -501px 0
}

[lang=zh] .termWrap .termCont::before {
	background-image: url(../images/cmall/spr_formC.png);
	background-repeat: no-repeat
}

.termWrap .termCont .termList {
	padding: 15px 0 0
}

.termWrap .termCont .termList li {
	position: relative
}

.termWrap .termCont .termList li input {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1
}

.termWrap .termCont .termList li input:checked+label {
	font-weight: 700;
	color: #373a3c
}

.termWrap .termCont .termList li label {
	display: block;
	position: relative;
	z-index: 10;
	padding: 0 15px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 30px;
	background: #fff
}

.termWrap .termCont .termDirect {
	margin-top: 35px;
	padding: 16px 15px 15px;
	border-top: 1px solid #eaeaea
}

.termWrap .termCont .termDirect>label {
	display: block;
	margin-bottom: 4px;
	font-size: 1.3rem
}

.termWrap .termCont .termDirect .calenInp {
	position: static;
	width: 108px;
	min-width: auto;
	height: 32px;
	margin-top: 4px;
	border: 1px solid #f7f7fd;
	border-radius: 4px;
	background: #f7f7fd
}

.termWrap .termCont .termDirect .calenInp:hover {
	border: 1px solid;
	border-color: #4d6ee4
}

[lang=zh] .termWrap .termCont .termDirect .calenInp:hover {
	border-color: #fe324b
}

.termWrap .termCont .termDirect .calenInp input {
	min-width: inherit;
	height: 32px;
	padding: 0 32px 0 7px;
	line-height: 32px;
	color: #373a3c;
	font-size: 1.2rem;
	font-weight: 500;
	border: none;
	background: none
}

[lang=zh] .termWrap .termCont .termDirect .calenInp input {
	font-weight: 700
}

.termWrap .termCont .termDirect .calenInp .ui-datepicker-trigger {
	float: right;
	position: relative;
	top: auto;
	right: auto;
	width: 32px;
	height: 32px;
	margin-top: -33px
}

.termWrap .termCont .termDirect .calenInp .ui-datepicker {
	width: 298px;
	height: 307px;
	top: 0;
	left: 0;
	padding: 0;
	border: none;
	border-right: 1px solid #eaeaea;
	border-radius: 16px 0 0 16px;
	box-shadow: none
}

.termWrap .termCont .termDirect .calenInp .ui-datepicker .titCal {
	display: none
}

.termWrap .termCont .termDirect .calenInp .ui-datepicker .ui-datepicker-header {
	background: none
}

.termWrap .termCont .termDirect .calenInp .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	color: #373a3c
}

.termWrap .termCont .termDirect .calenInp .ui-datepicker .close,
.termWrap .termCont .termDirect .calenInp .ui-datepicker .btnBtm {
	display: none
}

.termWrap .termCont .termDirect .btnS {
	width: 100%;
	min-width: inherit;
	height: 32px;
	margin-top: 8px;
	line-height: 32px
}

.termWrap .termCont.termCalendar {
	padding-left: 299px;
	width: 440px
}

.searchWrap {
	overflow: hidden;
	display: inline-block;
	position: relative;
	min-width: 40px;
	height: 46px;
	margin-left: 10px;
	padding-left: 9px
}

.searchWrap::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 20px;
	margin-top: -10px;
	background: #dcdfe3
}

.searchWrap .btSear {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	width: 40px;
	height: 40px;
	margin-top: -20px
}

.searchWrap .btSear::after {
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	background: url(../images/common/spr_ico.png) no-repeat -266px -24px
}

.searchWrap .btSear[aria-expanded=true]+.searchArea {
	display: block;
	width: auto
}

.searchWrap .searchArea {
	overflow: hidden;
	position: relative;
	z-index: 10;
	background: #fff;
	transition: 1s
}

.searchWrap .searchArea input {
	width: 300px;
	height: 45px;
	border: none;
	padding-right: 80px;
	background: none
}

.searchWrap .searchArea input:focus~.icSearch:after {
	background-position: -214px -48px
}

.searchWrap .searchArea .icSearch {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -20px
}

.searchWrap .searchArea .icDel {
	display: none;
	position: absolute;
	top: 50%;
	right: 40px;
	margin-top: -20px
}

.radBox {
	display: table;
	table-layout: fixed;
	min-width: 100%
}

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

.radBox>li {
	display: table-cell
}

.radBox.boxCol05 .frmSel {
	width: 20%
}

.radBox.boxCol04 .frmSel {
	width: 25%
}

.radBox.boxCol03 .frmSel {
	width: 33.3%
}

.radBox.boxCol03 .frmSel.col02 {
	width: 50%
}

.radBox.boxCol02 .frmSel {
	width: 50%
}

.radBox.boxCustom .frmSel {
	flex: 1 25%
}

.radBox.boxCustom .frmSel:nth-child(3n) {
	flex: 1 50%
}

.radBox>.frmSel {
	float: left;
	padding: 2px
}

.radBox>.frmSel input+label {
	border: 1px solid #eaeaea;
	border-radius: 4px;
	background: #fff
}

.radBox>.frmSel input+label::before,
.radBox>.frmSel input+label::after {
	display: none
}

.radBox>.frmSel input:checked+label {
	color: #4d6ee4;
	font-weight: 700;
	border-color: #4d6ee4;
	background: #f5f7fa
}

[lang=zh] .radBox>.frmSel input:checked+label {
	color: #fe324b
}

[lang=zh] .radBox>.frmSel input:checked+label {
	border-color: #fe324b
}

[lang=zh] .radBox>.frmSel input:checked+label {
	background: #fff6f8
}

.radBox>.frmSel input::before li input:after {
	display: none
}

.radBox>.frmSel label {
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 40px;
	padding: 0;
	text-align: center;
	color: #6b6e73;
	font-size: 1.3rem;
	border: 1px solid #dcdfe3;
	border-radius: 4px;
	background: #fff;
	box-sizing: border-box
}

[lang=zh] .radBox>.frmSel label {
	letter-spacing: -1px
}

.radBox>.frmSel.disabled {
	border-color: #dcdfe3 !important
}

.radBox>.frmSel.disabled label {
	color: #b9bcc0 !important;
	background: #f8fafc !important
}

.radBox li input:after {
	display: none
}

.frmSearch,
.filterSearch {
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin-right: 13px;
	vertical-align: top
}

.frmSearch input[type=text],
.filterSearch input[type=text] {
	width: 100%;
	height: 48px;
	padding: 0 40px 0 16px;
	border: none;
	border-radius: 4px;
	vertical-align: top;
	line-height: 48px;
	color: #373a3c;
	font-weight: 500;
	box-sizing: border-box
}

[lang=zh] .frmSearch input[type=text],
[lang=zh] .filterSearch input[type=text] {
	font-weight: 700
}

.frmSearch .icDel,
.filterSearch .icDel {
	display: none;
	position: absolute;
	top: 5px;
	right: 40px
}

.frmSearch .icoSearch,
.filterSearch .icoSearch {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 47px;
	border-radius: 4px
}

.frmSearch .icoSearch::after,
.filterSearch .icoSearch::after {
	content: "";
	position: absolute;
	left: calc(50% - 8px);
	top: calc(50% - 8px);
	width: 16px;
	height: 16px;
	background: url(../images/common/spr_ico.png) no-repeat -266px -24px
}

.listBox li {
	width: 100%
}

.listBox li>div {
	margin-top: 10px;
	padding: 15px 20px;
	border: 1px solid #dcdfe3;
	border-radius: 8px
}

.listBox li:first-child>div {
	margin-top: 0
}

.listBox.boxColN {
	display: table;
	table-layout: fixed;
	width: 100%
}

.listBox.boxColN li {
	display: table-cell;
	width: 100%
}

.listBox.boxColN li>div {
	margin: 0 0 0 10px
}

.listBox.boxColN li:first-child>div {
	margin-left: 0
}

.listBox.boxCol02 li {
	float: left;
	width: 50%
}

.listBox.boxCol02 li>div {
	margin: 0 0 0 10px
}

.listBox.boxCol02 li:nth-child(2n-1)>div {
	margin-left: 0
}

.listBox.boxCol02 li:nth-child(n+3) {
	margin-top: 10px
}

.listBox.boxCol03 li {
	float: left;
	width: 33.33%
}

.listBox.boxCol03 li>div {
	margin: 0 0 0 10px
}

.listBox.boxCol03 li:nth-child(3n-2)>div {
	margin-left: 0
}

.listBox.boxCol03 li:nth-child(n+4) {
	margin-top: 10px
}

.listBox.boxCol04 li {
	float: left;
	width: 25%
}

.listBox.boxCol04 li>div {
	margin: 0 0 0 10px
}

.listBox.boxCol04 li:nth-child(4n-3)>div {
	margin-left: 0
}

.listBox.boxCol04 li:nth-child(n+5) {
	margin-top: 10px
}

.wBox {
	padding: 15px 20px;
	border-radius: 12px;
	box-shadow: 0 10px 20px 0 rgba(142, 158, 217, .2);
	background: #fff
}

.listWBox .wBox {
	margin-top: 10px;
	border-radius: 12px;
	box-shadow: 0 10px 20px 0 rgba(142, 158, 217, .2);
	background: #fff
}

.listWBox .wBox:first-child .wBox {
	margin-top: 0
}

.boxGray {
	padding: 22px 24px;
	border-radius: 4px;
	background: #f5f7fa
}

.boxGray.type02 {
	background: #f8fafc
}

.boxGray .bultType01 {
	margin: 0
}

.boxWhite {
	padding: 24px;
	border: 1px solid #eaeaea;
	border-radius: 8px
}

.tipBox {
	position: relative;
	padding: 24px 30px 24px 138px !important
}

.tipBox .txtTip {
	display: inline-block;
	position: absolute;
	top: 24px;
	left: 40px;
	height: 24px;
	padding-left: 27px;
	line-height: 24px;
	color: #373a3c;
	font-weight: 700
}

.tipBox .txtTip::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../images/common/spr_ico.png) no-repeat -213px 0
}

.tipBox .bultType01 {
	margin-top: 3px
}

.tipBox p.bultType01,
.tipBox .bultType01 li {
	color: #6b6e73
}

.boxGrayList {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 24px
}

.boxGrayList li {
	display: table-cell;
	width: 100%;
	padding: 0 8px
}

.boxGrayList li:first-child .boxGray {
	margin-left: -8px
}

.boxGrayList li:last-child .boxGray {
	margin-right: -8px
}

.bultType01 {
	margin-top: 12px
}

.bultType01>li,
.bultType01 p.bultType01 {
	position: relative;
	padding-left: 7px;
	margin-top: 8px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	letter-spacing: 0
}

.bultType01>li::before,
.bultType01 p.bultType01::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 2px;
	height: 2px;
	background: #6b6e73;
	border-radius: 50%
}

.bultType01>li:first-child,
.bultType01 p.bultType01:first-child {
	margin: 0
}

.bultType01>li.bultType02,
.bultType01 p.bultType01.bultType02 {
	margin: 10px 0
}

.bultType01>li.listBold,
.bultType01 p.bultType01.listBold {
	color: #5a5f64
}

.bultType01.case li {
	font-size: 1.5rem;
	line-height: 1.5333333333;
	color: #5a5f64
}

p.bultType01 {
	position: relative;
	padding-left: 7px;
	margin-top: 6px;
	line-height: 1.45;
	color: #8b8f94;
	font-size: 1.3rem;
	letter-spacing: 0
}

p.bultType01::before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background: #8b8f94
}

.txtGuide {
	position: relative;
	margin-top: 12px;
	padding-left: 20px;
	line-height: 19px;
	font-size: 1.3rem
}

.txtGuide::before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(../images/common/spr_ico.png) no-repeat 0 -58px
}

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

.accordianList .toggleAction .ctrl {
	display: block;
	position: relative;
	padding: 15px 64px 20px 24px;
	border-top: 1px solid #eaeaea;
	line-height: 1.44;
	font-size: 1.8rem;
	font-weight: 500;
	color: #373a3c
}

[lang=zh] .accordianList .toggleAction .ctrl {
	font-weight: 700
}

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

.accordianList .toggleAction .ctrl[aria-expanded=true]::after {
	background-position: -175px 0
}

.accordianList .toggleAction .ctrl[aria-expanded=true]+.accordCont {
	display: block
}

.accordianList .accordCont {
	display: none;
	padding: 38px 40px;
	background: #f8fafc
}

.usedInfoList {
	margin-top: 64px;
	padding: 24px 40px;
	background: #f8fafc
}

.usedInfoList .titGuide {
	display: block;
	position: relative;
	height: 24px;
	margin-bottom: 16px;
	padding-left: 27px;
	border-top: none;
	line-height: 24px;
	color: #373a3c;
	font-weight: 700
}

.usedInfoList .titGuide::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../images/common/spr_ico.png) no-repeat -213px 0
}

.usedInfoList .accordCont {
	padding: 2px 0 0;
	background: none
}

.usedInfoList .accordCont .txtBold {
	color: #373a3c
}

.usedInfoList .accordCont .txtBold+.txtBold {
	margin-top: 16px
}

.usedInfoList .accordCont .typeCustBenefit>li {
	padding-left: 138px;
	line-height: 1.8
}

.usedInfoList .accordCont .typeCustBenefit .infoBoxTitle {
	position: absolute;
	top: 0;
	left: 7px
}

.usedInfoList .accordCont .typeCustBenefit+.txtBold {
	margin-top: 32px
}

.usedInfoList+.titDep4 {
	margin-top: 24px
}

.leaveInfoList+.listPaging {
	margin-top: 72px
}

.listPaging {
	margin-top: 40px;
	text-align: center
}

.listPaging button,
.listPaging a {
	display: inline-block;
	font-size: 1.8rem
}

.listPaging button {
	position: relative;
	width: 24px;
	height: 24px;
	color: #8b8f94
}

.listPaging button::after {
	width: 10px;
	height: 20px;
	margin: -8px 0 0 -5px;
	background: url(../images/common/spr_ico.png) no-repeat -192px 0
}

.listPaging button.next {
	margin-left: 5px
}

.listPaging button.next::after {
	background-position: -202px 0
}

.listPaging button.prev {
	margin-right: 5px
}

.listPaging button.first {
	width: auto;
	text-indent: 0;
	padding-right: 22px
}

.listPaging button.first::after {
	left: auto;
	right: 0;
	width: 14px;
	height: 4px;
	margin: -2px 0 0 -7px;
	background-position: -36px -42px
}

.listPaging button.last {
	width: auto;
	text-indent: 0;
	padding-left: 22px
}

.listPaging button.last::after {
	left: 0;
	width: 14px;
	height: 4px;
	margin: -2px -7px 0 0;
	background-position: -36px -42px
}

.listPaging button.first:disabled,
.listPaging button.last:disabled {
	display: none
}

.listPaging a {
	position: relative;
	min-width: 24px;
	height: 24px;
	margin: 0 -1px;
	padding: 0 8px;
	color: #8b8f94;
	line-height: 26px;
	text-align: center
}

.listPaging a[aria-current] {
	color: #373a3c;
	font-weight: 700
}

.listPaging a[aria-current]::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 8px;
	right: 7px;
	height: 2px;
	background: #373a3c
}

.noData {
	position: relative;
	padding: 184px 0 120px;
	text-align: center
}

.noData::before {
	content: "";
	display: block;
	position: absolute;
	top: 120px;
	left: 50%;
	width: 48px;
	height: 48px;
	margin-left: -24px;
	background: url(../images/common/spr_ico.png) no-repeat -164px -24px
}

.noData .txt {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.noData .txt .txtMain {
	color: #1e2023;
	font-size: 1.8rem
}

.noData .txt span {
	display: block;
	font-size: 1.3rem
}

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

.boardList>li {
	border-top: 1px solid #eaeaea
}

.boardList>li:hover {
	background: #f7f7fd
}

.boardList>li:hover .subject {
	text-decoration: underline
}

.boardList>li.noData:hover {
	background: none
}

.boardList>li a {
	display: block;
	position: relative;
	padding: 23px 100px 24px 16px;
	line-height: inherit
}

.boardList>li a .cate {
	position: relative;
	display: inline-block;
	color: #525f6f;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1
}

[lang=zh] .boardList>li a .cate {
	font-weight: 700
}

.boardList>li a .cate.shopping {
	color: #007a34
}

.boardList>li a .cate.store {
	color: #4d6ee4
}

.boardList>li a .cate.brand {
	color: #ad00c4
}

.boardList>li a .cate.system {
	color: #ce0700
}

.boardList>li a .tit {
	display: block;
	padding-right: 9px
}

.boardList>li a .tit::after {
	content: "";
	display: block;
	clear: both
}

.boardList>li a .tit .subject {
	font-size: 1.8rem;
	line-height: 1.4444444444;
	line-height: 1.3333333333;
	float: left;
	position: relative;
	max-width: calc(100% - 9px);
	padding-right: 9px;
	color: #373a3c;
	font-weight: 700
}

.boardList>li a .tit .new {
	background-color: #4d6ee4;
	float: left;
	width: 6px;
	height: 6px;
	margin: 3px 0 0 -7px;
	border-radius: 50%;
	vertical-align: top
}

[lang=zh] .boardList>li a .tit .new {
	background-color: #fe324b
}

.boardList>li a .date {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -8px;
	color: #b9bcc0
}

.boardList>li.notiFixed>a .cate {
	padding-left: 19px
}

.boardList>li.notiFixed>a .cate::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	background: url(../images/common/ico_boardList.png) no-repeat -52px 0
}

.boardList>li.notiFixed>a .cate.shopping:before {
	background-position: -13px 0
}

.boardList>li.notiFixed>a .cate.store:before {
	background-position: -26px 0
}

.boardList>li.notiFixed>a .cate.brand:before {
	background-position: -39px 0
}

.boardList>li.notiFixed>a .cate.system:before {
	background-position: 0 0
}

.swiperWrap {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-bottom: 24px
}

.swiperWrap:hover .ts-controls button {
	transform: rotateY(0);
	opacity: 1
}

.swiperWrap .swiper-container {
	overflow: hidden;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: content-box
}

.swiperWrap .swiper-container.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiperWrap .swiper-container .swiper-wrapper {
	display: inline-block;
	position: relative;
	z-index: 10;
	width: auto;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	font-size: 0;
	box-sizing: content-box;
	white-space: nowrap
}

.swiperWrap .swiper-container .swiper-slide {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: top;
	font-size: 1.5rem;
	white-space: nowrap
}

.swiperWrap .swiper-container.swiper-container-autoheight {
	height: auto
}

.swiperWrap .swiper-container.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	align-items: flex-start;
	transition-property: transform, height
}

.swiperWrap .swiper-container.swiper-container-autoheight .swiper-wrapper .swiper-slide {
	height: auto
}

.swiperWrap .swiper-pagination {
	display: inline-block;
	position: absolute;
	bottom: 40px;
	left: 50%;
	z-index: 100;
	width: 55px;
	height: 28px;
	color: #fff;
	text-align: center;
	border-radius: 28px;
	line-height: 30px;
	font-size: 1.3rem;
	background: rgba(0, 0, 0, .5)
}

.swiperWrap .ts-paging {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12px;
	text-align: center;
	z-index: 2
}

.swiperWrap .ts-paging .ts-paging-btn {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: top
}

.swiperWrap .ts-paging .ts-paging-btn::after {
	width: 6px;
	height: 6px;
	margin: -3px 0 0 -3px;
	border-radius: 6px;
	background: rgba(0, 0, 0, .2)
}

.swiperWrap .ts-paging .ts-paging-btn.ts-paging-active {
	width: 26px
}

.swiperWrap .ts-paging .ts-paging-btn.ts-paging-active::after {
	width: 20px;
	margin-left: -10px;
	background: #373a3c
}

.swiperWrap .ts-controls.playStop {
	text-align: center
}

.swiperWrap .ts-controls.playStop .ts-paging {
	display: inline-block
}

.swiperWrap .ts-controls.playStop [class^=btn] {
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 28px;
	height: 28px;
	margin-left: 60px;
	z-index: 100
}

.swiperWrap .ts-controls.playStop [class^=btn]::after {
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: url(../images/common/spr_swiper.png) no-repeat
}

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

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

.swiperWrap .progressbar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	text-align: left;
	z-index: 100
}

.swiperWrap .progressbar .swiper-pagination-progressbar-fill {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #4d6ee4;
	transform: scale(0);
	transform-origin: left top
}

.swiperWrap .btnPlay {
	display: none
}

.swiperWrap.paused .btnPlay {
	display: inline-block
}

.swiperWrap.paused .btnStop {
	display: none
}

.swiperWrap .ts-prev,
.swiperWrap .ts-next {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -22px;
	border-radius: 4px;
	background: rgba(0, 0, 0, .4);
	z-index: 99
}

.swiperWrap .ts-prev::after,
.swiperWrap .ts-next::after {
	width: 13px;
	height: 20px;
	margin: -10px 0 0 -6px;
	background: url("../images/spr_swiper.png") no-repeat
}

.swiperWrap .ts-prev.ts-button-disabled:after,
.swiperWrap .ts-next.ts-button-disabled:after {
	opacity: .2
}

.swiperWrap .ts-prev {
	left: 0
}

.swiperWrap .ts-next {
	right: 0
}

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

.swiperWrap.hideButton .ts-prev,
.swiperWrap.hideButton .ts-next {
	display: none
}

.swiperWrap.hideButton.showControl .ts-prev,
.swiperWrap.hideButton.showControl .ts-next {
	display: block
}

.swiperWrap.swiperDivi {
	padding: 0 0 24px
}

.swiperWrap.swiperDivi .swiper-container .swiper-wrapper {
	margin-left: 0
}

.swiperWrap.swiperRoll .swiper-container .swiper-wrapper .swiper-slide {
	margin-left: 0
}

.swiperWrap.swipeDefault {
	padding: 0
}

.swiperWrap.ie9 .swiper-container .swiper-wrapper {
	display: block;
	height: auto !important
}

.swiperWrap.ie9 .swiper-container .swiper-wrapper .swiper-slide {
	display: block;
	float: left;
	height: auto !important
}

.swiperWrap.topPagingBtn>.ts-controls {
	overflow: hidden;
	position: relative;
	height: 0
}

.swiperWrap.coverflow .swiper-container-3d {
	perspective: 1200px
}

.swiperWrap.coverflow .swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d;
	box-sizing: content-box
}

.swiperWrap.coverflow .swiper-container-3d .swiper-wrapper .swiper-slide {
	flex-shrink: 0;
	width: 300px
}

.pointViewInlineType {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
	padding: 24px 0 0 30px;
	border-top: 1px dashed #eaeaea
}

.pointViewInlineType .amtTitle {
	display: inline-block;
	min-width: 98px
}

.pointViewInlineType .amtContext {
	display: inline-block;
	position: relative;
	padding: 6px 0
}

.pointViewInlineType .amtContext .inputPoint {
	float: left;
	position: relative;
	width: 214px;
	padding-right: 16px;
	color: #8b8f94;
	font-weight: 500;
	text-align: right;
	border-radius: 4px;
	background: #f8fafc;
	box-sizing: border-box
}

.pointViewInlineType .amtContext .inputPoint input {
	width: calc(100% - 20px);
	color: #1e2023;
	text-align: right;
	padding: 0 0 0 15px;
	line-height: 48px;
	text-align: right;
	border: 1px solid #f8fafc;
	border-radius: 4px;
	color: #1e2023;
	background: #f8fafc
}

.pointViewInlineType .amtContext .inputPoint.on span {
	color: #1e2023
}

.pointViewInlineType .amtContext .radBox {
	float: left;
	min-width: 104px;
	height: 48px;
	margin-left: 7px
}

.pointViewInlineType .amtContext .radBox .frmSel {
	display: block;
	float: none;
	width: 100%;
	height: 100%;
	padding: 0
}

.pointViewInlineType .amtContext .radBox .frmSel label {
	width: 100%;
	height: 100%;
	border-color: #dcdfe3;
	line-height: 46px;
	font-size: 1.5rem;
	color: #6b6e73;
	font-weight: 500
}

[lang=zh] .pointViewInlineType .amtContext .radBox .frmSel label {
	font-weight: 700
}

.pointViewInlineType .amtContext .radBox .frmSel.cb_checked label {
	border-color: #c7cdf6;
	color: #4d6ee4;
	font-weight: 700;
	background: #e9ebfb
}

.pointViewInlineType .amtContext .myPoint {
	display: inline-block;
	margin-left: 8px;
	color: #6b6e73;
	font-size: 1.3rem;
	line-height: 48px
}

.pointViewInlineType .amtContext .errorTxt {
	display: none;
	position: absolute;
	left: 0;
	bottom: -20px;
	padding: 6px 65px 0 0;
	line-height: 19px;
	color: #ce0700;
	font-size: 1.3rem
}

.boxGray.chkboxType {
	height: 48px;
	padding: 12px 15px;
	border-radius: 8px
}

.boxGray.chkboxType.center {
	text-align: center
}

.boxGray.chkboxType label {
	font-size: 1.5rem;
	color: #373a3c
}

.newLine.chkboxType {
	overflow: hidden;
	padding: 13px 0 10px;
	text-align: left
}

.newLine.chkboxType .frmSel.frmSmall label {
	padding: 0 0 0 27px;
	color: #373a3c;
	font-size: 1.8rem
}

.newLine.chkboxType .frmSel.frmSmall label::before {
	top: 2px
}

.newLine.chkboxType.type2 {
	padding: 29px 0 10px
}

.layPop .agreeArea {
	margin-bottom: 24px
}

.layPop .agreeArea .boxGray {
	height: 343px
}

.layPop .agreeArea .boxGray .scrollCont {
	height: 100%
}

.layPop .agreeArea .boxGray.type2 {
	height: 325px
}

.layPop .agreeArea .boxGray.type3 {
	height: 100%;
	padding: 24px
}

.layPop .privacy_agree {
	margin-bottom: 14px
}

.layPop .privacy_agree th {
	font-size: 1.5rem;
	font-weight: normal;
	color: #6b6e73
}

.layPop .privacy_agree td {
	color: #5a5f64
}

.layPop .privacy_agree td strong {
	color: #1e2023
}

.layPop .privacy_agree+.notiTxt {
	margin-bottom: 20px;
	font-size: 1.5rem;
	color: #6b6e73
}

.layPop .privacy_agree.type2 {
	margin-bottom: 16px
}

.layPop .privacy_agree.type2 .tblV {
	border-bottom: none;
	border-top: 1px solid #5a5f64
}

.layPop .privacy_agree.type2 .tblV th {
	padding: 15px 16px;
	border-top-color: #f2f5f9;
	background: #ebedf2
}

.layPop .privacy_agree.type2 .tblV td {
	border-top-color: #f2f5f9;
	vertical-align: middle
}

.layPop .privacy_agree.type2+.notiTxt {
	margin-bottom: 0
}

.mainside_Banner .mainSideCont .sideVideo {
	margin-bottom: 88px
}

.mainside_Banner .mainSideCont .bannerModule {
	margin-bottom: 24px
}

.mainside_Banner .mainSideCont .bannerModule.square figure {
	aspect-ratio: 1/1
}

.mainside_Banner .mainSideCont .bannerModule.square figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mainside_Banner .mainSideCont .imgbannerModule {
	position: relative
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn {
	overflow: inherit
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging {
	position: absolute;
	right: 0;
	top: -35px
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .swiper-pagination {
	display: inline-block;
	position: static;
	width: auto;
	vertical-align: middle;
	color: #000;
	background: none
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .swiper-pagination .current {
	color: #000
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .swiper-pagination .total {
	color: #6b6e73
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap {
	display: inline-block;
	position: relative;
	width: 28px;
	height: 28px;
	margin-left: 6px;
	vertical-align: middle;
	line-height: 30px
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap .ts-prev,
.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap .ts-next {
	top: 50%;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	border-radius: 0
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap .ts-prev::after,
.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap .ts-next::after {
	display: none
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap .ts-prev {
	left: 0;
	background: url(../images/ico_mainsideban_arr_l_off.svg) no-repeat 50% 50%
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap .ts-prev:hover {
	background: url(../images/ico_mainsideban_arr_l_on.svg) no-repeat 50% 50%
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap .ts-next {
	right: 0;
	background: url(../images/ico_mainsideban_arr_r_off.svg) no-repeat 50% 50%
}

.mainside_Banner .mainSideCont .swiperWrap.topPagingBtn .paging .ts-btn-wrap .ts-next:hover {
	background: url(../images/ico_mainsideban_arr_r_on.svg) no-repeat 50% 50%
}

.layLoading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	z-index: 100
}

.layLoading img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px
}

.tblH,
.tblV {
	border-bottom: 1px solid #eaeaea
}

.tblH th,
.tblH td,
.tblV th,
.tblV td {
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	text-align: left;
	vertical-align: top;
	word-break: break-all
}

.tblH th,
.tblV th {
	padding: 12px 15px 11px;
	text-align: center;
	color: #373a3c;
	font-weight: 700;
	background: #f5f7fa
}

.tblH td,
.tblV td {
	padding: 10px 15px 9px;
	background: #fff
}

.tblH tbody th,
.tblV tbody th {
	padding: 10px 15px 9px;
	text-align: left;
	font-weight: 400;
	background: #fff
}

.tblH th:first-child,
.tblH td:first-child,
.tblV th:first-child,
.tblV td:first-child {
	border-left: none
}

.tblH .lineL,
.tblV .lineL {
	border-left: 1px solid #eaeaea !important
}

.tblV tbody th {
	font-weight: 700;
	background: #f7f7fd
}

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

.tblData thead th {
	padding: 0 20px;
	height: 47px;
	font-weight: 500;
	text-align: center;
	border-bottom: 1px solid #eaeaea
}

[lang=zh] .tblData thead th {
	font-weight: 700
}

.tblData td {
	padding: 15px 20px;
	text-align: center;
	border-bottom: 1px solid #eaeaea
}

.tblData tbody th {
	text-align: left;
	border-bottom: 1px solid #eaeaea
}

.tblData .date {
	font-size: 13px
}

.tblData tr:hover td {
	background: #f7f7fd
}

.tblData tr:hover td.noData {
	background: none
}

.tblData td.noData {
	padding: 184px 0 120px !important;
	text-align: center
}

.tblData td.noData .txt .tit {
	margin: 2px 0
}

.tblData td.noData .txt a {
	display: block
}

.tblData td.noData .txt a .point {
	color: #4d6ee4
}

[lang=zh] .tblData td.noData .txt a .point {
	color: #fe324b
}

.ness {
	color: #4d6ee4;
	display: inline-block;
	padding-left: 5px
}

[lang=zh] .ness {
	color: #fe324b
}

.formList {
	margin-top: 15px;
	border-top: 1px solid #373a3c;
	border-bottom: 1px solid #eaeaea
}

.formList .frmInp {
	padding: 16px 0;
	font-size: 0
}

.formList .frmInp>label {
	padding: 0 15px;
	font-weight: 500;
	box-sizing: border-box
}

[lang=zh] .formList .frmInp>label {
	font-weight: 700
}

.formList .frmInp label {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.formList .frmInp.lineG {
	border-top: 1px solid #eaeaea
}

.formList .frmInp+.frmInp {
	padding-top: 0;
	margin-top: -4px
}

.formList .frmInp+.frmInp.lineG {
	padding-top: 16px
}

.formList.formListType02 {
	border: none
}

.formList.formListType02 li {
	padding-top: 0
}

.formList.formListType02 label {
	display: block;
	height: auto;
	font-size: 1.3rem;
	line-height: 1.3846153846;
	font-weight: 400
}

.formList .inpA {
	font-size: 1.5rem;
	line-height: 1.5333333333
}

.alertBox {
	display: none;
	position: fixed;
	z-index: 9999;
	top: 50%;
	left: 50%;
	width: 360px;
	margin-left: -180px;
	padding: 30px 24px 24px;
	border-radius: 16px;
	background: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -80px\0 /IE9
}

.alertBox .txtAlert {
	display: table;
	width: 100%
}

.alertBox .txtAlert .inner {
	display: table-cell;
	max-height: 90px;
	line-height: 1.53;
	text-align: center;
	vertical-align: middle;
	color: #1e2023;
	word-break: break-all
}

.alertBox .txtAlert .inner .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 15px 0;
	padding: 14px;
	border-radius: 10px;
	background: #f5f7fa
}

.alertBox .txtAlert .inner .info span {
	display: block;
	color: #373a3c;
	font-size: 1.5rem;
	font-weight: 700
}

.alertBox .txtAlert .inner .alertInk700 {
	line-height: 22px;
	letter-spacing: -0.3px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #5a5f64
}

.alertBox .txtAlert strong {
	display: block;
	padding-bottom: 5px
}

.alertBox .btnArea {
	display: table;
	table-layout: fixed;
	position: relative;
	width: 100%;
	margin: 24px -3px 0
}

.alertBox .btnArea>span {
	display: table-cell;
	width: 100%;
	padding: 0 3px;
	vertical-align: top
}

.alertBox .btnArea .btnSSG {
	display: block;
	min-width: inherit;
	width: 100%
}

.alertBox.sizeL {
	width: 480px !important;
	padding: 22px 40px 40px
}

.alertBox.sizeL .txtAlert .inner {
	height: 90px !important;
	padding: 17px 0 !important
}

.alertBox.sizeL .txtAlert .inner strong,
.alertBox.sizeL .txtAlert .inner p {
	color: #373a3c !important;
	font-size: 1.8rem !important;
	font-weight: 700
}

.alertBox.sizeL .btnArea {
	margin: 20px auto 0
}

.alertBox.sizeL .btnArea span {
	display: inline-block;
	width: 160px;
	padding: 0
}

.alertBox.sizeL .btnArea span+span {
	margin-left: 8px
}

.alertBox.sizeL .btnArea span a {
	width: 160px;
	margin: 0
}

.alertBox.type01 {
	width: 327px;
	padding: 26px 20px 20px
}

.alertBox.type01 .txtAlert .inner {
	height: 65px
}

.alertBox.type01 .txtAlert .inner p {
	font-size: 1.5rem;
	font-weight: 700
}

.alertBox.type01 .btnArea {
	margin: 20px -3px 0
}

.alertBox.type01 .btnArea>span:only-child {
	display: inline-block;
	width: 136px;
	padding: 0
}

.alertBox.type01 .btnArea>span:only-child a {
	margin: 0
}

.alertBox.type03 {
	width: 360px
}

.alertBox.type03 .txtAlert .inner {
	height: auto;
	padding-bottom: 17px
}

.alertBox.type03 .txtAlert .inner p {
	font-size: 1.5rem;
	font-weight: 700
}

.alertBox.type03 .btnArea .btnSSG.btnM {
	max-width: 160px;
	margin: 0 auto
}

.alertBox.type03 .btnArea .btnSSG.btnXL {
	width: 188px;
	margin: 0 auto
}

.alertBox.type04 {
	padding-top: 50px
}

.alertBox.type04 .txtAlert .inner {
	height: auto;
	padding-bottom: 17px
}

.alertBox.type04 .txtAlert .inner p {
	font-size: 1.5rem;
	font-weight: 700
}

.alertBox.type04 .btnArea .btnSSG.btnM {
	width: 160px;
	margin: 0 auto
}

.alertBox.type05 .txtAlert .inner {
	height: auto
}

.alertBox.type05 .txtAlert .inner p {
	font-size: 1.5rem;
	font-weight: 700
}

.alertBox.type05 .txtAlert .inner p+p {
	margin-top: 15px
}

.alertBox.type05 .btnArea>span {
	display: inline-block;
	width: auto
}

.alertBox.type05 .btnArea>span a {
	width: 136px;
	margin: 0 auto
}

.alertBox.type05 .btnArea>span a.btnLB:not(.action) {
	color: #fff;
	background: #b9bcc0
}

.alertBox.layPop.layerXS {
	padding: 0
}

.alertBox.layPop.layerXS .titLay {
	line-height: 62px;
	font-size: 2rem
}

.alertBox.layPop.layerXS .layCont {
	margin: 0;
	padding: 14px 0 0
}

.alertBox.layPop.layerXS .layCont .txtAlert .inner {
	height: auto
}

.alertBox.layPop.layerXS .layCont .txtAlert p {
	color: #6b6e73
}

.alertBox.layPop.layerXS .btnArea {
	display: block;
	width: auto;
	margin: 20px 30px 20px;
	text-align: center
}

.alertBox.layPop.layerXS .btnArea .btnSSG {
	display: inline-block;
	width: auto;
	margin: 0 2px
}

.alertBox.vtLineBtType {
	padding: 25px 24px 24px;
	text-align: center;
	border-radius: 8px
}

.alertBox.vtLineBtType .txtAlert .inner {
	height: auto;
	padding-top: 24px
}

.alertBox.vtLineBtType .txtAlert .inner .tit {
	line-height: 23px;
	letter-spacing: -0.3px
}

.alertBox.vtLineBtType .btnArea {
	margin-top: 34px
}

.alertBox.vtLineBtType .txtLink.lineU {
	margin-top: 16px;
	color: #6b6e73;
	font-size: 1.5rem;
	letter-spacing: -0.3px
}

.alertBox.vtLineBtType .txtLink.lineU::after {
	bottom: 3px
}

.alertPop.layPop .layCont {
	width: 100%;
	padding-top: 17px
}

.alertPop.layPop .layCont .popTxts {
	margin-bottom: 6px;
	text-align: center;
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 700
}

.alertPop.layPop .btnArea button.btnSSG {
	min-width: 160px
}

.flag {
	display: inline-block;
	width: auto;
	padding: 0 8px;
	color: #1e2023;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 2;
	border-radius: 4px;
	text-align: center;
	background: #f5f7fa;
	box-sizing: border-box
}

.flag.flagBl {
	color: #4d6ee4
}

[lang=zh] .flag.flagBl {
	color: #fe324b
}

.flag.flagIng {
	color: #4d6ee4
}

[lang=zh] .flag.flagIng {
	color: #fe324b
}

.flag.flagAnnoun {
	color: #fff;
	background-color: #4d6ee4
}

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

.flag.flagEnd {
	width: 48px;
	color: #1e2023
}

.flag.flagBefore {
	color: #fff;
	background: #8b8f94
}

.flag {
	display: inline-block;
	color: #1e2023;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 2;
	border-radius: 4px;
	text-align: center;
	background: #f5f7fa;
	box-sizing: border-box
}

.flag.flagBl {
	color: #4d6ee4
}

.flag.flagIng {
	color: #4d6ee4
}

.flag.flagAnnoun {
	color: #fff;
	background: #4d6ee4
}

.flag.flagEnd {
	width: 48px;
	color: #1e2023
}

.flag.flagBefore {
	color: #fff;
	background: #8b8f94
}

.prodFlag {
	display: block;
	margin-bottom: 8px;
	font-size: 0
}

.prodFlag>span {
	display: inline-block;
	height: 20px;
	margin-right: 8px;
	padding: 1px 8px;
	border-radius: 4px;
	line-height: 20px;
	font-size: 1.2rem;
	letter-spacing: -0.36px;
	box-sizing: border-box
}

.prodFlag>span.new,
.prodFlag>span.web {
	color: #007a34;
	background-color: rgba(230, 250, 238, .5)
}

.prodFlag>span.hour3 {
	color: #005fc2;
	background-color: rgba(235, 246, 255, .5)
}

.prodFlag>span.hour5 {
	color: #005fc2;
	background-color: rgba(235, 246, 255, .5)
}

.prodFlag>span.sale,
.prodFlag>span.chinaweb {
	color: #ce0700;
	background-color: rgba(255, 241, 240, .5)
}

.prodFlag>span.saleAdd {
	color: #b69149;
	background-color: rgba(255, 249, 233, .5)
}

.prodFlag>span.godPoint,
.prodFlag>span.koreaweb {
	color: #4d6ee4;
	background-color: rgba(233, 235, 251, .5)
}

.prodFlag>span.gift {
	color: #ad00c4;
	background-color: rgba(248, 238, 250, .5)
}

.prodFlag>span.ssgdf {
	color: #525f6f;
	background-color: rgba(235, 237, 242, .5)
}

.prodFlag>span.ssgOnline {
	color: #006d69;
	background: #f0fcfc
}

.prodFlag>span.offline {
	color: #525f6f;
	background: #ebedf2
}

.prodFlag>span.special {
	color: #006d69;
	background-color: rgba(225, 249, 249, .5)
}

.prodFlag>span.coupon {
	color: #d20055;
	background-color: rgba(255, 236, 243, .5)
}

.prodFlag>span.ohmydeal {
	color: #006d69;
	background-color: rgba(225, 249, 249, .5)
}

.prodFlag>span.money {
	color: #d20055;
	background-color: rgba(255, 236, 243, .5)
}

.prodFlag>span.outOfStock {
	color: #525f6f;
	background-color: rgba(235, 237, 242, .5)
}

.prodFlag>span.inStock {
	color: #4d6ee4;
	background-color: rgba(233, 235, 251, .5)
}

.prodFlag>span.ssgSet {
	color: #d31b62;
	background-color: rgba(244, 226, 231, .5)
}

.prodFlag>span.inquire {
	color: #007a34;
	background-color: rgba(230, 250, 238, .5)
}

.prodFlag>span.specialOrder {
	color: #006d69;
	background-color: rgba(217, 242, 242, .5)
}

.prodFlag>span.cbs {
	color: #922ac1;
	background-color: rgba(219, 199, 255, .5)
}

.prodFlag>span.cbs_freeDelivery {
	color: #13726b;
	background-color: rgba(94, 203, 191, .5)
}

.prodFlag>span.deadLine {
	color: #ce0700;
	background-color: #fff8f7
}

.prodFlag>span.theBetterN {
	padding: 0 8px;
	letter-spacing: 0;
	color: #fff;
	background: #ff448f
}

.prodFlag>span.bigSaleN {
	color: #fff;
	background: #f42d10
}

.prodFlag>span.saleN {
	color: #ce0700;
	background: #fff8f7
}

.prodFlag>span.giftN {
	color: #ad00c4;
	background: #fbf6fc
}

.prodFlag>span.hour3N,
.prodFlag>span.hour5N {
	color: #005fc2;
	background: #f5faff
}

.prodFlag>span.newN {
	color: #007a34;
	background: #e6faee
}

.prodFlag>span.addN {
	color: #8f6f41;
	background: #ffeec7
}

.prodFlag>span.stockPrd {
	color: #ce0700;
	background-color: #fff8f7
}

.prodFlag>span.offlineN {
	color: #fff;
	background-color: #cea64e
}

html[lang=en] .prodFlag>span.offlineN {
	line-height: 19px
}

.flagHis {
	display: inline-block;
	min-width: 40px;
	padding: 0 8px 0 8px;
	font-size: 1.3rem;
	border-radius: 4px;
	line-height: 24px;
	box-sizing: border-box
}

.flagHis.prod,
.flagHis.restock {
	color: #007a34;
	background: #e6faee
}

.flagHis.word,
.flagHis.notice {
	color: #d20055;
	background: #ffecf3
}

.flagHis.brand,
.flagHis.order {
	color: #ad00c4;
	background: #f8eefa
}

.flagHis.event,
.flagHis.benefit {
	color: #ce0700;
	background: #fff1f0
}

.flagHis.cate,
.flagHis.library {
	color: #4d6ee4;
	background: #e9ebfb
}

.flagHis.qna {
	color: #5a5f64;
	background: #ebedf2
}

.flagHis.review {
	color: #b69149;
	background: #fff9e9
}

.flagHis.trend {
	color: #8f6f41;
	background: #ffeec7
}

.flagHis.ssgOnline {
	color: #006d69;
	background: #f0fcfc
}

.flagHis.offline {
	color: #525f6f;
	background: #ebedf2
}

.flagHis.cbs {
	color: #922ac1;
	background-color: rgba(219, 199, 255, .5)
}

.mypickMessagePop {
	display: none;
	opacity: 0;
	position: fixed;
	top: -56px;
	left: 50%;
	z-index: 999990;
	width: 480px;
	height: 56px;
	margin-left: -240px;
	padding: 8px;
	border-radius: 8px;
	color: #fff;
	background: rgba(55, 58, 60, .7);
	box-sizing: border-box;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .4);
	animation-name: mypickMessagePop;
	animation-duration: 3s;
	animation-delay: .2s;
	animation-timing-function: ease-in-out
}

@keyframes mypickMessagePop {
	0% {
		top: -56px;
		display: block;
		opacity: 0
	}

	20% {
		top: 200px;
		display: block;
		opacity: 1
	}

	90% {
		top: 200px;
		display: block;
		opacity: 1
	}

	100% {
		top: -56px;
		display: block;
		opacity: 0
	}
}

.mypickMessagePop .inner figure {
	overflow: hidden;
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 5px;
	border-radius: 4px;
	vertical-align: top;
	background: #fff;
	box-sizing: border-box
}

.mypickMessagePop .inner figure img {
	width: 100%
}

.mypickMessagePop .inner .myPickFavo {
	display: inline-block;
	position: relative;
	width: calc(100% - 60px);
	margin-left: 13px;
	padding-left: 20px;
	vertical-align: top;
	line-height: 40px;
	color: #fff;
	font-weight: 400
}

.mypickMessagePop .inner .myPickFavo::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 0;
	background: url(../images/common/spr_favo.png) no-repeat 0 -25px
}

.mypickMessagePop .inner .myPickFavo em {
	font-size: 1.5rem;
	font-weight: 400
}

.mypickMessagePop .inner .myPickFavo .txtLink.lineU {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -11px;
	padding: 0 10px;
	line-height: 2.2rem;
	color: #fff;
	font-size: 1.3rem
}

.mypickMessagePop .inner .myPickFavo .txtLink.lineU::after {
	left: 10px;
	right: 8px;
	width: auto;
	background: #dcdfe3
}

.mypickMessagePop .inner .txt {
	display: block;
	text-align: center;
	line-height: 40px
}

.mypickMessagePop .inner.like .txt em {
	display: inline-block;
	padding-left: 24px;
	background: url(../images/common/ico_like03.png) no-repeat 0 50%
}

.orderWrap~.mypickMessagePop {
	animation-name: mypickMessagePop2
}

@keyframes mypickMessagePop2 {
	0% {
		top: -56px;
		display: block;
		opacity: 0
	}

	20% {
		top: 80px;
		display: block;
		opacity: 1
	}

	90% {
		top: 80px;
		display: block;
		opacity: 1
	}

	100% {
		top: -56px;
		display: block;
		opacity: 0
	}
}

#lottie {
	overflow: hidden;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	transform: translate3d(0, 0, 0);
	text-align: center;
	background: rgba(255, 255, 255, .75);
	opacity: 1
}

#lottie svg {
	width: 100px !important;
	animation-name: loadingAni;
	animation-duration: 1s;
	opacity: 1
}

@keyframes loadingAni {
	0% {
		margin-top: 40px;
		opacity: 0
	}

	100% {
		margin-top: 0;
		opacity: 1
	}
}

#lottie .upLoadTxt {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 100;
	width: 100%;
	margin-top: -93px;
	color: var(--col_black);
	animation-name: loadingAniTxt;
	animation-duration: 1s;
	opacity: 1
}

@keyframes loadingAniTxt {
	0% {
		margin-top: -53px;
		opacity: 0
	}

	100% {
		margin-top: -93px;
		opacity: 1
	}
}

.swiperWrap.mainBannerSwiper .swiper-container.swiper-container-fade .swiper-wrapper .swiper-slide {
	opacity: 0 !important;
	visibility: hidden !important
}

.swiperWrap.mainBannerSwiper .swiper-container.swiper-container-fade .swiper-wrapper .swiper-slide.swiper-slide-active {
	opacity: 1 !important;
	visibility: visible !important
}

#wrapper .img_mainBanner {
	overflow: hidden;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	margin-bottom: 56px;
	box-sizing: content-box;
	text-align: center;
	border-radius: 8px
}

#wrapper .img_mainBanner figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 440px
}

#wrapper .img_mainBanner figure img {
	position: absolute !important;
	left: 50%;
	width: 1712px;
	margin-left: -856px
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner .bannerTxt .inner {
	padding-left: 165px
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner .bannerTxt .inner .titEvent {
	overflow: visible;
	position: relative;
	min-height: 0;
	max-height: 100%;
	margin-bottom: 20px;
	padding-bottom: 30px;
	line-height: 1.42;
	font-size: 4.3rem;
	font-weight: bold;
	text-shadow: 0 3px 7px rgba(0, 0, 0, .35)
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner .bannerTxt .inner .titEvent::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 131px;
	height: 4px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner .bannerTxt .inner .subTit {
	line-height: 1.85;
	font-size: 27px;
	font-weight: bold;
	text-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.blackType *,
#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.typeBlack * {
	color: #1e2023
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.blackType .titEvent:after,
#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.typeBlack .titEvent:after {
	background-color: #1e2023
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.blackType .subTit,
#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.typeBlack .subTit {
	color: #1e2023 !important
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.whiteType *,
#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.typeWhite * {
	color: #fff
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.whiteType .titEvent:after,
#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.typeWhite .titEvent:after {
	background-color: #fff
}

#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.whiteType .subTit,
#wrapper .img_mainBanner .mainBannerSwiper .mainbanner.typeWhite .subTit {
	color: #fff !important
}

#wrapper .img_mainBanner .mainBannerSwiper .quickMn .listWrap li a {
	text-align: left
}

#wrapper.mainWrapper .contents.cbs .img_mainBanner img {
	width: 1712px;
	margin-left: -856px
}

#wrapper.mainWrapper .contents.cbs .titDep1 {
	margin: 56px 0 22px;
	line-height: 1.54
}

#wrapper.mainWrapper .contents.cbs .titDep2.cbsNoti {
	font-size: 3.2rem;
	font-weight: bold
}

#wrapper.mainWrapper .contents.cbs .titDep2.cbsNoti+.userInfoList {
	margin-top: 25px
}

#wrapper.mainWrapper .contents.cbs .mytypeComponent .mytypeSwipe .swiper-slide .prodCont .prodInfo .priceArea .originPrice {
	display: inline-block;
	margin-left: 6px
}

#wrapper.mainWrapper .contents.cbs .fixToBottomLimit {
	min-height: 400px
}

#wrapper.mainWrapper .contents.cbs .tabContentWrap {
	overflow: hidden;
	display: block;
	position: absolute;
	height: 0;
	opacity: 0
}

#wrapper.mainWrapper .contents.cbs .tabContentWrap>* {
	height: 0
}

#wrapper.mainWrapper .contents.cbs .tabContentWrap.tabON {
	position: relative;
	height: auto;
	opacity: 1
}

#wrapper.mainWrapper .contents.cbs .tabContentWrap.tabON>* {
	height: auto
}

#wrapper.mainWrapper .contents.cbs .tabContentWrap.tabON .listNum.prodSorging .selectWrap.selectS .ui-selectmenu-menu {
	left: auto !important;
	right: 0
}

.snb nav .btnCbs,
.snb nav .btnSsgdfs {
	display: block;
	width: 168px;
	height: 45px;
	margin-bottom: 14px;
	padding: 0 19px;
	border-radius: 4px;
	line-height: 45px;
	font-size: 1.8rem;
	font-weight: bold
}

.snb nav .btnSsgdfs {
	border-color: #fe324b;
	background: #fff6f8 url(../images/mypage/ico_expand_more_c.svg) no-repeat right 10px center
}

.snb nav .btnCbs {
	border: 1px solid #b673d9;
	color: #b673d9;
	background: #f8f5fa url(../images/mypage/ico_expand_more.svg) no-repeat right 10px center
}

.cbsQuickBuyMain .basketPurchase.fastOrder .frmSel .purchaseBtn.grayBox {
	background-color: #fff8f9
}

.contents.cbs .qnaListArea .accordianList .toggleAction.notice .ctrl .notiType .date {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%)
}

.contents.cbs .qnaListArea .accordianList .toggleAction.notice .ctrl::after {
	display: none
}

.contents.cbs .titArea [class^=titDep] {
	display: inline-block;
	margin: 0
}

.contents.cbs .titAreaMain .titDep2,
.contents.cbs .titAreaMain .titDep3 {
	margin-bottom: 16px
}

.contents.cbs .titAreaMain .titDep2 .txtSub,
.contents.cbs .titAreaMain .titDep3 .txtSub {
	display: block !important;
	margin: 10px 0 0 0 !important
}

.contents.cbs .titAreaMain .titDep2+.side,
.contents.cbs .titAreaMain .titDep3+.side {
	position: relative;
	bottom: -10px;
	width: 100%;
	text-align: right
}

.contents.cbs .orderStepList>li.step04 a:before {
	background-position: -160px -96px
}

.contents.cbs .odprInfo {
	position: relative;
	margin-bottom: 48px
}

.contents.cbs .odprInfo>.tit,
.contents.cbs .odprInfo>.side {
	font-size: 1.8rem;
	color: #1e2023;
	font-weight: 500
}

.contents.cbs .odprInfo>.side {
	position: absolute;
	right: 24px;
	top: 24px
}

.contents.cbs .odprInfo>.side .state.done {
	color: #4d6ee4
}

[lang=zh] .contents.cbs .odprInfo>.side .state.done {
	color: #fe324b
}

.contents.cbs .odprInfo>.side+.cancel_applyList.orderlistMain {
	margin-top: 15px
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain {
	clear: both
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li {
	height: 138px;
	min-height: 138px;
	margin-top: 8px;
	padding-left: 120px;
	border: 1px solid #ebedf2;
	border-radius: 8px;
	background: #fff
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li:first-child {
	margin: 0
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li figure {
	left: 24px;
	top: 24px;
	width: 80px;
	height: 80px
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .brandName {
	padding-right: 30px;
	color: #373a3c;
	font-size: 1.5rem;
	line-height: 1.5333333333;
	font-weight: 700;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .brandName .eng {
	position: relative;
	margin-left: 5px;
	white-space: nowrap
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .brandName .eng::before {
	content: "·";
	padding-right: 4px
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .prName,
.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .prNum {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .prName {
	font-size: 1.5rem;
	color: #6b6e73
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .prNum {
	font-size: 1.3rem;
	color: #8b8f94
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .priceArea {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	height: auto;
	margin: 0
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .priceArea em {
	margin-left: 10px
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .priceArea .dollar {
	font-size: 2rem
}

.contents.cbs .odprInfo .cancel_applyList.orderlistMain>li .con .priceArea del {
	margin-left: 6px
}

.contents.cbs .orderCont .secGroup .frontArea .infoText {
	font-size: 1.3rem
}

.contents.cbs .orderCont .secGroup .benefitCustomizing .amtPrice span+span {
	margin-left: 4px;
	font-size: 1.2rem;
	color: #6b6e73
}

.contents.cbs .orderCont .secGroup .benefitCustomizing .detailList li .amtContext .inputPoint input,
.contents.cbs .orderCont .secGroup .benefitCustomizing .detailList li .amtContext .inputPoint .wonText {
	color: #1e2023
}

.contents.cbs .orderCont .secGroup .benefitCustomizing .accordianList .toggleAction:nth-child(2) .styleInp .tEng {
	color: #1e2023
}

.contents.cbs .odInfoWrap .odinfoList li .info {
	font-weight: bold
}

.contents.cbs .odInfoWrap .odinfoList li .info b {
	font-weight: bold
}

.contents.cbs .odInfoWrap~.orderInfo {
	margin-bottom: 48px
}

.contents.cbs .payment.orderFixedLayer .preCalc>li .sGroup .detailList:only-child .amtCont p {
	margin: 0
}

.contents.cbs .payment.orderFixedLayer .preCalc>li .sGroup .detailList>li {
	min-height: 26px;
	margin-top: 6px
}

.contents.cbs .payment.orderFixedLayer .preCalc>li .sGroup .detailList>li:first-child {
	margin: 0
}

.contents.cbs .payment.orderFixedLayer .preCalc>li .sGroup .detailList .amtCont p {
	display: block;
	height: 23px;
	line-height: 23px
}

.contents.cbs .payment.orderFixedLayer .preCalc>li .sGroup .detailList .amtCont p:first-child {
	margin: 0 0 -5px
}

.contents.cbs .orderCancel .cardpayment {
	border: 1px solid #dcdfe3;
	background: none
}

.contents.cbs .orderCancel .orderPayInfo {
	margin-bottom: 48px
}

.contents.cbs .orderCancel .orderPayInfo .cardpayment {
	border: none
}

.contents.cbs .orderCancel .orderPayInfo .dayPayInfo .num .won {
	margin-left: 5px
}

.contents.cbs .orderCancel .odInfoWrap .odinfoList>li {
	float: none;
	padding-left: 32px;
	border: none
}

.contents.cbs .orderCancel .cancelReason .txtGuide {
	margin-top: 2px
}

.contents.cbs .orderCancel .cancelReason+[class^=titArea] {
	margin-top: 30px
}

.contents.cbs .orderCancelView .listNum {
	border: none
}

.contents.cbs .orderCancelView .orderedProdList {
	border-top: 1px solid #373a3c
}

.contents.cbs .orderCancelView .noData {
	border-top: 1px solid #373a3c;
	border-bottom: 1px solid #eaeaea
}

.contents.cbs .orderCancelView .odInfoWrap .odinfoList>li {
	float: left;
	padding-left: 50px;
	border-right: 1px solid #eaeaea
}

.contents.cbs .orderCancelView .odInfoWrap .odinfoList>li:nth-child(2) {
	border-right: none
}

.contents.cbs .orderCancelView .odInfoWrap .odinfoList.col li {
	float: none;
	width: 100%
}

.contents.cbs .orderCancelView .odInfoWrap .odinfoList.col li:nth-child(3n+3) {
	border: none
}

.contents.cbs .orderCancelView .orderGift_wrap.toggleLayer .con .orderCancel_gift .notice {
	border-top: 2px solid #6b6e73;
	font-size: 1.3rem
}

.contents.cbs .orderCancelView .orderGift_wrap.toggleLayer .con .orderCancel_gift .bultType01 {
	margin-top: 0;
	padding: 24px
}

.contents.cbs .orderCancelView .cancelReason {
	margin-bottom: 50px
}

.contents.cbs .orderCancelView .cancelReason *:hover {
	cursor: default
}

.contents.cbs .orderCancelView .cancelReason .ui-selectmenu-button:after {
	display: none
}

.contents.cbs .orderCancelView .cancelInfo.toggleLayer .refundorder_pr .priceArea .dollar {
	color: #f42d10;
	font-size: 2.4rem
}

.contents.cbs .orderCancelView .cancelInfo {
	padding: 24px 32px 16px
}

.contents.cbs .orderCancelView .cancelInfo .cancel_infoCon .refundInfo {
	padding: 0;
	border-radius: 0;
	background: none
}

.contents.cbs .orderCancelView .cancelInfo .cancel_infoCon .refundInfo .cardpayment,
.contents.cbs .orderCancelView .cancelInfo .cancel_infoCon .refundInfo .tableBox {
	border-radius: 8px;
	border: none;
	background: #f8fafc
}

.contents.cbs .orderCancelView .cancelInfo .cancel_infoCon .refundInfo .cardpayment {
	padding: 12px 10px;
	margin-bottom: 10px
}

.contents.cbs .orderCancelView .cancelInfo .detailInfo {
	border-bottom: none
}

.contents.cbs .orderCancelView .cancelInfo .toggleBtn {
	margin-top: 1px
}

.contents.cbs .orderCancelView .cancelInfo .refundorder_pr {
	margin-top: 0
}

.contents.cbs .orderCancelView .cancelInfo .refundorder_pr>ul {
	margin-top: 16px;
	border-top: 1px dashed #eaeaea
}

.contents.cbs .orderCancelView .cancelInfo .refundorder_pr .tit,
.contents.cbs .orderCancelView .cancelInfo .refundorder_pr .priceArea {
	height: 30px;
	line-height: 30px
}

.contents.cbs .orderCancelView .cancelInfo .refundorder_pr>.tit,
.contents.cbs .orderCancelView .cancelInfo .refundorder_pr>.priceArea {
	padding: 16px 0 5px;
	margin-top: 16px;
	border-top: 1px dashed #eaeaea
}

.contents.cbs .orderCancelView .odprInfo {
	margin-bottom: 16px
}

.contents.cbs .orderViewList {
	border: none
}

.contents.cbs .orderViewList>li {
	border: none;
	border-radius: 0
}

.contents.cbs .orderViewList>li:hover {
	background: none
}

.contents.cbs .orderViewList>li .orderedProdList {
	border: none
}

.contents.cbs .orderViewList>li .orderedProdList>li {
	padding-left: 142px
}

.contents.cbs .orderViewList>li .orderedProdList>li .info {
	padding-bottom: 15px
}

.contents.cbs .orderViewList>li .orderedProdList>li .info+.info {
	padding-top: 22px
}

.contents.cbs .orderViewList>li .orderedProdList>li:hover {
	background: none
}

.contents.cbs .orderViewList>li .orderedProdList>li:hover .info+.info {
	border-top-color: #eaeaea
}

.contents.cbs .orderViewList>li .orderedProdList>li.frmSel figure {
	left: 22px
}

.contents.cbs .orderViewList>li .orderedProdList>li:last-child {
	border-bottom: 1px solid #dcdfe3
}

.contents.cbs .orderedProdList>li .info .stateList .dateInfo+.tit::after {
	padding: 0
}

.contents.cbs .orderedProdList>li .info .stateList .type {
	font-size: 1.3rem;
	line-height: 1.3846153846;
	color: #1e2023
}

.contents.cbs .orderedProdList>li .info .btnXS {
	width: 160px
}

.contents.cbs .usedInfoList.orderStatus {
	margin-top: 155px
}

.contents.cbs .usedInfoList.orderStatus .status {
	padding: 16px 32px 1px
}

.contents.cbs .btnArea .btnWidthL {
	width: 310px
}

.contents.cbs .orderCont .secGroup .frontArea .side .won {
	margin-left: 5px;
	font-weight: bold
}

.contents.cbs .orderCont .secGroup .benefitCustomizing .detailList.posR {
	position: relative
}

.contents.cbs .orderCont .secGroup .benefitCustomizing .detailList.posR .frmInp {
	padding-bottom: 40px
}

.contents.cbs .orderCont .secGroup .benefitCustomizing .detailList.posR .frmInp .infoText {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 7px;
	font-size: 1.3rem;
	color: #6b6e73
}

.contents.cbs .orderCont .secGroup .benefitCustomizing .detailList.posR .frmInp .infoText::before {
	content: "·";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	color: #5a5f64;
	line-height: 1
}

.contents.cbs .orderCont .secGroup .section .infoList li .text .tEng {
	font-weight: bold
}

.contents.cbs .orderCont .secGroup .section .orderProdList .prodCont .priceArea strong+em {
	font-weight: bold
}

.contents.cbs .orderView .odInfoWrap .odinfoList li {
	width: 50%;
	padding-left: 32px
}

.contents.cbs .orderView .odInfoWrap .odinfoList li:nth-child(3n+3) {
	border-right: 1px solid #eaeaea
}

.contents.cbs .orderView .odInfoWrap .odinfoList.col li {
	float: none;
	width: 100%
}

.contents.cbs .orderView .odInfoWrap .odinfoList.col li:nth-child(3n+3) {
	border: none
}

.contents.cbs .orderView .odInfoWrap .odinfoList.col li .num {
	font-weight: bold
}

.contents.cbs .orderView .orderInfo>li .infoListBox {
	padding: 24px 32px;
	border-radius: 8px;
	border: 1px solid #dcdfe3
}

.contents.cbs .orderView .orderInfo>li .infoListBox li .tit {
	display: inline-block;
	width: 120px;
	color: #6b6e73;
	font-weight: 400
}

.contents.cbs .orderView .orderInfo>li .infoListBox li .info {
	color: #373a3c
}

.contents.cbs .orderView .orderInfo>li .infoListBox li .info.num {
	font-weight: bold
}

.contents.cbs .orderView .orderInfo>li .infoListBox li button.layerPopupButton {
	width: 174px;
	margin-left: 22px
}

.contents.cbs .orderView .orderInfo>li .infoListBox li+li {
	margin-top: 12px
}

.contents.cbs .orderView .orderInfo+p.bultType01,
.contents.cbs .orderView .orderInfo~p.bultType01 {
	margin: 10px 0 8px;
	font-size: 1.5rem;
	color: #6b6e73
}

.contents.cbs .orderView .orderInfo+p.bultType01+.titArea,
.contents.cbs .orderView .orderInfo~p.bultType01+.titArea {
	margin-top: 48px
}

.contents.cbs .orderView .orderInfo+.titArea {
	margin-top: 48px
}

.contents.cbs .orderView .odprInfo .chNum_check .chNum {
	padding-left: 0
}

.contents.cbs .orderView .odprInfo .chNum_check .chNum em {
	font-weight: 600
}

.contents.cbs .orderView .odprInfo .listInfo .con .ProductInfo li span {
	font-weight: bold
}

.contents.cbs .orderView .odprInfo .listInfo .con .priceArea .priceCont .priceWrap {
	margin-bottom: 5px;
	text-align: right
}

.contents.cbs .orderView>.bultType01 {
	margin: -24px 0 48px
}

.contents.cbs .orderView>.bultType01 li span {
	text-decoration: underline
}

.dpTblWrap {
	display: table-cell;
	vertical-align: middle
}

.pdrNone {
	padding-right: 0
}

.mt10 {
	margin-top: 10px
}

.mt50 {
	margin-top: 50px
}

label.implicit {
	display: inline !important;
	position: static !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important
}

label.implicit::before,
label.implicit::after {
	display: none !important
}

.layPop.layerLL.layerRequestForm .titLay {
	position: relative
}

.layPop.layerLL.layerRequestForm .titLay::after {
	content: "";
	display: block;
	position: absolute;
	left: 30px;
	bottom: -32px;
	right: 30px;
	width: calc(100% - 60px);
	height: 1px;
	background: #eaeaea
}

.layPop.layerLL.layerRequestForm .layCont {
	width: calc(100% - 55px);
	margin: 30px auto 0;
	padding: 0
}

.request_form {
	border: 1px solid #eaeaea
}

.request_form * {
	word-wrap: break-word;
	word-break: break-word
}

.request_form .request_summ {
	padding: 30px 0;
	text-align: center;
	border-bottom: 1px solid #eaeaea
}

.request_form .request_summ .titDep3 {
	margin-bottom: 40px;
	font-size: 2.3rem;
	color: #373a3c;
	font-weight: bold
}

.request_form .request_summ .titDep3 .tEng {
	display: block;
	color: #373a3c;
	font-size: 2rem;
	font-weight: 700;
	white-space: nowrap
}

.request_form .request_summ .request_summ_conTxt {
	margin-bottom: 28px
}

.request_form .request_summ .request_summ_conTxt p {
	font-size: 1.8rem;
	color: #6b6e73
}

.request_form .request_summ .request_summ_conTxt p.tEng {
	margin-top: 5px;
	line-height: 1.38;
	font-size: 1.6rem
}

.request_form .request_summ .request_summ_date ul {
	font-size: 0
}

.request_form .request_summ .request_summ_date ul li {
	display: inline-block;
	margin: 0 12.5px
}

.request_form .request_summ .request_summ_date ul li span {
	display: inline-block;
	font-size: 1.7rem;
	color: #6b6e73
}

.request_form .request_summ .request_summ_date ul li span.tEng {
	margin-right: 3px;
	font-size: 1.8rem;
	font-weight: bold
}

.request_form .request_summ .request_summ_date ul li em.tEng {
	display: block;
	height: 20px;
	margin-top: -2px;
	line-height: 20px;
	font-size: 1.6rem
}

.request_form .request_cont {
	padding: 26px 30px
}

.request_form .request_cont.seller,
.request_form .request_cont.desc {
	border-top: 1px solid #eaeaea
}

.request_form .request_cont .request_cont_header {
	margin-bottom: 14px
}

.request_form .request_cont .request_cont_header strong {
	font-size: 1.8rem;
	font-weight: bold;
	color: #373a3c
}

.request_form .request_cont .request_cont_header strong .tEng {
	margin-left: 4px;
	font-size: 1.6rem;
	font-weight: normal;
	color: #373a3c
}

.request_form .request_cont .request_cont_header strong+span {
	margin-left: 12px;
	font-size: 1.5rem;
	color: #6b6e73
}

.request_form .request_cont .request_cont_info ol li {
	float: left;
	margin-bottom: 6px
}

.request_form .request_cont .request_cont_info ol li:last-child {
	margin: 0
}

.request_form .request_cont .request_cont_info ol li.nationality {
	width: 246px
}

.request_form .request_cont .request_cont_info ol li.nationality .label em:before {
	content: "①"
}

.request_form .request_cont .request_cont_info ol li.nationality .info {
	width: 145px
}

.request_form .request_cont .request_cont_info ol li.address {
	width: calc(100% - 246px)
}

.request_form .request_cont .request_cont_info ol li.address .label {
	width: 85px
}

.request_form .request_cont .request_cont_info ol li.address .label em:before {
	content: "②"
}

.request_form .request_cont .request_cont_info ol li.address .info {
	width: 460px
}

.request_form .request_cont .request_cont_info ol li.name .label em:before {
	content: "③"
}

.request_form .request_cont .request_cont_info ol li.name .info {
	width: 230px
}

.request_form .request_cont .request_cont_info ol li.name .signature {
	display: table-cell;
	width: 400px
}

.request_form .request_cont .request_cont_info ol li.name .signature p {
	position: relative;
	width: 100%
}

.request_form .request_cont .request_cont_info ol li.name .signature p span {
	font-size: 1.8rem
}

.request_form .request_cont .request_cont_info ol li.name .signature p .signImg {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: 100px;
	transform: translateX(-50%)
}

.request_form .request_cont .request_cont_info ol li.name .signature p .signImg img {
	width: 100%
}

.request_form .request_cont .request_cont_info ol li.name .signature p .signImg+span {
	padding-left: 261px
}

.request_form .request_cont .request_cont_info ol li.name .signature .tEng {
	display: block;
	margin-top: 0;
	font-size: 1.6rem;
	color: #6b6e73
}

.request_form .request_cont .request_cont_info ol li.passport .label em:before {
	content: "④"
}

.request_form .request_cont .request_cont_info ol li.passport .info {
	width: 230px
}

.request_form .request_cont .request_cont_info ol li.passportEx {
	width: calc(100% - 340px)
}

.request_form .request_cont .request_cont_info ol li.passportEx .label {
	width: 194px
}

.request_form .request_cont .request_cont_info ol li.passportEx .label em:before {
	content: "⑤"
}

.request_form .request_cont .request_cont_info ol li.birthdate .label em:before {
	content: "⑥"
}

.request_form .request_cont .request_cont_info ol li.shippingDate {
	width: 361px
}

.request_form .request_cont .request_cont_info ol li.shippingDate .label {
	width: 188px
}

.request_form .request_cont .request_cont_info ol li.shippingDate .label em:before {
	content: "⑦"
}

.request_form .request_cont .request_cont_info ol li.shopName .label {
	width: 188px
}

.request_form .request_cont .request_cont_info ol li.shopName .label em:before {
	content: "⑧"
}

.request_form .request_cont .request_cont_info ol li.shopName .info {
	max-width: 260px
}

.request_form .request_cont .request_cont_info ol li.sellerAddress {
	width: 100%
}

.request_form .request_cont .request_cont_info ol li.sellerAddress .label {
	width: 188px
}

.request_form .request_cont .request_cont_info ol li.sellerAddress .label em:before {
	content: "⑨"
}

.request_form .request_cont .request_cont_info ol li.phone .label {
	width: 188px
}

.request_form .request_cont .request_cont_info ol li.phone .label em:before {
	content: "⑩"
}

.request_form .request_cont .request_cont_info ol li .label {
	display: table-cell;
	width: 100px
}

.request_form .request_cont .request_cont_info ol li .label em {
	display: block;
	position: relative;
	height: 22px;
	padding-left: 16px;
	line-height: 22px;
	font-size: 1.8rem;
	color: #6b6e73
}

.request_form .request_cont .request_cont_info ol li .label em::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	line-height: 18px;
	font-size: 1.5rem;
	color: #6b6e73
}

.request_form .request_cont .request_cont_info ol li .label .tEng {
	display: block;
	margin-top: 0;
	font-size: 1.6rem;
	color: #6b6e73
}

.request_form .request_cont .request_cont_info ol li .info {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.6rem;
	color: #6b6e73
}

.request_form .request_cont.desc .request_cont_header .tEng {
	margin-left: 9px
}

.request_form .request_cont.desc .request_cont_info ol li {
	display: block;
	float: none;
	min-height: 36px;
	margin: 0;
	border-bottom: 1px solid #eaeaea
}

.request_form .request_cont.desc .request_cont_info ol li:first-child {
	border-top: 1px solid #eaeaea
}

.request_form .request_cont.desc .request_cont_info ol li .label {
	display: table-cell;
	width: 223px;
	height: 100%;
	padding: 6px 16px;
	background: #f5f7fa
}

.request_form .request_cont.desc .request_cont_info ol li .label em {
	display: inline-block;
	min-width: 80px;
	padding-left: 15px;
	font-size: 1.5rem;
	box-sizing: border-box
}

.request_form .request_cont.desc .request_cont_info ol li .label em::before {
	height: 18px
}

.request_form .request_cont.desc .request_cont_info ol li .label .tEng {
	display: inline-block;
	font-size: 1.5rem
}

.request_form .request_cont.desc .request_cont_info ol li .info {
	display: table-cell;
	padding: 6px 27px;
	border-left: 1px solid #eaeaea
}

.request_form .request_cont.desc .request_cont_info ol li .info p {
	display: inline-block;
	margin-right: 10px;
	font-size: 1.5rem
}

.request_form .request_cont.desc .request_cont_info ol li.number .label em:before {
	content: "⑪"
}

.request_form .request_cont.desc .request_cont_info ol li.purchaseDate .label em:before {
	content: "⑫"
}

.request_form .request_cont.desc .request_cont_info ol li.item .label em:before {
	content: "⑬"
}

.request_form .request_cont.desc .request_cont_info ol li.hsCode .label em:before {
	content: "⑭"
}

.request_form .request_cont.desc .request_cont_info ol li.pdCode .label em:before {
	content: "⑮"
}

.request_form .request_cont.desc .request_cont_info ol li.size .label em:before {
	content: "⑯"
}

.request_form .request_cont.desc .request_cont_info ol li.unitPrice .label em:before {
	content: "⑰"
}

.request_form .request_cont.desc .request_cont_info ol li.quantity .label em:before {
	content: "⑱"
}

.request_form .request_cont.desc .request_cont_info ol li.amount .label em:before {
	content: "⑲"
}

.request_form .request_cont.desc .request_cont_info ol li.remark .label em:before {
	content: "⑳"
}

.payLogowrap {
	display: inline-block;
	font-size: 0
}

.payLogowrap span {
	display: inline-block;
	width: 80px;
	vertical-align: middle
}

.payLogowrap span:nth-child(2) {
	position: relative;
	width: 20px;
	height: 20px;
	text-align: center
}

.payLogowrap span:nth-child(2) img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 9.7px;
	height: 9.7px;
	margin: 0 auto;
	border-radius: 0;
	transform: translate(-50%, -50%)
}

.payLogowrap span img {
	width: auto;
	height: 26px;
	border-radius: 0 !important;
	box-shadow: none !important
}

.pay_gos {
	position: relative
}

.pay_gos input[type=checkbox] {
	opacity: 0;
	position: absolute
}

.pay_gos input[type=checkbox]:checked+label {
	color: #1e2023;
	border-color: rgba(0, 0, 0, 0);
	background-color: #e9ebfb
}

[lang=zh] .pay_gos input[type=checkbox]:checked+label {
	background-color: #fff6f8
}

.pay_gos label {
	display: block;
	width: 256px;
	height: 72px;
	line-height: 72px;
	text-align: center;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #6b6e73;
	background: #fff url(../images/common/ico_gos.png) no-repeat 40px center;
	box-sizing: border-box
}

.cancelInfo .pay_gos,
.orderPayInfo .pay_gos {
	width: 100%;
	height: 80px;
	border-radius: 8px;
	background: #f8fafc
}

.cancelInfo .pay_gos span,
.orderPayInfo .pay_gos span {
	display: block;
	width: 90px;
	height: 100%;
	margin: 0 auto;
	padding-left: 30px;
	text-align: center;
	line-height: 80px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #5a5f64;
	background: url(../images/common/ico_gos.png) no-repeat 0 center
}

.orderPayInfo .pay_gos {
	width: 50%;
	background: none
}

.cancel_infoCon .pay_gos {
	height: 72px;
	margin-bottom: 8px
}

.cancel_infoCon .pay_gos span {
	line-height: 72px
}

.branchPop .swiperWrap .swiper-container .swiper-slide {
	width: 0;
	height: 0;
	opacity: 0 !important;
	transition: transform 0s ease !important;
	transition: opacity .3s ease !important
}

.branchPop .swiperWrap .swiper-container .swiper-slide.swiper-slide-active {
	display: list-item !important;
	width: auto;
	height: 100% !important;
	opacity: 1 !important;
	transform: translate3d(0, 0, 0) !important;
	transition: transform 0s ease !important;
	transition: opacity .3s ease !important
}

.branchPop .swiperWrap .swiper-container .swiper-slide-active {
	height: 100%
}

.flip-clock-banner .flip-clock {
	position: relative;
	margin: 0 auto;
	text-align: center
}

.flip-clock-banner .flip-clock *,
.flip-clock-banner .flip-clock *:before,
.flip-clock-banner .flip-clock *:after {
	box-sizing: border-box
}

.flip-clock-banner .flip-clock .flip-clock__piece {
	display: inline-block;
	position: relative;
	margin-left: 20px
}

.flip-clock-banner .flip-clock .flip-clock__piece::before {
	content: ":";
	display: block;
	position: absolute;
	left: -15px;
	top: 0;
	margin-top: -6px;
	font-size: 3.6rem;
	color: #1e2023
}

.flip-clock-banner .flip-clock .flip-clock__piece:first-child:before {
	display: none
}

.flip-clock-banner .flip-clock .flip-clock__piece:first-child .card__bottom {
	border-image: linear-gradient(to right, #8f88d8 0%, #a08adf 100%);
	border-image-slice: 1
}

.flip-clock-banner .flip-clock .flip-clock__piece:nth-child(2) .card__bottom {
	border-image: linear-gradient(to right, #a88ce1 0%, #b493da 100%);
	border-image-slice: 1
}

.flip-clock-banner .flip-clock .flip-clock__piece:nth-child(3) .card__bottom {
	border-image: linear-gradient(to right, #bc94db 0%, #d292e0 100%);
	border-image-slice: 1
}

.flip-clock-banner .flip-clock .card {
	display: block;
	position: relative;
	height: 52px;
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1
}

.flip-clock-banner .flip-clock .card__top,
.flip-clock-banner .flip-clock .card__bottom,
.flip-clock-banner .flip-clock .card__back::before,
.flip-clock-banner .flip-clock .card__back::after {
	display: block;
	width: 60px;
	height: 26px;
	padding: 10px 2px;
	border-radius: 8px 8px 0 0;
	color: #fff;
	white-space: nowrap;
	transform: translateZ(0);
	background: #26283d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d
}

.flip-clock-banner .flip-clock .card__top {
	perspective: 100px;
	animation: flipBack 1s;
	animation-fill-mode: both;
	transform-origin: center;
	animation-iteration-count: infinite
}

.flip-clock-banner .flip-clock .card__bottom {
	height: 26px;
	perspective: 100px
}

.flip-clock-banner .flip-clock .card__back {
	perspective: 100px;
	border-radius: 8px
}

.flip-clock-banner .flip-clock .card__bottom {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	border-top: 1px solid rgba(0, 0, 0, 0);
	border-radius: 0 0 8px 8px;
	color: #fff;
	line-height: .9;
	background: #26283d;
	pointer-events: none
}

.flip-clock-banner .flip-clock .card__bottom::after {
	display: block;
	margin-top: -26px
}

.flip-clock-banner .flip-clock .card__back::before,
.flip-clock-banner .flip-clock .card__bottom::after {
	content: attr(data-value)
}

.flip-clock-banner .flip-clock .card__back {
	position: absolute;
	left: 0%;
	top: 0;
	height: 100%;
	pointer-events: none
}

.flip-clock-banner .flip-clock .card__back::before {
	overflow: hidden;
	position: relative;
	z-index: -1
}

.flip-clock-banner .flip-clock .flip .card__back::before {
	animation: flipTop .3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
	animation-fill-mode: both;
	transform-origin: center bottom
}

.flip-clock-banner .flip-clock .flip .card__back .card__bottom {
	transform-origin: center .01%;
	animation-fill-mode: both;
	animation: flipBottom .6s cubic-bezier(0.15, 0.45, 0.28, 1)
}

.layPop .layCont .agreeArea.smilePay .agreeCont {
	padding-top: 9px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .titDep5 {
	color: #373a3c;
	font-weight: 400;
	letter-spacing: -0.54px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .newLine.chkboxType {
	padding: 15px 0 11px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .newLine.chkboxType label {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.6px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray {
	overflow: auto;
	height: auto;
	max-height: 312px;
	padding-top: 24px;
	border-radius: 8px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV {
	margin-bottom: 17px;
	border-top: 1px solid #5a5f64;
	border-bottom-color: rgba(0, 0, 0, 0)
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV th,
.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV td {
	height: 50px;
	border-top: none;
	border-bottom: 1px solid #f2f5f9;
	vertical-align: middle;
	border-left: none;
	letter-spacing: -0.45px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV th {
	color: #6b6e73;
	font-size: 1.5rem;
	font-weight: 400;
	background: #ebedf2
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV td {
	color: #1e2023;
	font-size: 1.5rem;
	font-weight: 500
}

[lang=zh] .layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV td {
	font-weight: 700
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV td span {
	color: #5a5f64
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV tr:last-child th,
.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo .tblV tr:last-child td {
	border: none
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray .scrollCont .termsMemo p {
	color: #6b6e73
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType {
	padding-top: 30px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType strong {
	color: #373a3c;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.6px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo h2 {
	color: #5a5f64;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.6px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo h2~h2 {
	margin-top: 20px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo h2+h3+p {
	padding: 0
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo h3 {
	color: #5a5f64;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: -0.54px
}

[lang=zh] .layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo h3 {
	font-weight: 700
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo p {
	color: #6b6e73;
	line-height: 1.53;
	letter-spacing: -0.45px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo ol {
	counter-reset: list-number
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo ol li {
	position: relative;
	color: #6b6e73;
	counter-increment: list-number
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo ol li ol {
	margin-top: 5px;
	padding-left: 16px
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo ol li ol li {
	margin-top: 5px;
	padding-bottom: 0
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo ol li ol li:first-child {
	margin: 0
}

.layPop .layCont .agreeArea.smilePay .agreeCont .boxGray+.newLine.chkboxType+.boxGray .termsMemo ol+h2 {
	margin-top: 32px
}

.ani-opacity {
	opacity: 0;
	animation-name: ani-opacity;
	animation-delay: .35s;
	animation-duration: 1s;
	animation-fill-mode: forwards
}

@keyframes ani-opacity {
	0% {
		opacity: 0
	}

	50% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes flipTop {
	0% {
		z-index: 2;
		transform: rotateX(0deg)
	}

	0%,
	99% {
		opacity: 1
	}

	100% {
		transform: rotateX(-90deg);
		opacity: 0
	}
}

@keyframes flipBottom {

	0%,
	50% {
		z-index: -1;
		transform: rotateX(90deg);
		opacity: 0
	}

	51% {
		opacity: 1
	}

	100% {
		z-index: 5;
		transform: rotateX(0deg);
		opacity: 1
	}
}

.pop-alert-msg.on {
	top: 300px
}

.pop-alert-msg.on .layCont {
	margin: 16px 0 5px
}

.pop-alert-msg.on .layCont .alertMsgType02 {
	font-size: 2rem
}

.pop-alert-msg.on .btnArea {
	margin: 5px 30px 24px
}

.pop-alert-msg.on+.dimmed {
	display: block
}

.termsMemoInner.imp-modifier>h2 {
	display: none
}

.termsMemoInner.imp-modifier .custom-anchor {
	margin-bottom: 60px
}

.termsMemoInner.imp-modifier .custom-anchor .botPd {
	padding-top: 0 !important
}

.termsMemoInner.imp-modifier strong {
	display: block;
	margin-top: 30px;
	font-weight: 700;
	color: #373a3c
}

.termsMemoInner.imp-modifier .scrollWrap {
	padding: 0
}

.termsMemoInner.imp-modifier .scrollWrap.scrollH .tblH {
	border: 1px solid #eaeaea;
	border-top: none;
	border-left: none
}

.termsMemoInner.imp-modifier .scrollWrap.scrollH .tblH th:first-child {
	border-left: 1px solid #eaeaea
}

.termsMemoInner.imp-modifier .scrollWrap.scrollH .tblH td {
	padding: 15px 15px 14px;
	border-left: 1px solid #eaeaea
}

.termsMemoInner.imp-modifier .scrollWrap.scrollH .tblH td.th {
	border-left: none
}

.termsMemoInner.imp-modifier .scrollWrap.scrollH .tblH td b {
	color: #5a5f64;
	font-size: 1.5rem;
	font-weight: 700
}

.termsMemoInner.imp-modifier .scrollWrap.scrollH+p {
	margin-top: 24px
}

.termsMemoInner.imp-modifier .noti {
	color: #4d6ee4
}

[lang=zh] .termsMemoInner.imp-modifier .noti {
	color: #fe324b
}

.termsMemoInner.imp-modifier .terms-menu {
	width: calc(100% + 16px)
}

.termsMemoInner.imp-modifier .terms-menu ul {
	margin: 0 -8px;
	font-size: 0
}

.termsMemoInner.imp-modifier .terms-menu ul li {
	display: inline-block;
	width: 272px;
	height: 180px;
	margin: 8px
}

.termsMemoInner.imp-modifier .terms-menu ul li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #e9ebfb;
	border-radius: 6px;
	text-align: center;
	background: #f7f7fd;
	transition: border-color .2s ease-in-out
}

.termsMemoInner.imp-modifier .terms-menu ul li a::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 20px;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	background-image: url(../images/common/spr_customer.png)
}

[lang=zh] .termsMemoInner.imp-modifier .terms-menu ul li a::before {
	background-image: url(../images/common/spr_customer_cn.png)
}

.termsMemoInner.imp-modifier .terms-menu ul li a em {
	display: block;
	position: absolute;
	left: 0;
	bottom: 28px;
	width: 100%;
	text-align: center;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .termsMemoInner.imp-modifier .terms-menu ul li a em {
	font-weight: 700
}

[lang=zh] .termsMemoInner.imp-modifier .terms-menu ul li a {
	border-color: #fff0f2;
	background-color: #fff6f8
}

.termsMemoInner.imp-modifier .terms-menu ul li a.on {
	border-color: #4d6ee4
}

[lang=zh] .termsMemoInner.imp-modifier .terms-menu ul li a.on {
	border-color: #fe324b
}

.termsMemoInner.imp-modifier .terms-menu ul li:hover a {
	border-color: #4d6ee4
}

[lang=zh] .termsMemoInner.imp-modifier .terms-menu ul li:hover a {
	border-color: #fe324b
}

.termsMemoInner.imp-modifier .terms-menu ul li.identify a:before {
	background-position: -100px 0
}

.termsMemoInner.imp-modifier .terms-menu ul li.purpose a:before {
	background-position: -200px 0
}

.termsMemoInner.imp-modifier .terms-menu ul li.period a:before {
	background-position: -300px 0
}

.termsMemoInner.imp-modifier .terms-menu ul li.consignment a:before {
	background-position: -400px 0
}

.termsMemoInner.imp-modifier .terms-menu ul li.thirdparty a:before {
	background-position: -500px 0
}

.termsMemoInner.imp-modifier .terms-menu ul li.automation a:before {
	background-position: -600px 0
}

.termsMemoInner.imp-modifier .terms-menu ul li.grievance a:before {
	background-position: -700px 0
}

.termsMemoInner.imp-modifier .breadcrumbs {
	margin-bottom: 63px
}

.termsMemoInner.imp-modifier .breadcrumbs li {
	padding: 0
}

.termsMemoInner.imp-modifier .breadcrumbs li a {
	display: block;
	position: relative;
	height: 48px;
	padding-left: 16px;
	border-bottom: 1px solid #dcdfe3;
	line-height: 48px;
	color: #373a3c;
	font-weight: 500;
	transition: all .2s ease-in-out
}

[lang=zh] .termsMemoInner.imp-modifier .breadcrumbs li a {
	font-weight: 700
}

.termsMemoInner.imp-modifier .breadcrumbs li a::before {
	content: "";
	display: block;
	position: absolute;
	left: 4px;
	top: 50%;
	width: 4px;
	height: 4px;
	margin-top: -2px;
	border-radius: 2px;
	background-color: #4d6ee4
}

[lang=zh] .termsMemoInner.imp-modifier .breadcrumbs li a::before {
	background-color: #fe324b
}

.termsMemoInner.imp-modifier .breadcrumbs li a:hover {
	border-color: #4d6ee4;
	color: #4d6ee4;
	background: #f7f7fd
}

[lang=zh] .termsMemoInner.imp-modifier .breadcrumbs li a:hover {
	border-color: #fe324b
}

[lang=zh] .termsMemoInner.imp-modifier .breadcrumbs li a:hover {
	color: #fe324b
}

[lang=zh] .termsMemoInner.imp-modifier .breadcrumbs li a:hover {
	background: #fff6f8
}

.termsMemoInner.imp-modifier .breadcrumbs li a span {
	margin-right: 4px
}

.termsMemoInner.imp-modifier .breadcrumbs li .custom-anchor {
	display: none
}

.termsMemoInner.imp-modifier h4 {
	color: #5a5f64;
	font-weight: 400
}

.termsMemoInner.imp-modifier .termsType01>li .termsType01>li:before {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: -3px 4px 0 0;
	border: 1px solid #5a5f64;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	line-height: 14px;
	font-size: 1.2rem;
	content: counter(section);
	counter-increment: section
}

.termsMemoInner.imp-modifier .termsType01>li .termsType03 {
	margin-top: 16px
}

.termsMemoInner.imp-modifier .termsType01>li .termsType03+p {
	margin-top: 16px
}

.termsMemoInner.imp-modifier .termsType01>li .termsType04 {
	margin: 0;
	padding: 0
}

.termsMemoInner.imp-modifier .termsType03 {
	padding: 0
}

.termsMemoInner.imp-modifier .termsType03 li {
	padding-bottom: 0
}

.termsMemoInner.imp-modifier .termsType03 li::before {
	line-height: 12px
}

.termsMemoInner.imp-modifier .termsType04 {
	margin-bottom: 24px
}

.termsMemoInner.imp-modifier .termsType04 li {
	padding-bottom: 4px
}

.terms-pop-wrap .layPop {
	display: none;
	z-index: 10000;
	margin: 0;
	transform: translate(-50%, -50%)
}

.terms-pop-wrap .layPop.layerL {
	width: 650px
}

.terms-pop-wrap .layPop.layerM {
	width: 580px
}

.terms-pop-wrap .layPop .layCont {
	max-height: 464px;
	margin: 30px 0 0px
}

.terms-pop-wrap .layPop .layCont em {
	display: block;
	margin-bottom: 20px;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .terms-pop-wrap .layPop .layCont em {
	font-weight: 700
}

.terms-pop-wrap .layPop .layCont strong {
	display: block;
	margin-bottom: 6px;
	color: #1e2023;
	font-weight: 500
}

[lang=zh] .terms-pop-wrap .layPop .layCont strong {
	font-weight: 700
}

.terms-pop-wrap .layPop .layCont .bultType01 {
	margin: 0
}

.terms-pop-wrap .layPop .layCont .bultType01 li {
	line-height: inherit
}

.terms-pop-wrap .layPop .layCont .bultType01+strong {
	margin-top: 16px
}

.terms-pop-wrap .layPop .layCont h4 {
	display: block;
	margin: 30px 0 16px;
	color: #373a3c;
	font-size: 1.8rem;
	font-weight: 500
}

[lang=zh] .terms-pop-wrap .layPop .layCont h4 {
	font-weight: 700
}

.terms-pop-wrap .layPop.on {
	display: block
}

.terms-pop-wrap .dimmed {
	display: none
}

.contents.brandCont .detailWrap .prodTb.spec .crtfNum {
	font-size: 1.8rem
}

@media screen and (min-width: 1510px) {
	.wrapper.headFixed .breadCrumb>.inner .cateNav button {
		display: none
	}
}

@media screen and (max-width: 1440px) {

	#wrapper>.container,
	#wrapper .modProdConainer {
		padding: 0
	}

	#wrapper>.container .contents,
	#wrapper .modProdConainer .contents {
		width: 1136px;
		margin: 0 auto
	}

	#wrapper.lnbWrapper .container .topContents {
		width: 1136px
	}

	#wrapper.lnbWrapper .container .contInner {
		width: 1136px;
		margin: 0 auto
	}

	#wrapper.lnbWrapper .mainWrapper {
		padding: 0
	}

	#wrapper.mainWrapper>.container .contents {
		margin: 56px auto 0
	}

	#wrapper.mainWrapper>.container .pageLocation {
		width: 1136px;
		min-width: initial;
		max-width: initial
	}

	#wrapper.mainWrapper>.container .pageLocation~.contents {
		margin-top: 0
	}
}

@media screen and (min-width: 1680px) {
	.contents.cbs .orderCancelView .cancelInfo .refundorder_pr ul {
		margin-top: 30px;
		font-size: 0
	}

	.contents.cbs .orderCancelView .cancelInfo .refundorder_pr ul li {
		display: inline-block;
		width: 100%;
		margin: 0;
		height: 60px;
		line-height: 60px;
		border-top: 1px dashed #eaeaea
	}

	.contents.cbs .orderCancelView .cancelInfo .refundorder_pr ul li:first-child {
		width: 50%;
		padding-right: 32px;
		border-right: 1px solid #eaeaea
	}

	.contents.cbs .orderCancelView .cancelInfo .refundorder_pr ul li:nth-child(2) {
		width: 50%;
		padding-left: 32px
	}

	.contents.cbs .orderCancelView .cancelInfo .refundorder_pr ul li>* {
		line-height: 60px !important
	}

	.contents.cbs .orderCancelView .cancelInfo .refundorder_pr ul li .priceArea strong,
	.contents.cbs .orderCancelView .cancelInfo .refundorder_pr ul li .priceArea em {
		line-height: 60px !important
	}

	.contents.cbs .orderCancelView .cancelInfo .refundorder_pr ul li .priceArea em {
		margin-left: 5px
	}
}

@media screen and (min-width: 1441px) {

	#wrapper.fullWrapper .container,
	#wrapper.mainWrapper .container {
		width: auto;
		max-width: 1680px;
		padding: 0 80px
	}

	#wrapper.lnbWrapper .container {
		max-width: 1680px;
		padding: 0 80px
	}

	#wrapper.lnbWrapper .container .pageLocation {
		width: auto
	}

	.header .headInner .headMid.case nav .btn_hideGnb.open+.hideGnb_list {
		display: inline-block
	}

	.header .headInner .headMid.case .headSearch {
		margin-left: 0
	}

	.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont {
		display: block;
		width: auto;
		margin-left: 0
	}

	.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont figure .prodState {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%)
	}

	.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont figure .prodState.adult {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		line-height: 40px;
		color: #1e2023;
		font-size: 1.6rem;
		font-weight: 700;
		letter-spacing: -0.09em;
		background: #fff
	}

	.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont figure .prodState.adult::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		width: 40px;
		height: 40px;
		margin-left: -20px;
		margin-top: 0;
		line-height: 40px;
		border: 2px solid #e6230a;
		border-radius: 50%;
		box-sizing: border-box
	}

	.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont figure .prodState.adult+img {
		opacity: 0
	}

	.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont .priceArea {
		margin-top: 0
	}
}

@media screen and (min-width: 1903px) {
	#wrapper.fullWrapper .container {
		width: auto;
		max-width: 1920px;
		padding: 0 104px
	}

	.header .headSearch .headsearchWrap .searchArea .autoSearchWrap .autoRight .prodList .prodCont {
		width: 100%;
		margin-left: 0
	}
}

html,
body {
	height: 100%
}

@media screen and (max-height: 800px) {
	.layPop:not(.u646) .layCont {
		max-height: 400px !important
	}

	.layPop.layXS .layCont {
		max-height: 415px !important
	}

	.filterSelects>#pop_brand_find .layCont {
		max-height: calc(100% - 105px) !important
	}
}

@media screen and (max-height: 800px) {
	#pop_brandClosedNoti.layPop .layCont {
		max-height: 42vh !important
	}
}

.headInner>p {
	overflow: hidden;
	height: 100px
}

.headInner>p img {
	width: 100%
}

.commWrapper .headInner>p {
	height: 144px
}

.commWrapper .headInner>p img {
	width: auto
}

footer .footInner .footImg {
	width: 100%
}

.headFixed .headInner>p {
	display: none
}

[lang=en] .wrapper.headFixed .headSearch {
	right: 157px
}

[lang=en] footer {
	height: auto
}

[lang=en] footer>.footInner .footRight .footMenu {
	display: flex
}

[lang=en] footer>.footInner .footRight .footMenu .inner {
	max-width: calc(50% - 35px)
}

[lang=en] .tabType01>li>a {
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	line-height: 15px
}

[lang=en] .titDep1.titLeft+.tabType01.tabBasic>li>a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 20px
}

[lang=en] .snb nav .lnbList {
	width: 220px
}

[lang=en] .snb nav .lnbList>li>a {
	padding-right: 12px
}

[lang=en] .snb nav .lnbList .lnbDep2 {
	display: block;
	overflow: hidden;
	height: auto;
	margin-top: 0;
	margin-bottom: 0
}

[lang=en] .snb nav .lnbList .lnbDep2 li {
	height: auto
}

[lang=en] .snb nav .lnbList .lnbDep2 li>a:hover {
	letter-spacing: -0.05em
}

[lang=en] .snb nav .lnbList .lnbDep2 li>a[aria-current=true],
[lang=en] .snb nav .lnbList .lnbDep2 li>a.on {
	letter-spacing: -0.05em
}

[lang=en] .snb nav .lnbList .lnbDep2 li:first-child {
	margin-top: 6px
}

[lang=en] .snb nav .lnbList .lnbDep2 li:last-child {
	margin-bottom: 22px
}

[lang=en] .header .headInner .headUtil .recentProd .popLayCont .swiperWrap .swiper-pagination {
	left: 150px
}