/*마이페이지*/
#mypageIndex {
	padding: 0 24px;
}

#mypageIndex .userInfoArea {
	position: relative;
	margin: 0 -24px;
	padding: 0 24px 20px;
	background: url(/static/images/mypage/indexBg.png) repeat center/100% 100%;
}

#mypageIndex .userInfoArea .myBranch {
	display: flex;
	justify-content: flex-end;
	padding: 24px 0 24px 0;
}

#mypageIndex .userInfoArea .myBranch a {
	display: inline-block;
	position: relative;
	padding: 0 20px 0 24px;
	color: var(--color-white);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg id='icon_location_18' transform='translate(0.31 -0.231)'%3E%3Cg id='oval_1911' data-name='oval 1911' transform='translate(-0.31 0.231)' fill='none' stroke='%23fff' stroke-width='1.2'%3E%3Ccircle cx='9' cy='9' r='9' stroke='none'/%3E%3Ccircle cx='9' cy='9' r='8.4' fill='none'/%3E%3C/g%3E%3Cpath id='location-arrow' d='M7.963.528,4.327,7.8A.333.333,0,0,1,4,8a.481.481,0,0,1-.085-.011.343.343,0,0,1-.2-.128.357.357,0,0,1-.076-.224V4.363H.368a.358.358,0,0,1-.224-.077.343.343,0,0,1-.128-.2.368.368,0,0,1,.023-.239A.343.343,0,0,1,.2,3.676L7.475.04A.341.341,0,0,1,7.639,0,.338.338,0,0,1,7.9.108.338.338,0,0,1,8,.3.346.346,0,0,1,7.963.528Z' transform='translate(4.686 5.231)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 60%/16px 16px;
}

#mypageIndex .userInfoArea .myBranch a {
	position: relative;
}

#mypageIndex .userInfoArea .myBranch a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	width: 9px;
	height: 4.5px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.061 6.091'%3E%3Cpath id='path_35308' data-name='path 35308' d='M0,0,4.5,4.5,0,9' transform='translate(9.53 0.53) rotate(90)' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

#mypageIndex .userInfoArea .userInfo {
	display: flex;
	justify-content: space-between;
}

#mypageIndex .userInfoArea .userInfo p {
	font-size: var(--fontsize-heading-M);
	color: var(--color-white);
}

#mypageIndex .userInfoArea .userInfo p strong {
	font-weight: 700;
}

#mypageIndex .userInfoArea .userInfo ul {
	width: 46%;
	display: flex;
	align-items: center;
}

#mypageIndex .userInfoArea .userInfo ul li {
	margin-right: 8px;
}

#mypageIndex .userInfoArea .userInfo ul li:last-of-type {
	margin-right: 0;
	padding-right: 0;
}

#mypageIndex .userInfoArea .userInfo ul li:last-of-type::after,
#mypageIndex .userInfoArea .userInfo ul li:last-of-type::before {
	display: none;
}


#mypageIndex .userInfo .mainStoreArea span {
	color: var(--color-white);
	font-size: var(--fontsize-description);
}

#mypageIndex .userInfo .mainStoreArea a {
	padding-right: 19px;
	margin-bottom: 4px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg data-name='sc 1911' style='stroke:%23fff;fill:none'%3E%3Ccircle cx='8' cy='8' r='8' style='stroke:none'/%3E%3Ccircle cx='8' cy='8' r='7.5' style='fill:none'/%3E%3C/g%3E%3Cpath d='M5.974.4 3.247 5.85A.25.25 0 0 1 3 6a.361.361 0 0 1-.064-.008.257.257 0 0 1-.151-.1.268.268 0 0 1-.057-.168V3.272H.277a.268.268 0 0 1-.168-.057.257.257 0 0 1-.1-.151.276.276 0 0 1 .021-.179.257.257 0 0 1 .123-.128L5.607.03A.256.256 0 0 1 5.731 0a.253.253 0 0 1 .192.081A.254.254 0 0 1 6 .228.26.26 0 0 1 5.974.4z' transform='translate(4.996 4.999)' style='fill:%23fff'/%3E%3C/svg%3E%0A") no-repeat 100% calc(50% + 2px)/15px auto;
	background-position-y: center;
}

#mypageIndex .userInfo .mainStoreArea a span {
	color: var(--color-white);
	font-weight: 700;
}

#mypageIndex .userInfoArea .classArea {
	padding: 35px 0 15px;
}

#mypageIndex .userInfoArea .classArea ul {
	display: flex;
	align-items: center;
}

#mypageIndex .userInfoArea .classArea ul li {
	margin-right: 8px;
}

#mypageIndex .userInfoArea .userInfo {
	align-items: center;
}

#mainPopWrap .mainPop .mainPopSlide img {
	width: 100%;
}

#mypageIndex main {
	position: relative;
	margin-top: 20px;
	padding: 24px;
	background: var(--color-white);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	border-radius: 5px;
}

#mypageIndex main {
	position: relative;
}

#mypageIndex main:before {
	content: "";
	position: absolute;
	width: calc(100% + 48px);
	height: 58%;
	left: -24px;
	top: -40px;
	background: url(/static/images/mypage/indexBg.png) repeat center/100% 100%;
	z-index: -1;
}

#mypageIndex main .infoSection {
	display: flex;
	flex-wrap: wrap;
	justify-content: unset;
}

#mypageIndex main .infoSection .areaTitle {
	font-weight: bold;
	color: var(--color-primary);
	padding-right: 10px;
}

#mypageIndex main .infoSection > p {
	font-size: var(--fontsize-body-XS);
}

#mypageIndex main .infoSection > p a {
	display: block;
	padding-right: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.273 20.849'%3E%3Cpath id='path_33913' data-name='path 33913' d='M10,20,0,10,10,0' transform='translate(10.424 20.424) rotate(180)' fill='none' stroke='%231A1818' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 100% calc(50% - 0px)/6px auto;
}

#mypageIndex main .infoSection .hl {
	font-weight: 700;
	font-size: var(--fontsize-title-L);
	background: linear-gradient(to top, var(--color-white)A9E 50%, transparent 50%);
}

#mypageIndex main .infoSection strong {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	color: var(--color-blue-06);
}

#mypageIndex main .mileageArea {
	display: flex;
	position: relative;
	/* flex-wrap: wrap; */
	justify-content: space-between;
	margin-bottom: 10px;
	margin-top: 0px;
}

#mypageIndex main .mileageArea .infoSection {
	margin-top: 32px;
}

#mypageIndex main .mileageArea .infoSection:first-child {
	margin-top: 0;
}

#mypageIndex main .barCodeArea {
	padding-top: 32px;
	text-align: center;
}

#mypageIndex main .barCodeArea p {
	text-align: center;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-03);
	padding-top: 10px;
}

#mypageIndex main .mileageArea .barcode .imgArea {
	background-color: var(--color-grey-07);
	border-radius: var(--radius-m);
	width: 40px;
	text-align: center;
	height: 25px;
}

#mypageIndex main .mileageArea .barcode .imgArea img {
	width: 20px;
	height: 20px;
	margin-top: 2px;
}

#mypageIndex main .mileageArea .barcode .imgArea .bar {
	width: 24px;
	border-radius: 30px;
	height: 2px;
	background-color: #3680FF;
	position: absolute;
	top: 15%;
	margin-left: 8px;
	animation: scanning-bar linear 2s;
	animation-iteration-count: 2s;
	transform-origin: 50% 50%;
	-webkit-animation: scanning-bar linear 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
}

@keyframes scanning-bar {
	0% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}

	25% {
		-webkit-transform: translate(0px, 7px);
		transform: translate(0px, 7px);
	}


	50% {
		-webkit-transform: translate(0px, 15px);
		transform: translate(0px, 15px);
	}

	75% {
		-webkit-transform: translate(0px, 7px);
		transform: translate(0px, 7px);
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}

@-webkit-keyframes scanning-bar {
	0% {
		-webkit-transform: translate(0px, 0px);
	}

	25% {
		-webkit-transform: translate(0px, 7px);
	}


	50% {
		-webkit-transform: translate(0px, 15px);
	}

	75% {
		-webkit-transform: translate(0px, 7px);
	}

	100% {
		-webkit-transform: translate(0px, 0px);
	}
}

#mypageIndex main .mileageArea dl {
	display: flex;
}

#mypageIndex main .mileageArea dl dt {
	font-weight: 700;
	margin-right: 5px;
}

#mypageIndex main .mileageArea dl dd span {
	font-size: var(--fontsize-title-M);
	line-height: var(--baseline-6x);
	font-weight: 700;
	color: var(--color-blue-06);
}

#mypageIndex main .mileageArea dl dd a {
	font-size: var(--fontsize-body-XS);
	font-weight: 400;
}

#mypageIndex main .couponArea {
	padding-top: 16px;
}

#mypageIndex main .couponArea ul {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

#mypageIndex main .couponArea ul li {
	text-align: center;
}

#mypageIndex main .couponArea ul li strong {
	font-size: var(--fontsize-description);
	color: var(--color-grey-02);
}

#mypageIndex main .couponArea ul li .num {
	line-height: var(--baseline-9x);
	display: block;
	text-align: center;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	color: var(--color-blue-06);
}

#mypageIndex .bannerArea {
	padding-top: 32px;
}

#mypageIndex .bannerArea a {
	display: block;
}

#mypageIndex .bannerArea img {
	width: 100%;
}

/*#mypageIndex main .menuList ul li {
	font-size: var(--fontsize-body-XS);
}*/

#mypageIndex .menuList ul li a {
	display: block;
	padding: 24px 0;
	border-bottom: 1px solid var(--color-grey-04);
}

#mypageIndex .menuList ul li a {
	position: relative;
}

#mypageIndex .menuList ul li a:after {
	content: "";
	position: absolute;
	width: 6px;
	height: 12px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.061 10.707'%3E%3Cpath id='Icon_Arrow_Right_10' d='M5,10,0,5,5,0' transform='translate(5.354 10.354) rotate(180)' fill='none' stroke='%23888' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

@media screen and (max-width:320px) {
	#mypageIndex main .mileageArea {
		display: block;
		margin-bottom: 0;
	}

	#mypageIndex main .mileageArea dl,
	#mypageIndex main .infoSection {
		justify-content: space-between;
	}

	#mypageIndex main .mileageArea dl dt {
		font-size: var(--fontsize-body-R);
	}

	#mypageIndex main .mileageArea .barcode {
		margin-bottom: 10px;
	}
}

#mypageWelcome main {
	padding-top: 40px;
}

#mypageWelcome main h3 {
	margin-bottom: 44px;
	text-align: center;
}

#mypageWelcome main h3 span {
	display: inline-block;
	font-size: var(--fontsize-label-L);
	font-weight: 500;
	line-height: var(--baseline-7x);
}

#mypageWelcome main h3 span i {
	position: relative;
}

#mypageWelcome main h3 span i:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 12px;
	background: var(--color-white)A9E;
	z-index: -1;
}

#mypageWelcome main h3 strong {
	display: inline-block;
	font-size: 34px;
	line-height: 58px;
}

#mypageWelcome main ul li {
	position: relative;
	margin-bottom: 24px;
}

#mypageWelcome main ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	background: var(--color-white);
	border: var(--border-table-bottom);
}

#mypageWelcome main ul li a .couponWrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: baseline;
	position: static !important;
	height: 130px;
	width: calc(100% - 76px);
	padding: 0 7px 0 10px;
}

#mypageWelcome main ul li a .couponWrap > em {
	display: block;
	font-size: var(--fontsize-body-XS);
	line-height: 18px;
	color: var(--color-blue-01);
}

#mypageWelcome main ul li a .couponWrap > em.logo {
	display: block;
	width: 100px;
	height: 14px;
	background: url("/static/images/icon/logo_bl.svg") no-repeat 0 0/100%;
	margin-bottom: 4px;
}

#mypageWelcome main ul li a .couponWrap > strong {
	display: block;
	font-size: var(--fontsize-title-M);
	line-height: var(--baseline-6x);
	color: var(--color-blue-01);
}

#mypageWelcome main ul li a .couponWrap > strong i {
	font-size: var(--fontsize-body-R);
}

#mypageWelcome main ul li a .couponWrap > span {
	display: block;
	padding-top: 10px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: 22px;
}

#mypageWelcome main ul li a .couponWrap:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 76px;
	height: 136px;
	background: #0f349d;
}

#mypageWelcome main ul li a .couponWrap {
	position: relative;
}

#mypageWelcome main ul li a .couponWrap:after {
	content: "";
	position: absolute;
	right: -56px;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	content: "WELCOME VOUCHER";
	text-align: center;
	font-size: 10px;
	font-weight: 700;
	color: var(--color-white);
	line-height: var(--baseline-5x);
}

#mypageWelcome main ul li:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 68px;
	width: 24px;
	height: 24px;
	transform: translate(50%, 50%);
	border-radius: 50%;
	background: var(--color-white);
}

#mypageWelcome main ul li:last-child {
	margin-bottom: 0;
}

#mypageWelcome main .btnArea {
	padding-top: 20px;
}

#mypageWelcome main .btnArea a {
	margin-bottom: 16px;
}

#mypageWelcome main .btnArea a:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#mypageWelcome main .btnArea a:last-of-type::after,
#mypageWelcome main .btnArea a:last-of-type::before {
	display: none;
}

#mypageCardSearch #content {
	padding: 40px 0;
}

#mypageCardSearch .cardList > li {
	margin-bottom: 40px;
	padding: 24px;
	background: var(--color-grey-07);
}

#mypageCardSearch .cardList > li:last-of-type {
	margin-bottom: 16px;
}

#mypageCardSearch .cardList > li > div {
	padding-bottom: 24px;
	border-bottom: var(--border-table-bottom);
}

#mypageCardSearch .cardList > li > div strong {
	display: block;
	margin-bottom: 2px;
	font-size: var(--fontsize-title-L);
}

#mypageCardSearch .cardList > li > div span {
	display: block;
	padding-top: 2px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageCardSearch .cardList > li .cardInfoList {
	padding-top: 24px;
}

#mypageCardSearch .cardList > li .cardInfoList > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
}

#mypageCardSearch .cardList > li .cardInfoList > li:first-child {
	padding-top: 0;
}

#mypageCardSearch .cardList > li .cardInfoList > li strong {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageCardSearch .cardList > li .cardInfoList > li span {
	font-size: var(--fontsize-body-XS);
}

#mypageCardSearch .caution li {
	margin-top: 8px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
}

#mypageCardSearch .contentsFooter p {
	padding-top: 40px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#mypageCardSearch .btnArea {
	margin-top: 30px;
}

#mypageCardSearch .btnArea a {
	line-height: var(--baseline-12x);
}

#mypageCardPassword .contents {
	margin: 40px 0 0;
	padding: 24px;
	background: var(--color-grey-07);
}

#mypageCardPassword .contents > p {
	padding-top: 20px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-6x);
}

#mypageCardPassword .contents .listTypeD {
	padding-top: 24px;
}

#mypageCardPassword .contents .listTypeD > li {
	padding-left: 0;
}

#mypageCardPassword .contents .listTypeD > li:after {
	display: none;
}

#mypageCardPassword .inputArea {
	margin: 32px auto 40px;
}

#mypageCardPassword .inputArea li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

#mypageCardPassword .inputArea li input {
	width: 54%;
	height: 48px;
	padding: 0 20px;
	border: var(--border-table-bottom);
}

#mypageCardPassword .inputArea li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#mypageCardPassword .inputArea li:last-of-type::after,
#mypageCardPassword .inputArea li:last-of-type::before {
	display: none;
}

#mypageCardPassword .contentsFooter p {
	padding-top: 40px;
	font-size: var(--fontsize-body-XS);
	line-height: 22px;
	text-align: center;
}

#mypageCardPassword .btnArea {
	margin-top: 40px;
}

#mypageCoupon .titleArea {
	padding-top: 40px;
}

#mypageCoupon .titleArea h2 {
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
}

#mypageCoupon .sumArea {
	padding-top: 40px;
}

#mypageCoupon .sumArea > strong {
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-8x);
}

#mypageCoupon .sumArea > ul {
	background: var(--color-grey-07);
	display: flex;
	justify-content: space-around;
	margin: 16px 0;
}

#mypageCoupon .sumArea > ul li {
	padding: 24px;
	text-align: center;
}

#mypageCoupon .sumArea > ul li strong {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	line-height: 1.85;
}

#mypageCoupon .sumArea > ul li p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageCoupon .contentText {
	padding-top: 32px;
}

#mypageCoupon .contentText > strong {
	display: block;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-6x);
}

#mypageCoupon .contentText .gradeArea {
	padding-top: 24px;
}

#mypageCoupon .contentText .gradeArea article {
	padding-top: 24px;
}

#mypageCoupon .contentText .gradeArea article:first-child {
	padding-top: 0;
}

#mypageCoupon .contentText .gradeArea article > strong {
	display: inline-block;
	position: relative;
}

#mypageCoupon .contentText .gradeArea article > strong {
	position: relative;
}

#mypageCoupon .contentText .gradeArea article > strong:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 12px;
	background: #DFF4BB;
}

#mypageCoupon .contentText .gradeArea article > strong span {
	position: relative;
	font-size: var(--fontsize-title-M);
	line-height: var(--baseline-6x);
}

#mypageCoupon .contentText .gradeArea article ul {
	padding-top: 15px;
}

#mypageCoupon .contentText .gradeArea article ul li {
	padding-top: 6px;
}

#mypageCoupon .contentText .gradeArea article ul li:first-child {
	padding-top: 0;
}

#mypageCoupon .contentText .gradeArea article .description {
	padding-top: 8px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageCoupon .couponSearchBox {
	margin: 60px 0 0;
}

#mypageCoupon .couponSearchBox h3 {
	font-size: var(--fontsize-title-L);
	padding-bottom: 24px;
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li {
	margin-top: 48px;
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li div {
	display: flex;
	justify-content: space-between;
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li div p span {
	margin-right: 10px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-03);
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li div p strong {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li ul {
	margin-top: 16px;
	padding: 24px;
	border: var(--border-table-bottom);
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li ul li:first-child {
	padding-top: 0;
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li ul li span {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li ul li strong {
	font-size: var(--fontsize-body-XS);
	color: var(--color-primary);
}

#mypageCoupon .couponSearchBox .couponInfoWrap > li:first-child {
	margin-top: 0;
}

#mypageCoupon .couponSearchBox .information {
	padding-top: 32px;
}

#mypageCoupon .couponSearchBox .information li {
	padding-top: 10px;
	font-size: var(--fontsize-body-XS);
	line-height: 22px;
}

#mypageCoupon .couponSearchBox .information li:first-child {
	padding-top: 0;
}

#mypageProgressCoupon .mt10 {
	margin-top: 10px;
}

#mypageProgressCoupon .gray {
	background: var(--color-grey-06);
	padding-top: 30px;
	padding-bottom: 24px;
}

#mypageProgressCoupon .gray:last-of-type {
	padding-bottom: 120px;
}

#mypageProgressCoupon .couponTypeBtnBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

#mypageProgressCoupon .couponTypeBtnBox li {
	width: 100%;
	height: 44px;
	margin-left: -1px;
}

#mypageProgressCoupon .couponTypeBtnBox li a {
	display: block;
	border: 1px solid var(--color-grey-03);
	background: var(--color-white);
	color: var(--color-grey-03);
	line-height: 42px;
	text-align: center;
}

#mypageProgressCoupon .couponTypeBtnBox li:first-of-type {
	margin-left: 0;
}

#mypageProgressCoupon .couponTypeBtnBox li.on {
	position: relative;
	z-index: 1;
}

#mypageProgressCoupon .couponTypeBtnBox li.on a {
	color: var(--color-blue-01);
	border: 1px solid var(--color-blue-01);
	font-weight: 700;
}

#mypageProgressCoupon .addCouponBtnBox {
	margin-bottom: 40px;
}

#mypageProgressCoupon .addCouponBtnBox a {
	padding-left: 25px;
}

#mypageProgressCoupon .addCouponBtnBox a {
	position: relative;
}

#mypageProgressCoupon .addCouponBtnBox a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -4px 0 0 -43px;
	width: 12px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cg id='group_35637' data-name='group 35637' transform='translate(-343 -666.699)'%3E%3Cpath id='path_35310' data-name='path 35310' d='M-6177.547,18333.688v1.4h-10v-1.4Z' transform='translate(-5834.547 19006.088) rotate(180)' fill='%231A1818'/%3E%3Cpath id='path_35311' data-name='path 35311' d='M-6177.547,18333.688v1.4h-10v-1.4Z' transform='translate(18682.387 6854.246) rotate(90)' fill='%231A1818'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0;
}

#mypageProgressCoupon .bannerArea img {
	width: 100%;
}

#mypageProgressCoupon .couponListWrap ul li {
	padding: 24px 24px 16px;
	margin: 16px 0;
	background: var(--color-white);
}

#mypageProgressCoupon .couponListWrap ul li > div {
	display: flex;
	justify-content: space-between;
	padding-bottom: 16px;
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type {
	position: relative;
	align-items: flex-start;
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type:before {
	content: "";
	position: absolute;
	left: -35px;
	bottom: -12px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	/*	 z-index: 3; */
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type:after {
	content: "";
	position: absolute;
	right: -35px;
	bottom: -12px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	/*	 z-index: 3; */
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type > div {
	width: 100%;
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type > div .banner {
	display: inline-block;
	margin-right: 4px;
	padding: 0 8px;
	border: 1px solid var(--color-blue-01);
	color: var(--color-blue-01);
	font-size: var(--fontsize-description);
	text-align: center;
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type > div strong {
	display: block;
	margin: 8px 0 4px;
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type > div p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageProgressCoupon .couponListWrap ul li > div:first-of-type > img {
	width: 77px;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type {
	width: 100%;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 0;
	background: url(/static/images/mypage/couponLine.png) repeat-x;
	background-size: 292px;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type p span {
	display: block;
	margin-top: 2px;
	font-size: var(--fontsize-body-XS);
	font-weight: 700;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type p span.can {
	color: var(--color-primary);
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type p span.canNot {
	color: var(--color-grey-02);
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type > .sb span {
	font-size: var(--fontsize-body-S);
	font-weight: 700;
	margin-right: 4px;
	color: var(--color-grey-02);
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnDownload {
	width: 36px;
	height: 36px;
	background: var(--color-blue-01) url("/static/images/icon/download.svg") no-repeat 50% 50%/16px;
	border-radius: 50%;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnMore {
	position: relative;
	align-self: flex-end;
	font-size: var(--fontsize-body-XS);
	padding-right: 14px;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnMore {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnMore:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	width: 6px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.273 20.849'%3E%3Cpath id='path_33913' data-name='path 33913' d='M10,20,0,10,10,0' transform='translate(10.424 20.424) rotate(180)' fill='none' stroke='%231A1818' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/6px;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnUsed {
	position: relative;
	height: 40px;
	padding-right: 30px;
	color: var(--color-grey-03);
	font-size: var(--fontsize-body-S);
	font-weight: 700;
	display: flex;
	align-items: center;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnUsed {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnUsed:after {
	content: "";
	position: absolute;
	right: 0;
	top: 11px;
	width: 20px;
	height: 20px;
	background: var(--color-grey-04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.066 9.534'%3E%3Cpath id='path_34975' data-name='path 34975' d='M65.419,11.6l3.188,3.745,6.812-8' transform='translate(-64.886 -6.888)' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 50% 50%/8px;
	border-radius: 50%;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnAfter {
	position: relative;
	height: 40px;
	padding-right: 30px;
	color: var(--color-grey-03);
	font-size: var(--fontsize-body-S);
	font-weight: 700;
	display: flex;
	align-items: center;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnAfter {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li > div:last-of-type a.btnAfter:after {
	content: "";
	position: absolute;
	right: 0;
	top: 11px;
	width: 20px;
	height: 20px;
	background: var(--color-grey-04) url("/static/images/icon/caution_gg.svg") no-repeat 50% 50%/28px;
	border-radius: 50%;
}

#mypageProgressCoupon .couponListWrap ul li.close {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li.close {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li.close:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	/* z-index: 2; */
}

#mypageProgressCoupon .couponListWrap ul li.close > div:last-of-type a.btnDownload {
	position: relative;
	width: 40px;
	height: 40px;
	background: var(--color-grey-04) url("/static/images/icon/download.svg") no-repeat 50% 50%/16px;
	border-radius: 50%;
	z-index: 3;
}

#mypageProgressCoupon .couponListWrap ul li.young > div:first-of-type {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li.young > div:first-of-type:before {
	content: "";
	position: absolute;
	left: -35px;
	top: 108px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageProgressCoupon .couponListWrap ul li.young > div:first-of-type {
	position: relative;
}

#mypageProgressCoupon .couponListWrap ul li.young > div:first-of-type:after {
	content: "";
	position: absolute;
	right: -35px;
	top: 108px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageProgressCoupon .couponListWrap ul li.parking > div:first-of-type > div > strong {
	margin: 8px 0;
}

#mypageProgressCoupon .nothingCoupon {
	padding-top: 46px;
	margin: 60px auto 120px;
	color: var(--color-grey-03);
	text-align: center;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.4 37.4'%3E%3Cg id='Icon_NoResult_36' transform='translate(-163.704 -813.421)'%3E%3Cpath id='p_36461' data-name='p 36461' d='M37.452,42.094h-28V15.022l8.741-8.928H37.452v36' transform='translate(154.952 808.027)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3Cg id='g_36338' data-name='g 36338' transform='translate(-0.596 -0.857)'%3E%3Cline id='l_1464' data-name='l 1464' x2='8' y2='8' transform='translate(175 830.979)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3Cline id='l_1465' data-name='l 1465' x1='8' y2='8' transform='translate(175 830.979)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0/26px;
}

#mypageProgressCoupon .contentText p {
	margin-bottom: 8px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: 1.7;
	letter-spacing: -0.14px;
}

#mypageProgressCoupon .contentText p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#mypageProgressCoupon .contentText p:last-of-type::after,
#mypageProgressCoupon .contentText p:last-of-type::before {
	display: none;
}

#mypageProgressCoupon .btnBox {
	margin-top: 20px;
}

#mypageProgressCoupon .btnBox a.after {
	padding-right: 16px;
}

#mypageProgressCoupon .btnBox a.after {
	position: relative;
}

#mypageProgressCoupon .btnBox a.after:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 22px;
	margin-left: 93px;
	width: 6px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.061 10.707'%3E%3Cpath id='Icon_Arrow_Right_10' d='M5,10,0,5,5,0' transform='translate(5.354 10.354) rotate(180)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 0 0/6px;
}

#mypageProgressCoupon .progressCpn {
	background: var(--color-grey-06);
}

#mypageProgressCoupon .progressCpn main {
	padding-top: 30px;
}

#mypageProgressCoupon .progressCpn .master {
	margin: 0 -24px;
	padding: 24px;
}

#mypageProgressCoupon .progressCpn .master:last-of-type {
	border: 0;
}

#mypageProgressCoupon .progressCpn .master:first-of-type .bannerArea,
#mypageProgressCoupon .progressCpn .master:first-of-type .couponListWrap:nth-child(1) {
	margin-top: -24px;
}

#mypageProgressCoupon .progressCpn .master .bannerArea {
	margin-bottom: 16px;
}

#mypageProgressCoupon .progressCpn .master .couponListWrap ul li {
	margin-top: 0;
}

#mypageProgressCoupon .progressCpn .master .couponListWrap ul li:last-of-type {
	margin-bottom: 0;
}

.myProgressCpnWrap #appHeader ~ section#mypageProgressCoupon .fixedBtnBox {
	bottom: 55px;
}

.myProgressCpnWrap #appHeader ~ section#mypageProgressCoupon main {
	padding-bottom: 24px;
}

.myProgressCpnWrap .imgArea {
	margin: 24px 0;
	text-align: center;
}

.myProgressCpnWrap .couponDatailBox .detailContent {
	height: auto;
	padding: 24px;
	margin: 16px 0;
	background: var(--color-white);
}

.myProgressCpnWrap .couponDatailBox .detailContent > div {
	display: flex;
	justify-content: space-between;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
	padding-bottom: 20px;
	align-items: flex-start;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type:before {
	content: "";
	position: absolute;
	left: -35px;
	top: 81px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type:after {
	content: "";
	position: absolute;
	right: -35px;
	top: 81px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type > div {
	width: 100%;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type > div .banner {
	display: inline-block;
	margin-right: 4px;
	padding: 0 8px;
	border: 1px solid var(--color-blue-01);
	color: var(--color-blue-01);
	font-size: var(--fontsize-description);
	text-align: center;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type > div > strong {
	display: block;
	margin: 4px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:first-of-type > div > p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:last-of-type {
	width: 100%;
	align-items: center;
	padding-top: 24px;
	background: url(/static/images/mypage/couponLine.png) repeat-x;
	background-size: 292px;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:last-of-type > ul > li {
	display: flex;
	margin-bottom: 6px;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	display: inline-block;
	margin-right: 0;
	width: 68px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	position: relative;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:last-of-type > ul > li span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 10px;
	background: var(--color-grey-04);
	display: none;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:last-of-type > ul > li p {
	display: inline-block;
	flex: 1;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
	line-height: inherit;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:last-of-type > ul > li ol {
	display: inline-block;
	flex: 1;
}

.myProgressCpnWrap .couponDatailBox .detailContent > div:last-of-type > ul > li ol li {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
	line-height: 1.57;
}

.myProgressCpnWrap .fixedBtnBox {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 24px 24px 40px;
	background: var(--color-white);
	box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.16);
	text-align: center;
	z-index: 10;
}

#couponCompletePop {
	position: fixed;
	top: 50%;
	left: 50%;
	width: calc(100% - 48px);
	transform: translate(-50%, -50%);
	background: var(--color-white);
	z-index: 21;
}

#couponCompletePop .completePopWrap {
	padding: 48px 24px;
}

#couponCompletePop .completePopWrap h2 {
	margin-bottom: 20px;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-7x);
	text-align: center;
}

#couponCompletePop .completePopWrap p {
	text-align: center;
	font-size: var(--fontsize-body-R);
}

#couponCompletePop .completePopWrap .btnArea {
	margin-top: 40px;
	display: flex;
}

#couponCompletePop .completePopWrap .btnPopClose {
	position: absolute !important;
	right: 10px;
	top: 10px;
	width: 30px;
	height: 30px;
}

#couponCompletePop .completePopWrap .btnPopClose {
	position: relative;
}

#couponCompletePop .completePopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#couponCkPop {
	position: fixed;
	top: 50%;
	left: 50%;
	width: calc(100% - 48px);
	transform: translate(-50%, -50%);
	background: var(--color-white);
	z-index: 21;
}

#couponCkPop .completePopWrap {
	padding: 48px 24px;
}

#couponCkPop .completePopWrap h2 {
	display: block;
	padding: 0 0 20px 0;
	text-align: center;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-7x);
}

#couponCkPop .completePopWrap p {
	text-align: center;
	font-size: var(--fontsize-body-R);
}

#couponCkPop .completePopWrap .btnArea {
	display: flex;
	margin-top: 40px;
}

#couponCkPop .completePopWrap .btnPopClose {
	display: flex;
	position: absolute !important;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	right: 10px;
	top: 10px;
	text-indent: -3000000em;
}

#couponCkPop .completePopWrap .btnPopClose {
	position: relative;
}

#couponCkPop .completePopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#couponBarcodePopOpen {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--color-white);
	z-index: 21;
}

#couponBarcodePopOpen .couponBarcodePopWrap {
	padding: 30px;
}

#couponBarcodePopOpen .couponBarcodePopWrap h2 {
	margin-bottom: 40px;
	font-size: var(--fontsize-title-XL);
	font-weight: 700;
}

#couponBarcodePopOpen .couponBarcodePopWrap .cont {
	margin-bottom: 40px;
	font-size: var(--fontsize-body-R);
}

#couponBarcodePopOpen .couponBarcodePopWrap .barcodeBox ul {
	margin-top: 13px;
	display: flex;
	justify-content: center;
}

#couponBarcodePopOpen .couponBarcodePopWrap .barcodeBox ul li {
	color: var(--color-grey-03);
	margin: 0 8px;
}

#couponBarcodePopOpen .couponBarcodePopWrap .btnArea {
	padding-top: 62px;
}

#couponBarcodePopOpen .couponBarcodePopWrap .btnPopClose {
	position: absolute !important;
	right: 30px;
	top: 30px;
	width: 24px;
	height: 24px;
}

#couponBarcodePopOpen .couponBarcodePopWrap .btnPopClose {
	position: relative;
}

#couponBarcodePopOpen .couponBarcodePopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#couponUsePopOpen {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--color-white);
	z-index: 21;
}

#couponUsePopOpen .couponUsePopWrap {
	padding: 30px;
}

#couponUsePopOpen .couponUsePopWrap h2 {
	margin-bottom: 40px;
	font-size: var(--fontsize-title-XL);
	font-weight: 700;
}

#couponUsePopOpen .couponUsePopWrap .cont {
	margin-bottom: 40px;
	font-size: var(--fontsize-body-R);
}

#couponUsePopOpen .couponUsePopWrap input {
	height: 56px;
	width: 100%;
	line-height: var(--baseline-14x);
	border: var(--border-table-bottom);
	text-align: center;
}

#couponUsePopOpen .couponUsePopWrap .btnArea {
	padding-top: 40px;
}

#couponUsePopOpen .couponUsePopWrap .btnPopClose {
	position: absolute !important;
	right: 30px;
	top: 30px;
	width: 24px;
	height: 24px;
}

#couponUsePopOpen .couponUsePopWrap .btnPopClose {
	position: relative;
}

#couponUsePopOpen .couponUsePopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/*230908 추가*/
#mypageOwnCoupon div.listBtn,
#mypageProgressCoupon div.listBtn {
	Margin-top: 40px;
}


#mypageOwnCoupon .gray {
	background: var(--color-grey-06);
	padding-top: 10px;
}

#mypageOwnCoupon .gray .bannerArea img {
	width: 100%;
}

#mypageOwnCoupon .gray .imgArea {
	margin: 24px 0;
	text-align: center;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent {
	height: auto;
	padding: 24px;
	margin: 16px 0;
	background: var(--color-white);
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div {
	display: flex;
	justify-content: space-between;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
	padding-bottom: 20px;
	align-items: flex-start;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type:before {
	content: "";
	position: absolute;
	left: -35px;
	top: 81px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type:after {
	content: "";
	position: absolute;
	right: -35px;
	top: 81px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type > div {
	width: 100%;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type > div .banner {
	display: inline-block;
	height: 23px;
	margin-right: 4px;
	padding: 0 8px;
	border: 1px solid var(--color-blue-01);
	color: var(--color-blue-01);
	font-size: var(--fontsize-description);
	text-align: center;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type > div > strong {
	display: block;
	margin: 4px 0;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:first-of-type > div > p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type {
	width: 100%;
	align-items: center;
	padding-top: 24px;
	background: url(/static/images/mypage/couponLine.png) repeat-x;
	background-size: 292px;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li {
	display: flex;
	margin-bottom: 6px;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	display: inline-block;
	margin-right: 0;
	width: 68px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	position: relative;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 10px;
	background: var(--color-grey-04);
	display: none;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li p {
	display: inline-block;
	flex: 1;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
	line-height: inherit;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li ol {
	display: inline-block;
	flex: 1;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li ol li {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
	line-height: 1.57;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend {
	height: auto;
	overflow: hidden;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div {
	display: block;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type {
	height: 225px;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type:before {
	content: "";
	position: absolute;
	left: -35px;
	top: 215px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type:after {
	content: "";
	position: absolute;
	right: -35px;
	top: 215px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type > div > ul {
	margin-top: 28px;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type > div > ul > li {
	display: flex;
	margin-bottom: 6px;
	align-items: flex-start;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type > div > ul > li span {
	display: inline-block;
	width: 70px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type > div > ul > li p {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type > div > ul > li ol li {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
	line-height: 1.57;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li {
	margin-bottom: 14px;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li:last-of-type {
	margin-bottom: 0;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li.textBox {
	display: block;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li.textBox span {
	display: block;
	margin-bottom: 8px;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li.textBox span {
	position: relative;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li.textBox span:after {
	content: "";
	position: absolute;
	display: none;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li span {
	position: relative;
	width: 127px;
	display: inline-block;
	margin-right: 16px;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li span {
	position: relative;
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li span:after {
	content: "";
	position: absolute;
	display: inline-block;
	right: 0;
	top: 5px;
	width: 1px;
	height: 10px;
	background: var(--color-grey-04);
}

#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:last-of-type > ul > li p {
	color: var(--color-primary);
	line-height: 1.57;
}

#mypageOwnCoupon .gray .couponDatailBox .barcodeBox #parkingBarcodeImg {
	width: 100%;
}

#mypageOwnCoupon .gray .couponDatailBox .barcodeBox ul li {
	display: inline-block;
	margin-top: 4px;
}

#mypageOwnCoupon .gray .sendBox {
	margin: 24px 0;
}

#mypageOwnCoupon .gray .sendBox li {
	margin-bottom: 24px;
}

#mypageOwnCoupon .gray .sendBox li:last-of-type {
	margin-bottom: 0;
}

#mypageOwnCoupon .gray .sendBox li strong {
	display: inline-block;
	margin-bottom: 16px;
}

#mypageOwnCoupon .gray .sendBox li input {
	width: 100%;
	height: 48px;
	padding: 0 16px;
	border: var(--border-table-bottom);
	background: var(--color-white);
}

#mypageOwnCoupon .gray .sendBox li textarea {
	width: 100%;
	height: 74px;
	padding: 12px 16px;
	border: var(--border-table-bottom);
	background: var(--color-white);
	resize: none;
}

#mypageOwnCoupon .gray .contentText p {
	margin-top: 8px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: 1.43;
	letter-spacing: -0.14px;
}

#mypageOwnCoupon .gray .btnBox {
	margin-top: 60px;
}

#mypageOwnCoupon .fixedBtnBox {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 24px 24px 40px;
	background: var(--color-white);
	box-shadow: 0 -3px 6px 0 rgba(0, 0, 0, 0.16);
	text-align: center;
	z-index: 10;
}

#mypageOwnCoupon.young .couponDatailBox .detailContent > div:first-of-type > div strong {
	white-space: normal;
}

#mypageOwnCoupon.young .couponDatailBox .detailContent > div:last-of-type > ul > li p {
	display: inline-block;
	flex: 1;
}

#mypageOwnCoupon.young .couponDatailBox .detailContent > div:last-of-type > ul > li p:after {
	display: none;
}

#mypageOwnCoupon.young .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	display: inline-block;
	margin-right: 0;
	width: 70px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#mypageOwnCoupon.young .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	position: relative;
}

#mypageOwnCoupon.young .couponDatailBox .detailContent > div:last-of-type > ul > li span:after {
	content: "";
	position: absolute;
	display: none;
}

#mypageOwnCoupon.young .btnBox {
	margin-top: 24px;
}

#mypageOwnCoupon.young .btnBox a {
	margin-bottom: 40px;
}

#mypageOwnCoupon.young .btnBox input {
	width: 100%;
	height: 56px;
	margin-bottom: 16px;
	line-height: var(--baseline-14x);
	border: var(--border-table-bottom);
	text-align: center;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:first-of-type {
	height: 220px;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:first-of-type:before {
	content: "";
	position: absolute;
	left: -35px;
	top: 208px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:first-of-type:after {
	content: "";
	position: absolute;
	right: -35px;
	top: 208px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:first-of-type > div .multiBox {
	margin: 20px 0;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:first-of-type > div .multiBox > p {
	margin-bottom: 18px;
	font-size: var(--fontsize-heading-M);
	text-align: center;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:first-of-type > div .multiBox > p > span {
	font-weight: 700;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:last-of-type > ul > li p {
	display: inline-block;
	flex: 1;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:last-of-type > ul > li p:after {
	display: none;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	display: inline-block;
	margin-right: 0;
	width: 70px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	position: relative;
}

#mypageOwnCoupon.multi .couponDatailBox .detailContent > div:last-of-type > ul > li span:after {
	content: "";
	position: absolute;
	display: none;
}

#mypageOwnCoupon.parking .couponDatailBox .detailContent > div:first-of-type {
	height: 77px;
}

#mypageOwnCoupon.parking .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon.parking .couponDatailBox .detailContent > div:first-of-type:before {
	content: "";
	position: absolute;
	left: -35px;
	top: 67px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon.parking .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon.parking .couponDatailBox .detailContent > div:first-of-type:after {
	content: "";
	position: absolute;
	right: -35px;
	top: 67px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon.parking .fixedBtnBox a {
	margin-bottom: 10px;
	/*width: 46%;
  margin: 0 5px 0;
  vertical-align: middle;*/

}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:first-of-type {
	height: 77px;
}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:first-of-type:before {
	content: "";
	position: absolute;
	left: -35px;
	top: 67px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:first-of-type {
	position: relative;
}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:first-of-type:after {
	content: "";
	position: absolute;
	right: -35px;
	top: 67px;
	width: 24px;
	height: 24px;
	background: var(--color-grey-06);
	border-radius: 50%;
	z-index: 3;
}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:last-of-type > ul {
	margin-top: 28px;
}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	display: inline-block;
	margin-right: 0;
	width: 70px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:last-of-type > ul > li span {
	position: relative;
}

#mypageOwnCoupon.discount .couponDatailBox .detailContent > div:last-of-type > ul > li span:after {
	content: "";
	position: absolute;
	display: none;
}

#mypageOwnCoupon #content.appStyle {
	padding-bottom: 340px;
}

#appHeader ~ section#mypageOwnCoupon .fixedBtnBox {
	bottom: 55px;
}

#appHeader ~ section#mypageOwnCoupon main .contentText {
	margin-bottom: 24px;
}

#couponAddPop {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--color-white);
	z-index: 21;
}

#couponAddPop .couponAddPopWrap {
	padding: 28px 24px;
}

#couponAddPop .couponAddPopWrap h2 {
	display: block;
	margin-bottom: 16px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#couponAddPop .couponAddPopWrap .cont {
	margin-bottom: 40px;
	font-size: var(--fontsize-body-R);
}

#couponAddPop .couponAddPopWrap input {
	width: 100%;
	height: 56px;
	line-height: var(--baseline-14x);
	text-align: center;
	border: var(--border-table-bottom);
}

#couponAddPop .couponAddPopWrap p {
	margin-top: 8px;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
}

#couponAddPop .couponAddPopWrap p strong {
	font-weight: 700;
}

#couponAddPop .couponAddPopWrap .btnArea {
	padding-top: 40px;
}

#couponAddPop .couponAddPopWrap .btnPopClose {
	position: absolute !important;
	right: 24px;
	top: 33px;
	width: 20px;
	height: 20px;
}

#couponAddPop .couponAddPopWrap .btnPopClose {
	position: relative;
}

#couponAddPop .couponAddPopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#useHistoryPop {
	position: fixed;
	width: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 30;
	background: var(--color-white);
}

#useHistoryPop .useHistoryPopWrap {
	padding: 28px 24px;
}

#useHistoryPop .useHistoryPopWrap h2 {
	display: block;
	margin-bottom: 16px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#useHistoryPop .useHistoryPopWrap .cont {
	margin-bottom: 40px;
	font-size: var(--fontsize-body-R);
}

#useHistoryPop .useHistoryPopWrap .cont table {
	width: 100%;
	border-collapse: collapse;
}

#useHistoryPop .useHistoryPopWrap .cont table thead tr {
	height: 53px;
}

#useHistoryPop .useHistoryPopWrap .cont table thead tr th {
	background: var(--color-grey-07);
	border: var(--border-table-bottom);
	border-top: 1px solid var(--color-primary);
	font-size: var(--fontsize-body-XS);
	font-weight: normal;
}

#useHistoryPop .useHistoryPopWrap .cont table thead tr th:first-of-type {
	border-left: 0;
}

#useHistoryPop .useHistoryPopWrap .cont table thead tr th:last-of-type {
	border-right: 0;
}

#useHistoryPop .useHistoryPopWrap .cont table tbody tr {
	height: 53px;
}

#useHistoryPop .useHistoryPopWrap .cont table tbody tr:last-of-type td {
	border-bottom: 1px solid var(--color-primary);
}

#useHistoryPop .useHistoryPopWrap .cont table tbody tr td {
	border: var(--border-table-bottom);
	font-size: var(--fontsize-body-XS);
	text-align: center;
}

#useHistoryPop .useHistoryPopWrap .cont table tbody tr td:first-of-type {
	border-left: 0;
}

#useHistoryPop .useHistoryPopWrap .cont table tbody tr td:last-of-type {
	border-right: 0;
}

#useHistoryPop .useHistoryPopWrap .paging {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 48px;
}

#useHistoryPop .useHistoryPopWrap .paging > a,
#useHistoryPop .useHistoryPopWrap .paging > span {
	width: 40px;
	height: 40px;
	border: var(--border-table-bottom);
	border-radius: 50%;
}

#useHistoryPop .useHistoryPopWrap .paging > a,
#useHistoryPop .useHistoryPopWrap .paging > span {
	position: relative;
}

#useHistoryPop .useHistoryPopWrap .paging > a:after,
#useHistoryPop .useHistoryPopWrap .paging > span:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.273 12.849'%3E%3Cpath id='path_33913' data-name='path 33913' d='M6,0,0,6l6,6' transform='translate(0.849 0.424)' fill='none' stroke='%23666' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#useHistoryPop .useHistoryPopWrap .paging > a span.hide,
#useHistoryPop .useHistoryPopWrap .paging > span span.hide {
	font-size: 0;
	opacity: 0;
}

#useHistoryPop .useHistoryPopWrap .paging > a.btnPagingNext:after,
#useHistoryPop .useHistoryPopWrap .paging > span.btnPagingNext:after {
	transform: rotate(180deg) translate(50%, 50%);
}

#useHistoryPop .useHistoryPopWrap .paging > span {
	border-color: var(--color-grey-05);
}

#useHistoryPop .useHistoryPopWrap .paging > span {
	position: relative;
}

#useHistoryPop .useHistoryPopWrap .paging > span:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.273 12.849'%3E%3Cpath id='path_33913' data-name='path 33913' d='M6,0,0,6l6,6' transform='translate(0.849 0.424)' fill='none' stroke='%23eee' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#useHistoryPop .useHistoryPopWrap .paging > div {
	padding: 0 12px;
}

#useHistoryPop .useHistoryPopWrap .paging > div strong,
#useHistoryPop .useHistoryPopWrap .paging > div span {
	font-size: var(--fontsize-body-R);
}

#useHistoryPop .useHistoryPopWrap .paging > div strong {
	font-weight: 700;
}

#useHistoryPop .useHistoryPopWrap .btnPopClose {
	position: absolute !important;
	right: 24px;
	top: 33px;
	width: 20px;
	height: 20px;
}

#useHistoryPop .useHistoryPopWrap .btnPopClose {
	position: relative;
}

#useHistoryPop .useHistoryPopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#parkingCouponPop {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--color-white);
	z-index: 21;
}

#parkingCouponPop .parkingCouponPopWrap {
	padding: 28px 24px;
}

#parkingCouponPop .parkingCouponPopWrap h2 {
	display: block;
	margin-bottom: 16px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#parkingCouponPop .parkingCouponPopWrap .cont {
	font-size: var(--fontsize-body-R);
}

#parkingCouponPop .parkingCouponPopWrap .cont .redText {
	color: var(--color-red-01);
}

#parkingCouponPop .parkingCouponPopWrap .btnArea {
	padding-top: 40px;
}

#parkingCouponPop .parkingCouponPopWrap .btnPopClose {
	position: absolute !important;
	right: 24px;
	top: 33px;
	width: 20px;
	height: 20px;
}

#parkingCouponPop .parkingCouponPopWrap .btnPopClose {
	position: relative;
}

#parkingCouponPop .parkingCouponPopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#parkingCouponPop2 {
	position: fixed;
	top: 50%;
	left: 50%;
	width: calc(100% - 48px);
	transform: translate(-50%, -50%);
	background: var(--color-white);
	z-index: 21;
}

#parkingCouponPop2 .parkingCouponPop2Wrap {
	padding: 48px 18px 25px;
}

#parkingCouponPop2 .parkingCouponPop2Wrap h2 {
	display: block;
	padding: 0 0 20px 0;
	text-align: center;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-7x);
}

#parkingCouponPop2 .parkingCouponPop2Wrap p {
	text-align: center;
	font-size: var(--fontsize-body-R);
}

#parkingCouponPop2 .parkingCouponPop2Wrap p .redText {
	color: var(--color-red-01);
}

#parkingCouponPop2 .parkingCouponPop2Wrap .btnArea {
	display: flex;
	margin-top: 40px;
}

#parkingCouponPop2 .parkingCouponPop2Wrap .btnPopClose {
	display: flex;
	position: absolute !important;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	right: 10px;
	top: 10px;
	text-indent: -3000000em;
}

#parkingCouponPop2 .parkingCouponPop2Wrap .btnPopClose {
	position: relative;
}

#parkingCouponPop2 .parkingCouponPop2Wrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 21px;
	height: 21px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#parkingCouponPop3 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: var(--color-white);
	z-index: 21;
}

#parkingCouponPop3 .parkingCouponPop3Wrap {
	padding: 30px;
}

#parkingCouponPop3 .parkingCouponPop3Wrap h2 {
	margin-bottom: 40px;
	font-size: var(--fontsize-title-XL);
	font-weight: 700;
}

#parkingCouponPop3 .parkingCouponPop3Wrap .cont {
	margin-bottom: 25px;
	font-size: var(--fontsize-body-R);
}

#parkingCouponPop3 .parkingCouponPop3Wrap .cont .redText {
	color: var(--color-red-01);
}

#parkingCouponPop3 .parkingCouponPop3Wrap .barcodeBox ul {
	margin-top: 13px;
	display: flex;
	justify-content: center;
}

#parkingCouponPop3 .parkingCouponPop3Wrap .barcodeBox ul li {
	color: var(--color-grey-03);
	margin: 0 8px;
}

#parkingCouponPop3 .parkingCouponPop3Wrap .btnArea {
	padding-top: 62px;
}

#parkingCouponPop3 .parkingCouponPop3Wrap .btnPopClose {
	position: absolute !important;
	right: 30px;
	top: 30px;
	width: 24px;
	height: 24px;
}

#parkingCouponPop3 .parkingCouponPop3Wrap .btnPopClose {
	position: relative;
}

#parkingCouponPop3 .parkingCouponPop3Wrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#mypageMileage #content {
	padding-top: 40px;
}

#mypageMileage #content .myMileageBox > p {
	margin-bottom: 8px;
	font-size: var(--fontsize-body-R);
}

#mypageMileage #content .myMileageBox > p strong {
	font-weight: 700;
	/*vertical-align: middle;*/
}

#mypageMileage #content .myMileageBox > p a {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("data:image/svg+xml,%3Csvg id='Icon_Question_18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle id='t_1861' data-name='t 1861' cx='9' cy='9' r='9' fill='%2328324e'/%3E%3Ctext id='_' data-name='%3F' transform='translate(6.5 13)' fill='%23fff' font-size='10' font-family='Pretendard, sans-serif, dotum, gulim' font-weight='700' letter-spacing='-0.01em'%3E%3Ctspan x='0' y='0'%3E%3F%3C/tspan%3E%3C/text%3E%3C/svg%3E%0A") no-repeat 0 0/18px;
	vertical-align: middle;
}

#mypageMileage #content .myMileageBox ul {
	margin-bottom: 32px;
}

#mypageMileage #content .myMileageBox ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

#mypageMileage #content .myMileageBox ul li span {
	font-size: var(--fontsize-body-R);
}

#mypageMileage #content .myMileageBox ul li p {
	font-size: var(--fontsize-title-S);
	text-align: right;
}

/*#mypageMileage #content .myMileageBox ul li p.canUsePoint {
	background: linear-gradient(to top, var(--color-white)a9e 50%, transparent 50%);
}*/

#mypageMileage #content .myMileageBox ul li p.canUsePoint strong {
	font-size: var(--fontsize-heading-L);
	color: var(--color-blue-06);
}

#mypageMileage #content .myMileageBox ul li p strong {
	font-weight: 700;
}

#mypageMileage #content .infoPointTitle {
	margin-top: 24px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageMileage #content .myMileageDetail {
	margin: 16px 0 0;
	padding: 15px 20px;
	border: var(--border-table-bottom);
	position: relative;
}

#mypageMileage #content .myMileageDetail li {
	display: block;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

#mypageMileage #content .myMileageDetail li:last-of-type {
	margin-bottom: 0;
}

#mypageMileage #content .myMileageDetail li span {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageMileage #content .myMileageDetail li strong {
	font-size: var(--fontsize-body-R);
	position: absolute;
	right: 80px;
}


/* s:마일리지 일소멸 팝업 */
#mypageMileage #content .myMileageDetail .btnMore {
	position: absolute;
	right: 20px;
	font-size: 10px;
	background-color: var(--color-blue-01);
	padding: 0 9px 0 7px;
	border-radius: 10px;
	color: var(--color-white);
	line-height: var(--baseline-5x);
}

.expireMileageListPop {
	padding: 22px 25px 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: calc(100% - 48px);
	transform: translate(-50%, -50%);
	background: var(--color-white);
	z-index: 21;
	max-width: 400px;
	height: 60%;
	max-height: 530px;
	min-height: 420px;
}

.expireMileageListPop:has(.em-list ul li:nth-last-child(n+5)) {
	display: grid;
	height: 70%;
}

.expireMileageListPop:has(.em-list ul li:nth-last-child(n+5)) .em-noti {
	padding-left: 25px;
}

.expireMileageListPop .list-wrap {
	display: contents;
}

.expireMileageListPop .em-tit {
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-10x);
	font-weight: 400;
}

.expireMileageListPop .em-sum {
	background-color: var(--color-grey-07);
	padding: 15px 10px;
	margin-top: 20px;
}

.expireMileageListPop .em-sum ul {
	display: flex;
	justify-content: space-between;
}

.expireMileageListPop .em-sum li {
	line-height: var(--baseline-6x);
	color: var(--color-grey-03);
}

.expireMileageListPop .em-sum .tit {
	font-weight: 400;
	font-size: var(--fontsize-body-XS);
}

.expireMileageListPop .em-sum .txt {
	font-size: var(--fontsize-title-L);
	color: var(--color-blue-06);
	font-weight: 700;
}

.expireMileageListPop .em-sum em {
	font-style: normal;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-03);
}

.expireMileageListPop .em-term {
	display: flex;
	margin-top: 20px;
	padding: 10px 0px;
	line-height: var(--baseline-4x);
	border-bottom: 2px solid var(--color-primary);
	font-size: var(--fontsize-description);
	color: var(--color-grey-02);
}

.expireMileageListPop .em-term .txt {
	margin-left: 5px;
}

.expireMileageListPop .em-list {
	width: 100%;
	overflow-y: auto;

}

.expireMileageListPop .em-list ul {
	height: 85%;
	overflow: auto;
}

.expireMileageListPop .em-list ul li {
	font-size: var(--fontsize-body-XS);
	padding: 15px 10px;
	display: flex;
	justify-content: space-between;
	border-bottom: var(--border-table-bottom);
	line-height: var(--baseline-5x);
}

.expireMileageListPop .em-list ul li:last-child {
	margin-bottom: 10px;
	/*	 border-bottom: 0; */
}


.expireMileageListPop .em-list ul li strong {
	font-weight: 400;
	color: var(--color-grey-02);
}

.expireMileageListPop .em-list ul li strong em {
	font-style: normal;
	font-weight: 700;
	font-size: var(--fontsize-body-RB);
	color: var(--color-primary);
}

.expireMileageListPop .em-noti {
	font-size: var(--fontsize-description);
	padding: 20px 25px 20px 0;
	color: var(--color-grey-03);
	display: block;
	bottom: 0;
	position: absolute;
	line-height: 1.2em;
}

#PopBg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--color-primary);
	opacity: 0.5;
	z-index: 20;
	animation-name: popBg;
	animation-duration: 0.5s;
	animation-delay: 0s;
	animation-fill-mode: both;
}

.expireMileageListPop .btnPopClose {
	position: absolute !important;
	right: 30px;
	top: 30px;
	width: 24px;
	height: 24px;
}

.expireMileageListPop .btnPopClose {
	position: relative;
}

.expireMileageListPop .btnPopClose:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


@media screen and (max-width: 360px) {
	.expireMileageListPop {
		height: 70%;
		width: calc(100% - 10%);
		padding: 22px 25px 10px;
	}

	.expireMileageListPop .em-sum .tit {
		font-size: var(--fontsize-body-XS);
	}

	.expireMileageListPop .em-sum .txt {
		font-size: var(--fontsize-body-R);
	}

	.expireMileageListPop .em-list ul {
		height: 80%;
		overflow: auto;
	}
}

@media screen and (min-width: 1024px) {
	.expireMileageListPop {
		height: 450px;
	}
}

/* e:마일리지 일소멸 팝업 */


#mypageMileage #content .mileageViewArea {
	padding: 27px 25px;
	border: var(--border-table-bottom);
}

#mypageMileage #content .mileageViewArea ol:last-of-type {
	margin: 12px 0 0;
	padding-top: 13px;
	border-top: var(--border-table-bottom);
}

#mypageMileage #content .mileageViewArea ol li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 18px;
}

#mypageMileage #content .mileageViewArea ol li:last-of-type {
	margin-bottom: 0;
}

#mypageMileage #content .mileageViewArea ol li p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageMileage #content .mileageViewArea ol li span {
	font-size: var(--fontsize-body-R);
}

#mypageMileage #content .mileageInfoArea {
	margin-top: 16px;
}

#mypageMileage #content .mileageInfoArea li {
	margin-top: 8px;
}

#mypageMileage #content .mileageInfoArea li:first-child {
	margin-top: 0;
}

#mypageMileage #content .mileageInfoArea li strong {
	padding-left: 10px;
	font-size: var(--fontsize-body-XS);
}

#mypageMileage #content .mileageInfoArea li p {
	padding-left: 10px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#mypageMileage #content .mileageInfoArea li p:before {
	content: "-";
	display: inline-block;
	margin-right: 3px;
}

#mypageMileage #content .conditionArea h3 {
	margin-top: 60px;
	font-size: var(--fontsize-title-S);
}

#mypageMileage #content .conditionArea .mileageSearchBox > span {
	display: block;
	margin: 16px 0;
	color: var(--color-grey-02);
}

#mypageMileage #content .conditionArea .mileageSearchBox > span:last-of-type {
	margin-top: 24px;
}

#mypageMileage #content .conditionArea .mileageSearchBox ul.buttonList {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
}

#mypageMileage #content .conditionArea .mileageSearchBox ul.buttonList li {
	flex: 1;
	height: 44px;
	line-height: var(--baseline-11x);
	border: var(--border-table-bottom);
	border-right: 0;
}

#mypageMileage #content .conditionArea .mileageSearchBox ul.buttonList li:last-of-type {
	width: 32%;
	border-right: var(--border-table-bottom);
}

#mypageMileage #content .conditionArea .mileageSearchBox ul.buttonList li a {
	display: block;
	height: 100%;
	line-height: var(--baseline-11x);
	text-align: center;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-03);
}

#mypageMileage #content .conditionArea .mileageSearchBox ul.buttonList li.on {
	border: 1px solid var(--color-primary);
}

#mypageMileage #content .conditionArea .mileageSearchBox ul.buttonList li.on a {
	color: var(--color-primary);
	font-weight: 700;
}

#mypageMileage #content .conditionArea .mileageSearchBox .setCalendar {
	position: relative;
	margin: 16px 0 32px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#mypageMileage #content .conditionArea .mileageSearchBox .setCalendar input {
	height: 44px;
}

#mypageMileage #content .conditionArea .mileageSearchBox .setCalendar .dashed {
	margin: 0 10px;
}

#mypageMileage #content .conditionArea .mileageSearchBox > a {
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
}

#mypageMileage #content .conditionArea .mileageSearchList {
	margin-top: 60px;
}

#mypageMileage #content .conditionArea .mileageSearchList > li {
	margin-bottom: 24px;
}

#mypageMileage #content .conditionArea .mileageSearchList > li div {
	display: flex;
	justify-content: space-between;
}

#mypageMileage #content .conditionArea .mileageSearchList > li div p span {
	margin-right: 10px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-03);
}

#mypageMileage #content .conditionArea .mileageSearchList > li div p strong {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageMileage #content .conditionArea .mileageSearchList > li ul {
	margin: 16px 0 0;
	padding: 6px 24px;
	background: var(--color-grey-07);
}

#mypageMileage #content .conditionArea .mileageSearchList > li ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: var(--border-table-bottom);
}

#mypageMileage #content .conditionArea .mileageSearchList > li ul li:last-of-type {
	border-bottom: 0;
}

#mypageMileage #content .conditionArea .mileageSearchList > li ul li span {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageMileage #content .conditionArea .mileageSearchList > li ul li strong {
	font-size: var(--fontsize-body-R);
	color: var(--color-primary);
}

#mypageMileage #content .couponSearchBox {
	margin: 60px 0 0;
}

#mypageMileage #content .couponSearchBox h3 {
	margin-bottom: 24px;
	font-size: var(--fontsize-title-L);
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li {
	margin-bottom: 49px;
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li:last-of-type {
	margin-bottom: 0;
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li div {
	display: flex;
	justify-content: space-between;
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li div p span {
	margin-right: 8px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li div p strong {
	font-size: var(--fontsize-body-XS);
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li ul {
	margin: 16px 0 0;
	padding: 24px;
	border: var(--border-table-bottom);
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li ul li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 11px;
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li ul li:last-of-type {
	margin-bottom: 0;
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li ul li span {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mypageMileage #content .couponSearchBox .couponInfoWrap > li ul li strong {
	font-size: var(--fontsize-body-XS);
}

#mypageMileage .btnBox {
	margin-top: 40px;
}

#mypageMileage .btnBox a {
	position: relative;
}

#mypageMileage .btnBox a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -2px 0 0 35px;
	width: 10px;
	height: 6px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.849 5.273'%3E%3Cpath id='Icon_ArrowDown_8' d='M4,0,0,4,4,8' transform='translate(8.424 0.849) rotate(90)' fill='none' stroke='%2328324E' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	transform: rotate(180deg);
}

/*#mypageMileage .notoText {
	
}*/

#mileageToolTipLayer strong.title {
	display: block;
	padding: 0 0 32px 0;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-6x);
}

#mileageToolTipLayer li {
	margin-top: 16px;
}

#mileageToolTipLayer li:first-child {
	margin-top: 0;
}

#mileageToolTipLayer li strong {
	font-size: var(--fontsize-body-XS);

}

#mileageToolTipLayer li p {
	padding-top: 4px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#mileageInfoPop {
	position: fixed;
	left: 24px;
	top: 50%;
	width: calc(100% - 48px);
	transform: translateY(-50%);
	background: var(--color-white);
	z-index: 21;
}

#mileageInfoPop .mileageInfoPopWrap {
	padding: 30px 24px 40px;
}

#mileageInfoPop .mileageInfoPopWrap h2 {
	margin-bottom: 32px;
	font-size: var(--fontsize-title-L);
}

#mileageInfoPop .mileageInfoPopWrap ul li {
	margin-bottom: 15px;
}

#mileageInfoPop .mileageInfoPopWrap ul li:last-of-type {
	margin-bottom: 0;
}

#mileageInfoPop .mileageInfoPopWrap ul li strong {
	font-size: var(--fontsize-body-XS);
	font-weight: 500;
}

#mileageInfoPop .mileageInfoPopWrap ul li p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
}

#mileageInfoPop .mileageInfoPopWrap .btnArea {
	padding-top: 62px;
}

#mileageInfoPop .mileageInfoPopWrap .btnPopClose {
	position: absolute !important;
	right: 30px;
	top: 30px;
	width: 24px;
	height: 24px;
}

#mileageInfoPop .mileageInfoPopWrap .btnPopClose {
	position: relative;
}

#mileageInfoPop .mileageInfoPopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#mypageMileageDonation #content {
	padding-top: 40px;
}

#mypageMileageDonation #content .myMileageBox,
#mypageMileageDonation #content .donationMileageBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 29px;
}

#mypageMileageDonation #content .myMileageBox p,
#mypageMileageDonation #content .donationMileageBox p {
	font-size: var(--fontsize-body-R);
}

#mypageMileageDonation #content .myMileageBox p strong,
#mypageMileageDonation #content .donationMileageBox p strong {
	font-weight: 700;
}

#mypageMileageDonation #content .myMileageBox span strong,
#mypageMileageDonation #content .donationMileageBox span strong {
	font-size: var(--fontsize-display-M);
	font-weight: 700;
}

#mypageMileageDonation #content .myMileageBox span input,
#mypageMileageDonation #content .donationMileageBox span input {
	width: 150px;
	height: 48px;
	padding: 0 20px;
	border: var(--border-table-bottom);
	font-size: var(--fontsize-title-S);
	text-align: right;
	line-height: var(--baseline-12x);
}

#mypageMileageDonation #content .conditionArea h3 {
	font-size: var(--fontsize-title-M);
	font-weight: 700;
}

#mypageMileageDonation #content .conditionArea div {
	height: 390px;
	margin: 16px 0 12px;
	border: var(--border-table-bottom);
	padding: 28px 24px;
	font-size: var(--fontsize-body-XS) /*15px*/;
	line-height: 1.73;
	overflow: auto;
}

#mypageMileageDonation #content .btnArea {
	margin: 60px 0 0;
}

@media screen and (max-width: 320px) {
	#mypageCoupon .couponSearchBox .couponInfoWrap > li div p span {
		margin-right: 2px;
		font-size: var(--fontsize-description);
	}

	#mypageCoupon .couponSearchBox .couponInfoWrap > li div p strong {
		font-size: var(--fontsize-description) /*13px*/;
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:first-of-type > div strong {
		font-size: var(--fontsize-description);
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:first-of-type > div p {
		font-size: var(--fontsize-description);
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:last-of-type p span {
		font-size: var(--fontsize-description) /*13px*/;
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:last-of-type a.btnMore {
		font-size: var(--fontsize-description) /*13px*/;
	}
}

#mypageReceipt main {
	padding-top: 40px;
}

#mypageReceipt main .dateCont {
	margin-bottom: 30px;
}

#mypageReceipt main .dateCont select {
	margin-top: 8px;
}

#mypageReceipt main .dateCont select:first-child {
	margin-top: 0;
}

#mypageReceipt main .dateCont strong {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
	color: var(--color-grey-02);
}

#mypageReceipt main .dateCont .periodArea {
	margin-bottom: 24px;
}

#mypageReceipt main .dateCont .periodArea ul {
	display: flex;
}

#mypageReceipt main .dateCont .periodArea ul li {
	margin-right: 10px;
	width: calc(22% - 10px);
}

#mypageReceipt main .dateCont .periodArea ul li a {
	display: block;
	height: 44px;
	line-height: 42px;
	text-align: center;
	border: 1px solid var(--color-primary);
}

#mypageReceipt main .dateCont .periodArea ul li:last-of-type {
	margin-right: 0;
	width: 34%;
}

#mypageReceipt main .dateCont .dateArea .dateBox {
	display: flex;
}

#mypageReceipt main .dateCont .dateArea .dateBox input {
	width: calc(50% - 21px);
	height: 44px;
}

#mypageReceipt main .dateCont .dateArea .dateBox span {
	width: 42px;
	text-align: center;
}

#mypageReceipt main .dateCont .dateArea .dateBox span {
	position: relative;
}

#mypageReceipt main .dateCont .dateArea .dateBox span:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 50%;
	width: 10px;
	height: 1px;
	background: var(--color-primary);
}

#mypageReceipt main .dateCont .btnArea {
	padding-top: 32px;
}

#mypageReceipt main .caution {
	font-size: var(--fontsize-description);
	color: var(--color-grey-02);
	line-height: 1.57;
}

#mypageReceipt main article > ul {
	/*   margin-top: 30px; */
}

#mypageReceipt main article > ul > li {
	padding: 0 10px;
	/*   margin-bottom: 24px; */
	border-bottom: var(--border-table-bottom);
}

#mypageReceipt main article > ul > li ul {
	padding: 12px 0;
}

#mypageReceipt main article > ul > li ul li {
	display: flex;
	justify-content: space-between;
	padding: 2px 0;
	line-height: 14px;
}

#mypageReceipt main article > ul > li ul li strong {
	flex: none;
	/*   margin-right: 10px; */
	color: var(--color-primary);
	font-size: var(--fontsize-description);
}

#mypageReceipt main article > ul > li ul li span {
	text-align: right;
	font-size: var(--fontsize-description);
}

#mypageReceipt main article > ul > li ul li span a {
	border-radius: 15px;
	font-size: var(--fontsize-description);
	padding: 1px 10px 2px 10px;
	background: var(--color-grey-04);
	color: var(--color-white);
	float: right;
}

#mypageReceipt main article > ul > li ul li:last-of-type {
	border-bottom: 0;
}

#mypageReceipt main article > ul > li .btnBox {
	border-top: var(--border-table-bottom);
}

#mypageReceipt main article > ul > li .btnBox a {
	display: block;
	height: 56px;
	line-height: var(--baseline-14x);
	text-align: center;
	font-size: var(--fontsize-body-XS);
}

#mypageReceipt main article > ul > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#mypageReceipt main article > ul > li:last-of-type::after,
#mypageReceipt main article > ul > li:last-of-type::before {
	display: none;
}

#mypageReceipt main article .sumArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 16px;
	background-color: var(--color-grey-06);
	height: 50px;
	padding: 14px;
	border-top: 1px solid var(--color-grey-04);
	border-bottom: 1px solid var(--color-grey-04);

}

#mypageReceipt main article .sumArea em {
	display: block;
	flex: none;
	/*   margin-right: 10px; */
}

#mypageReceipt main article .sumArea strong {
	display: block;
	text-align: right;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#mypageReceipt main p.none {
	margin-top: 80px;
	padding-top: 46px;
	text-align: center;
	color: var(--color-grey-03);
}

#mypageReceipt main p.none {
	position: relative;
}

#mypageReceipt main p.none:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 38px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.4 37.4'%3E%3Cg id='Icon_NoResult_36' transform='translate(-163.704 -813.421)'%3E%3Cpath id='path_36461' data-name='path 36461' d='M37.452,42.094h-28V15.022l8.741-8.928H37.452v36' transform='translate(154.952 808.027)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3Cg id='group_36338' data-name='group 36338' transform='translate(-0.596 -0.857)'%3E%3Cline id='line_1464' data-name='line 1464' x2='8' y2='8' transform='translate(175 830.979)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3Cline id='line_1465' data-name='line 1465' x1='8' y2='8' transform='translate(175 830.979)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

.academyTopText {
	padding: 24px;
	margin: 40px 0;
	background: var(--color-grey-07);
}

.academyTopText p {
	font-size: var(--fontsize-body-XS);
	line-height: 22px;
}

.academyTopText p i {
	font-weight: 700;
	background: linear-gradient(to top, var(--color-white)A9E 50%, transparent 50%);
}

.academyList {
	border-top: 1px solid var(--color-grey-05);
}

.academyList > li {
	position: relative;
	padding: 30px 0;
	border-bottom: 1px solid var(--color-grey-05);
}

.academyList > li em {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 10px;
	line-height: 22px;
	color: #ef1d65;
	font-size: var(--fontsize-description);
	border: 1px solid #ef1d65;
}

.academyList > li em.end {
	color: var(--color-grey-03);
	border: 1px solid var(--color-grey-03);
}

.academyList > li p {
	margin-bottom: 16px;
}

.academyList > li > ul > li {
	display: flex;
	line-height: var(--baseline-6x);
	margin-bottom: 6px;
}

.academyList > li > ul > li strong {
	display: block;
	flex: none;
	width: 100px;
	color: var(--color-grey-02);
}

.academyList > li > ul > li span {
	display: block;
	width: 100%;
}

.academyList > li > ul > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

.academyList > li > ul > li:last-of-type::after,
.academyList > li > ul > li:last-of-type::before {
	display: none;
}

.academyList > li a {
	/*position:absolute !important; right:0; top:28px; line-height: var(--baseline-6x);; color: var(--color-grey-02);
  @include content(after){left:0; bottom:0; width:100%; height:1px; background: var(--color-grey-02);}*/
}

.academyList > li a.btnDel {
	position: absolute !important;
	right: 0;
	top: 28px;
	font-size: var(--fontsize-body-XS);
	padding-left: 16px;
	line-height: 30px;
	color: var(--color-grey-02);
	background: url("/static/images/icon/delete_g.svg") no-repeat 0 50%/12px 13.7px;
}

.academyList > li a.btnDel:after {
	display: none;
}

#academyFamily main {
	padding-top: 24px;
}

#academyFamily main .nameArea {
	margin-bottom: 16px;
}

#academyFamily main .nameArea strong {
	font-size: var(--fontsize-title-M);
	font-weight: 700;
}

#academyFamily main .nameArea span {
	font-size: var(--fontsize-title-S);
	color: var(--color-grey-02);
}

#academyFamily main .sList {
	padding: 0 24px;
	background: var(--color-grey-07);
}

#academyFamily main .sList li {
	display: flex;
	justify-content: space-between;
	padding: 16px 0;
	border-bottom: var(--border-table-bottom);
}

#academyFamily main .sList li strong {
	display: block;
	flex: none;
	margin-right: 10px;
	color: var(--color-grey-02);
}

#academyFamily main .sList li span {
	display: block;
	text-align: right;
}

#academyFamily main .sList li:last-of-type {
	border-bottom: 0;
}

#academyFamily main .familyList {
	margin: 28px -24px 0;
	padding: 35px 24px 0;
	border-top: var(--border-section);
}

#academyFamily main .familyList > li {
	position: relative;
	margin-bottom: 47px;
}

#academyFamily main .familyList > li > a {
	position: absolute;
	top: -8px;
	right: 0;
}

#academyFamily main .familyList > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#academyFamily main .familyList > li:last-of-type::after,
#academyFamily main .familyList > li:last-of-type::before {
	display: none;
}

#academyFamily main .btnArea {
	padding-top: 60px;
}

#academyFamily main .btnArea a span {
	display: inline-block;
	padding-right: 16px;
	line-height: normal;
}

#academyFamily main .btnArea a span {
	position: relative;
}

#academyFamily .academyTopText {
	margin: 10px 0 40px;
}

#academyFamily main .btnArea a span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 14px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.061 10.707'%3E%3Cpath id='Icon_Arrow_Right_10' d='M5,10,0,5,5,0' transform='translate(5.354 10.354) rotate(180)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#familyRegistered {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
	background: var(--color-white);
}

#familyRegistered .popupWrap {
	position: relative;
	height: 100%;
}

#familyRegistered .popupWrap .scrollArea {
	position: relative;
	height: calc(100% - 128px);
	overflow: auto;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap {
	padding: 26px 24px 24px;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap h2 {
	margin-bottom: 58px;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-9x);
	font-weight: 700;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap ul li {
	display: flex;
	align-items: center;
	min-height: 48px;
	margin-bottom: 8px;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap ul li strong {
	display: block;
	width: 102px;
	flex: none;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap ul li span {
	display: block;
	width: 100%;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap ul li span input[type=text] {
	width: 100%;
	height: 48px;
	padding: 0 15px;
	border: var(--border-table-bottom);
	line-height: 46px;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap ul li span i {
	display: inline-block;
	width: 50%;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap ul li span i:last-of-type {
	margin-left: -4px;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#familyRegistered .popupWrap .scrollArea .scrollWrap ul li:last-of-type::after,
#familyRegistered .popupWrap .scrollArea .scrollWrap ul li:last-of-type::before {
	display: none;
}

#familyRegistered .popupWrap .btnArea {
	display: flex;
	padding: 24px 17px 0;
}

#familyRegistered .popupWrap .btnPopClose {
	position: absolute;
	top: 30px;
	right: 24px;
	width: 25px;
	height: 25px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#myAcademy main {
	padding-top: 40px;
}

#myAcademy main .academyInfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#myAcademy main .academyInfo em {
	display: block;
	flex: none;
	margin-right: 10px;
}

#myAcademy main .academyInfo em i {
	font-weight: 700;
}

#myAcademy main .academyInfo strong {
	display: block;
	text-align: right;
	font-size: var(--fontsize-display-M);
}

#myAcademy main article > .academyList {
	margin-top: 48px;
}

#myAcademy main article.checkMode > ul > li {
	padding-top: 65px;
}

#myAcademy main article.checkMode > ul > li > span {
	position: absolute;
	left: 0;
	top: 32px;
}

#myAcademy main .sumArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 6px;
}

#myAcademy main .sumArea strong {
	display: block;
	flex: none;
	margin-right: 10px;
}

#myAcademy main .sumArea span {
	display: block;
	text-align: right;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: var(--baseline-9x);
}

#myAcademy main .btnArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 40px;
}

#myAcademy main .btnArea a,
#myAcademy main .btnArea button {
	flex: 1;
}

#myAcademy main .btnArea a:not(:first-child),
#myAcademy main .btnArea button:not(:first-child) {
	margin-left: 10px;
}

#myAcademy main .btnArea a.btnTypeA,
#myAcademy main .btnArea button.btnTypeA {
	margin-right: 0;
	font-size: var(--fontsize-body-XS);
}

#payPop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-white);
	z-index: 12;
}

#payPop .popWrap {
	position: relative;
	height: 100%;
}

#payPop .popWrap .titleArea {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 83px;
	padding: 0 24px;
}

#payPop .popWrap .titleArea h2 {
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-9x);
}

#payPop .popWrap .titleArea a {
	width: 20px;
	height: 20px;
}

#payPop .popWrap .titleArea a {
	position: relative;
}

#payPop .popWrap .titleArea a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23ddd' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23ddd' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#payPop .popWrap .scrollArea {
	position: relative;
	height: calc(100% - 83px);
	overflow: auto;
	padding: 16px 24px 56px;
}

#payPop .popWrap .scrollArea article {
	margin-bottom: 60px;
}

#payPop .popWrap .scrollArea article h3 {
	margin-bottom: 15px;
	line-height: var(--baseline-6x);
}

#payPop .popWrap .scrollArea article .caution {
	padding: 24px;
	background: var(--color-grey-07);
}

#payPop .popWrap .scrollArea article .caution p {
	margin-bottom: 8px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#payPop .popWrap .scrollArea article .caution p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#payPop .popWrap .scrollArea article .caution p:last-of-type::after,
#payPop .popWrap .scrollArea article .caution p:last-of-type::before {
	display: none;
}

#payPop .popWrap .scrollArea article:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#payPop .popWrap .scrollArea article:last-of-type::after,
#payPop .popWrap .scrollArea article:last-of-type::before {
	display: none;
}

#payPop .popWrap .scrollArea .lectureArea > ul > li {
	border: var(--border-table-bottom);
	padding: 24px;
	margin-bottom: 16px;
}

#payPop .popWrap .scrollArea .lectureArea > ul > li > strong {
	display: block;
	margin-bottom: 16px;
	font-size: var(--fontsize-body-XS);
	line-height: 22px;
}

#payPop .popWrap .scrollArea .lectureArea > ul > li > ul > li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 6px;
}

#payPop .popWrap .scrollArea .lectureArea > ul > li > ul > li strong {
	display: block;
	flex: none;
	min-width: 65px;
	margin-right: 10px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#payPop .popWrap .scrollArea .lectureArea > ul > li > ul > li span {
	display: block;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#payPop .popWrap .scrollArea .lectureArea > ul > li > ul > li:last-of-type {
	margin-bottom: 0;
}

#payPop .popWrap .scrollArea .lectureArea > ul > li:last-of-type {
	margin-bottom: 0;
}

#payPop .popWrap .scrollArea .payArea ul {
	padding: 24px;
	border: var(--border-table-bottom);
}

#payPop .popWrap .scrollArea .payArea ul li {
	margin-bottom: 16px;
}

#payPop .popWrap .scrollArea .payArea ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#payPop .popWrap .scrollArea .payArea ul li:last-of-type::after,
#payPop .popWrap .scrollArea .payArea ul li:last-of-type::before {
	display: none;
}

#payPop .popWrap .scrollArea .btnArea {
	display: flex;
	margin-top: 40px;
}

#payPop .popWrap .scrollArea .layer_popup_normal .deem {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap {
	position: fixed;
	left: 24px;
	top: 50%;
	width: calc(100% - 48px);
	transform: translateY(-50%);
	z-index: 2;
	background: var(--color-white);
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner {
	padding: 24px 30px;
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner .p_head .title {
	display: block;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--color-primary);
	text-align: center;
	font-size: var(--fontsize-title-L);
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner .giftArea {
	padding: 15px 0;
	margin: 0 5px 24px;
	border-bottom: var(--border-table-bottom);
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner .giftArea .gifts {
	margin-bottom: 8px;
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner .giftArea .gifts:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner .giftArea .gifts:last-of-type::after,
#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner .giftArea .gifts:last-of-type::before {
	display: none;
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner .popup_cont p {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#payPop .popWrap .scrollArea .layer_popup_normal .popup_wrap .inner .btn_line_one {
	margin-top: 24px;
}

@media screen and (max-width: 320px) {
	#payPop .popWrap .scrollArea .btnArea a {
		font-size: var(--fontsize-body-R);
	}
}

#academyHistory main {
	padding-top: 40px;
}

#academyHistory main h2 {
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: var(--baseline-9x);
	margin-bottom: -16px;
}

#academyHistory main h3 {
	font-size: var(--fontsize-title-M);
	font-weight: 700;
	line-height: 26px;
}

#academyHistory main > article,
#academyHistory main > form > article {
	margin-left: -24px;
	margin-right: -24px;
	border-bottom: 7px solid var(--color-grey-04);
	padding: 20px 24px;
}

#academyHistory main > article .accordion_cont,
#academyHistory main > form > article .accordion_cont {
	background: var(--color-grey-06);
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 24px;
	margin-top: 15px;
}

#academyHistory main > article .accordion_cont > ul,
#academyHistory main > form > article .accordion_cont > ul {
	border-bottom: var(--border-table-bottom);
	padding-bottom: 15px;
	padding-left: 24px;
	padding-right: 18px;
}

#academyHistory main > article .accordion_cont > ul:last-of-type,
#academyHistory main > form > article .accordion_cont > ul:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

#academyHistory main > article .accordion_cont > ul:last-of-type li:last-of-type strong,
#academyHistory main > article .accordion_cont > ul:last-of-type li:last-of-type span,
#academyHistory main > form > article .accordion_cont > ul:last-of-type li:last-of-type strong,
#academyHistory main > form > article .accordion_cont > ul:last-of-type li:last-of-type span {
	font-size: var(--fontsize-title-S);
}

#academyHistory main > article .accordion_cont > ul .point,
#academyHistory main > form > article .accordion_cont > ul .point {
	color: var(--color-blue-01);
	font-weight: 700;
}

#academyHistory main > article .accordion_cont > ul .point_b,
#academyHistory main > form > article .accordion_cont > ul .point_b {
	color: var(--color-blue-01);
	font-weight: 700;
}

#academyHistory main > article .accordion_cont > a,
#academyHistory main > form > article .accordion_cont > a {
	margin-top: 20px;
	margin-left: 24px;
	margin-right: 24px;
	width: calc(100% - 48px);
}

#academyHistory main article {
	padding-top: 40px;
}

#academyHistory main article#certificateArea {
	margin: -40px -24px 20px;
	padding: 40px 24px 20px !important;
	background: var(--color-blue-01);
	border-bottom: 0;
}

#academyHistory main article#certificateArea h3 {
	color: var(--color-white);
	margin-bottom: 10px;
}

#academyHistory main article#certificateArea .academyList {
	padding-top: 0;
}

#academyHistory main article#certificateArea .academyList .swiper-slide {
	background: var(--color-white);
}

#academyHistory main article#certificateArea .swiper-pagination-fraction {
	color: var(--color-white) !important;
}

#academyHistory main article#certificateArea .swiper-pagination-fraction .swiper-pagination-current {
	color: var(--color-white) !important;
}

#academyHistory main article#certificateArea .swiper-pagination-fraction .swiper-pagination-total {
	color: var(--color-white) !important;
}

#academyHistory main .selectArea > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#academyHistory main .selectArea > div select {
	width: calc(50% - 13px);
	height: 44px;
	padding: 0 30px 0 16px;
	border: 1px solid var(--color-grey-03);
	line-height: 42px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.121 7.121'%3E%3Cpath id='ic_arrow_8' d='M60.332,740.916l5,5-5,5' transform='translate(751.977 -59.271) rotate(90)' fill='none' stroke='%23888' stroke-linecap='square' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat calc(100% - 16px) 50%/11px 7px;
}

#academyHistory main .selectArea > div i {
	width: 26px;
	text-align: center;
}

#academyHistory main .selectArea > div i {
	position: relative;
}

#academyHistory main .selectArea > div i:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 50%;
	width: 10px;
	height: 1px;
	background: var(--color-primary);
}

#academyHistory main .selectArea .storeSelect {
	margin-bottom: 16px;
}

#academyHistory main .selectArea a {
	margin-top: 24px;
}

#academyHistory main .academyList {
	border-top: 0;
}

#academyHistory p.none {
	margin-top: 60px;
	margin-bottom: 80px;
	padding-top: 46px;
	text-align: center;
	color: var(--color-grey-03);
}

#academyHistory p.none {
	position: relative;
}

#academyHistory p.none:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 38px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.4 37.4'%3E%3Cg id='Icon_NoResult_36' transform='translate(-163.704 -813.421)'%3E%3Cpath id='path_36461' data-name='path 36461' d='M37.452,42.094h-28V15.022l8.741-8.928H37.452v36' transform='translate(154.952 808.027)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3Cg id='group_36338' data-name='group 36338' transform='translate(-0.596 -0.857)'%3E%3Cline id='line_1464' data-name='line 1464' x2='8' y2='8' transform='translate(175 830.979)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3Cline id='line_1465' data-name='line 1465' x1='8' y2='8' transform='translate(175 830.979)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

.academyAccordionList .section {
	padding: 15px 0;
	border-bottom: 1px solid var(--color-grey-05);
}

.academyAccordionList .section em {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 10px;
	line-height: 22px;
	color: #ef1d65;
	font-size: var(--fontsize-description);
	border: 1px solid #ef1d65;
}

.academyAccordionList .section em.end {
	color: var(--color-grey-03);
	border: 1px solid var(--color-grey-03);
}

.academyAccordionList .section .accordion_title a {
	display: block;
	position: relative;
	padding-right: 25px;
}

.academyAccordionList .section .accordion_title a:after {
	content: "";
	position: absolute;
	margin-top: -5px;
	right: 10px;
	top: 50%;
	width: 12px;
	height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.849 6.273'%3E%3Cpath id='path_33904' data-name='path 33904' d='M5,10,0,5,5,0' transform='translate(0.424 5.424) rotate(-90)' fill='none' stroke='%23ddd' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center center;
}

.academyAccordionList .section .accordion_cont > ul {
	padding-top: 15px;
}

.academyAccordionList .section .accordion_cont > ul:first-child {
	border-top: 1px solid var(--color-grey-05);
	margin-top: 15px;
}

.academyAccordionList .section .accordion_cont > ul > li {
	display: flex;
	line-height: var(--baseline-6x);
	margin-bottom: 6px;
}

.academyAccordionList .section .accordion_cont > ul > li strong {
	display: block;
	flex: none;
	width: 100px;
	color: var(--color-grey-02);
}

.academyAccordionList .section .accordion_cont > ul > li span {
	display: block;
	width: 100%;
}

.academyAccordionList .section .accordion_cont > ul > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

.academyAccordionList .section .accordion_cont > ul > li:last-of-type::after,
.academyAccordionList .section .accordion_cont > ul > li:last-of-type::before {
	display: none;
}

.academyAccordionList .section .accordion_cont a.btnDel {
	position: absolute !important;
	right: 0;
	top: 28px;
	font-size: var(--fontsize-body-XS);
	padding-left: 16px;
	line-height: 30px;
	color: var(--color-grey-02);
	background: url("/static/images/icon/delete_g.svg") no-repeat 0 50%/12px 13.7px;
}

.academyAccordionList .section .accordion_cont a.btnDel:after {
	display: none;
}

.academyAccordionList .section .accordion_cont a.btnTypeA.full.sizeB {
	margin-top: 12px;
}

.academyAccordionList .total_price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 12px;
}

.academyAccordionList .total_price strong {
	letter-spacing: -1px;
	font-size: var(--fontsize-body-XS) /*15px*/;
	font-weight: bold;
	color: var(--color-primary);
}

.academyAccordionList .total_price span {
	font-size: var(--fontsize-heading-M) /*25px*/;
	color: var(--color-blue-01);
	letter-spacing: -1px;
	font-weight: bold;
}

.academyAccordionList .total_price span i {
	font-size: var(--fontsize-body-XS) /*15px*/;
}

.academyAccordionList .btn_cancel.type_mid.type_white {
	display: block;
	width: 100%;
	margin-top: 15px;
	height: 50px;
	line-height: var(--baseline-12x);
	border: 1px solid var(--color-blue-01);
	text-align: center;
	font-size: var(--fontsize-title-S);
	color: var(--color-blue-01);
}

#academyCompete .cautionArea {
	margin-top: 30px;
	padding: 20px 16px !important;
	background: var(--color-grey-07);
}

#academyCompete .cautionArea strong {
	display: block;
	margin-bottom: 10px;
}

#academyCompete .cautionArea strong:first-child {
	padding-left: 24px;
}

#academyCompete .cautionArea strong:first-child {
	position: relative;
}

#academyCompete .cautionArea strong:first-child:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background: url("/static/images/icon/info_g.svg") no-repeat 0 0/100%;
}

#academyCompete .cautionArea p {
	margin-bottom: 8px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#academyCompete .cautionArea p:last-of-type {
	margin-bottom: 0;
}

#certificateArea {
	padding-top: 0 !important;
	margin-top: -15px;
	padding-bottom: 20px;
}

#certificateArea #academySwiper {
	padding-bottom: 4px;
}

#certificateArea #academySwiper .academyList {
	padding-top: 15px;
}

#certificateArea #academySwiper .academyList .swiper-slide {
	padding: 15px;
	border: 1px solid var(--color-grey-05);
}

#certificateArea #academySwiper .swiper-pagination-fraction {
	position: static;
	bottom: 0;
	font-size: var(--fontsize-body-XS);
	margin-top: 4px;
}

#certificateArea #academySwiper .swiper-pagination-fraction .swiper-pagination-current {
	font-weight: bold;
	color: var(--color-blue-01);
}

#receiptPop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-white);
	z-index: 1000;
	overflow: auto;
	padding-bottom: 20px;
}

#receiptPop .titleArea {
	border-bottom: 1px solid var(--color-grey-03);
	background: var(--color-white);
}

#receiptPop .titleArea strong {
	display: block;
	position: relative;
	height: 45px;
	font-size: var(--fontsize-title-M);
	font-weight: 700;
	color: var(--color-primary);
	line-height: var(--baseline-11x);
	text-align: center;
	letter-spacing: -0.5px;
}

#receiptPop .btnPopClose {
	position: absolute;
	top: 13px;
	right: 10px;
	width: 19px;
	height: 19px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%231A1818' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%231A1818' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
}

.receipt_wrap {
	width: 290px;
	height: 492.5px;
	margin: 20px auto 0;
}

.receipt_wrap .receipt_info dt {
	color: var(--color-white);
	text-align: center;
	padding: 25px 0 20px 0;
}

.receipt_wrap .receipt_info dt i {
	display: inline-block;
	font-size: var(--fontsize-body-XS);
	border: 1px solid var(--color-blue-02);
	min-height: 26px;
	line-height: var(--baseline-6x);
	padding: 0 10px;
	margin-bottom: 15px;
	color: #bcbdc4;
}

.receipt_wrap .receipt_info dt p {
	font-size: var(--fontsize-body-R) /*17px*/;
	height: 41px;
	line-height: 1.2;
	margin: 0 15px 13px;
	vertical-align: middle;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	color: var(--color-white);
}

.receipt_wrap .receipt_info dt em {
	font-size: var(--fontsize-body-XS);
}

.receipt_wrap .receipt_info dd {
	text-align: center;
	padding: 0;
}

.receipt_wrap .receipt_info dd div {
	padding: 20px 0 10px;
}

.receipt_wrap .receipt_info dd div strong {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-primary);
}

.receipt_wrap .receipt_info dd div span {
	display: block;
	font-size: var(--fontsize-body-R) /*17px*/;
	color: var(--color-primary);
}

.receipt_wrap .free_car {
	margin-top: 26px;
	text-align: center;
}

.receipt_wrap .free_car img {
	width: 138px;
	height: 36px;
}

#mypageMatinee main {
	padding-top: 40px;
}

#mypageMatinee main h3 {
	margin-bottom: 28px;
}

#mypageMatinee main h3 span {
	display: inline-block;
	padding-right: 28px;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-8x);
}

#mypageMatinee main h3 span {
	position: relative;
}

#mypageMatinee main h3 span:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml,%3Csvg id='Icon_Cafe_18' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19'%3E%3Cpath id='path_36491' data-name='path 36491' d='M9.506,15H5.687a4.09,4.09,0,0,1-4.093-4.086V1h12v9.914A4.089,4.089,0,0,1,9.506,15Z' fill='none' stroke='%231A1818' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='line_1551' data-name='line 1551' x2='15' transform='translate(0 18)' fill='none' stroke='%231A1818' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='path_36492' data-name='path 36492' d='M14.341,3.123a3.832,3.832,0,1,1,0,7.663' transform='translate(-0.173)' fill='none' stroke='%231A1818' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#mypageMatinee main .stampWrap {
	margin: 0 -24px;
	padding: 24px;
	background: var(--color-grey-07);
}

#mypageMatinee main .stampWrap .userInfoArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 32px 30px 24px;
	background: var(--color-white);
}

#mypageMatinee main .stampWrap .userInfoArea strong {
	display: block;
	flex: none;
	margin-right: 10px;
	line-height: var(--baseline-9x);
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
}

#mypageMatinee main .stampWrap .userInfoArea strong i {
	display: inline-block;
	margin-bottom: 2px;
	vertical-align: bottom;
	line-height: normal;
	font-size: var(--fontsize-title-S);
	font-weight: normal;
}

#mypageMatinee main .stampWrap .userInfoArea span {
	display: block;
	text-align: right;
	font-size: var(--fontsize-title-S);
}

#mypageMatinee main .stampWrap .userInfoArea span em {
	display: inline-block;
	margin-left: 10px;
	/*margin-bottom: 3px;*/
	vertical-align: bottom;
	font-size: var(--fontsize-display-M);
	font-weight: 700;
}

#mypageMatinee main .stampWrap .userInfoArea {
	position: relative;
}

#mypageMatinee main .stampWrap .userInfoArea:after {
	content: "";
	position: absolute;
	width: calc(100% - 48px);
	height: 1px;
	border-top: 1px dashed var(--color-grey-04);
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

#mypageMatinee main .stampWrap #showArea {
	background: var(--color-white);
}

#mypageMatinee main .stampWrap .registerArea {
	padding: 24px 30px;
}

#mypageMatinee main .stampWrap .registerArea strong {
	display: block;
	margin-bottom: 16px;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-9x);
	text-align: center;
}

#mypageMatinee main .stampWrap .registerArea p {
	text-align: center;
	font-size: var(--fontsize-body-XS);
}

#mypageMatinee main .stampWrap .registerArea p i {
	font-weight: 700;
	background: linear-gradient(to top, var(--color-white)A9E 50%, transparent 50%);
}

#mypageMatinee main .stampWrap .registerArea a {
	margin-top: 24px;
}

#mypageMatinee main .stampWrap .stampArea {
	padding: 24px 0;
	background: var(--color-white);
}

#mypageMatinee main .stampWrap .stampArea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 0 2vw;
	margin-bottom: 5px;
}

#mypageMatinee main .stampWrap .stampArea ul li {
	display: flex;
	flex: 1 1 20%;
	justify-content: center;
	margin-bottom: 3vw;
}

#mypageMatinee main .stampWrap .stampArea ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 10px;
	font-weight: 700;
	line-height: var(--baseline-3x);
	color: var(--color-white);
	text-align: center;
	background: var(--color-grey-05);
}

#mypageMatinee main .stampWrap .stampArea ul li.on a {
	background: #745f5f;
}

#mypageMatinee main .stampWrap .stampArea > .expire {
	color: var(--color-grey-02);
	padding-left: 16px;
	font-size: var(--fontsize-body-XS);
}

#mypageMatinee main .stampWrap .stampArea > .expire em {
	color: var(--color-blue-01);
}

#mypageMatinee main .stampWrap .coupon {
	padding: 24px 32px;
}

#mypageMatinee main .stampWrap .coupon .cpnInfo {
	display: flex;
	flex-flow: column;
	text-align: center;
}

#mypageMatinee main .stampWrap .coupon .cpnInfo > span {
	margin-bottom: 16px;
	font-size: var(--fontsize-heading-M);
}

#mypageMatinee main .stampWrap .coupon .cpnInfo > strong {
	margin-bottom: 24px;
	font-size: var(--fontsize-body-XS);
}

#mypageMatinee main .stampWrap .coupon > a {
	display: block;
}

#mypageMatinee main .stampWrap .ico_matineeCF {
	position: absolute !important;
	bottom: -16px;
	right: -24px;
	padding: 4px 10px 4px 54px;
	background: var(--color-blue-01);
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	z-index: 1;
}

#mypageMatinee main .stampWrap .ico_matineeCF {
	position: relative;
}

#mypageMatinee main .stampWrap .ico_matineeCF:after {
	content: "";
	position: absolute;
	width: 38px;
	height: 48px;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.4 46.301'%3E%3Cg id='Icon_coffee_44' transform='translate(-9.872 -0.073)'%3E%3Cpath id='path_37285' data-name='path 37285' d='M49.668,5.077h-3L45.8,1H17.533l-.864,4.077h-3v5.005h36Z' transform='translate(-3.096 -0.226)' fill='%23fff'/%3E%3Cpath id='path_37286' data-name='path 37286' d='M49.668,5.077h-3L45.8,1H17.533l-.864,4.077h-3v5.005h36Z' transform='translate(-3.096 -0.226)' fill='none' stroke='%231A1818' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_37287' data-name='path 37287' d='M44.443,48.56H20.667L17.6,12.741H47.52Z' transform='translate(-3.986 -2.886)' fill='%23fff'/%3E%3Cpath id='path_37288' data-name='path 37288' d='M44.443,48.56H20.667L17.6,12.741H47.52Z' transform='translate(-3.986 -2.886)' fill='none' stroke='%231A1818' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_37289' data-name='path 37289' d='M45.877,35.783H19.627l-1.17-12.8h28.59Z' transform='translate(-4.181 -5.205)' fill='%23504941'/%3E%3Cpath id='path_37290' data-name='path 37290' d='M45.877,35.783H19.627l-1.17-12.8h28.59Z' transform='translate(-4.181 -5.205)' fill='none' stroke='%231A1818' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat no-repeat 0 0/100%;
}

#mypageMatinee main .stampWrap .ico_matineeCF span {
	color: var(--color-white);
}

#mypageMatinee main .stampWrap .mtnSlideArea {
	padding-bottom: 20px;
}

#mypageMatinee main .stampWrap .mtnSlideArea .swiper-pagination2 {
	position: absolute;
	bottom: 22px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 1;
}

#mypageMatinee main .stampWrap .mtnSlideArea .swiper-pagination-bullet {
	background: var(--color-blue-01);
	margin-right: 10px;
}

#mypageMatinee main .stampWrap .mtnSlideArea .swiper-pagination-bullet:last-of-type {
	margin-right: 0;
	padding-right: 0;
}

#mypageMatinee main .stampWrap .mtnSlideArea .swiper-pagination-bullet:last-of-type::after,
#mypageMatinee main .stampWrap .mtnSlideArea .swiper-pagination-bullet:last-of-type::before {
	display: none;
}

#mypageMatinee main .cautionList {
	margin-top: 30px;
}

#mypageMatinee main .cautionList li {
	margin-bottom: 8px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#mypageMatinee main .cautionList li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#mypageMatinee main .cautionList li:last-of-type::after,
#mypageMatinee main .cautionList li:last-of-type::before {
	display: none;
}

#mypageMatinee main .couponHistory {
	padding-top: 48px;
}

#mypageMatinee main .couponHistory > a {
	margin-bottom: 16px;
}

#mypageMatinee main .couponHistory > a span {
	display: inline-block;
	padding-right: 22px;
}

#mypageMatinee main .couponHistory > a span {
	position: relative;
}

#mypageMatinee main .couponHistory > a span:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 13px;
	height: 7px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.849 6.273'%3E%3Cpath id='path_33904' data-name='path 33904' d='M5,10,0,5,5,0' transform='translate(0.424 5.424) rotate(-90)' fill='none' stroke='%231A1818' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#mypageMatinee main .couponHistory > a.on span:after {
	transform: translateY(-50%) rotate(180deg);
}

#mypageMatinee main .couponHistory .couponSlide {
	display: none;
}

#mypageMatinee main .couponHistory .couponTab {
	display: flex;
}

#mypageMatinee main .couponHistory .couponTab li {
	flex: 1;
}

#mypageMatinee main .couponHistory .couponTab li a {
	display: block;
	position: relative;
	height: 44px;
	border: 1px solid var(--color-grey-03);
	border-right-width: 0;
	line-height: 42px;
	text-align: center;
	letter-spacing: -0.07em;
	color: var(--color-grey-03);
}

#mypageMatinee main .couponHistory .couponTab li:last-child a {
	border-right-width: 1px;
}

#mypageMatinee main .couponHistory .couponTab li.on a {
	color: var(--color-primary);
	border-color: var(--color-primary);
	border-right-width: 1px;
}

#mypageMatinee main .couponHistory .couponTab li.on + li a {
	border-left-width: 0;
}

#mypageMatinee main .couponHistory .couponList {
	padding-top: 12px;
}

#mypageMatinee main .couponHistory .couponList li {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: var(--border-table-bottom);
}

#mypageMatinee main .couponHistory .couponList li span {
	display: block;
	padding: 0 10px;
	font-size: var(--fontsize-body-XS);
	width: 120px;
	line-height: var(--baseline-5x);
	flex: none;
}

#mypageMatinee main .couponHistory .couponList li strong {
	display: block;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#mypageMatinee main .couponHistory .couponList li em {
	display: block;
	flex: none;
	padding: 0 10px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#mypageMatinee main .couponHistory p.none {
	padding-top: 46px;
	margin-top: 40px;
	text-align: center;
	color: var(--color-grey-03);
}

#mypageMatinee main .couponHistory p.none {
	position: relative;
}

#mypageMatinee main .couponHistory p.none:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 36px;
	height: 36px;
	background: url("/static/images/icon/caution_g.svg") no-repeat 0 0/100%;
}

.matineePopWrap {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: var(--color-white);
	z-index: 21;
	transform: translateY(100%);
	transition: 0.5s;
}

.matineePopWrap .popWrap {
	padding: 30px 24px 40px;
}

.matineePopWrap .popWrap h2 {
	margin-bottom: 24px;
	line-height: var(--baseline-9x);
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
}

.matineePopWrap .popWrap p {
	margin-bottom: 28px;
	line-height: var(--baseline-6x);
	opacity: 0.9;
}

.matineePopWrap .popWrap input {
	width: 100%;
	height: 56px;
	margin-bottom: 16px;
	border: var(--border-table-bottom);
	font-size: var(--fontsize-title-S);
	text-align: center;
}

.matineePopWrap .popWrap input:last-of-type {
	margin-bottom: 0;
}

.matineePopWrap .popWrap #btnEarn,
.matineePopWrap .popWrap #btnUse {
	margin-top: 44px;
}

.matineePopWrap .popWrap #btnEarn.on,
.matineePopWrap .popWrap #btnUse.on {
	background: var(--color-blue-01);
}

.matineePopWrap .popWrap .btnPopClose {
	position: absolute;
	top: 30px;
	right: 24px;
	width: 25px;
	height: 25px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.matineePopWrap.on {
	transform: translateY(0);
}

.matineePopWrap + #popBg {
	transition: 0.5s;
	opacity: 0;
}

.matineePopWrap + #popBg.on {
	opacity: 0.5;
}

#inquiryHistory .listCont {
	padding-top: 28px;
}

#inquiryHistory .listCont ul li {
	border-bottom: var(--border-table-bottom);
}

#inquiryHistory .listCont ul li a {
	display: block;
	padding: 16px 0;
}

#inquiryHistory .listCont ul li a > em {
	display: block;
	margin-bottom: 8px;
	font-weight: 700;
	line-height: var(--baseline-6x);
}

#inquiryHistory .listCont ul li a > strong {
	display: flex;
	margin-bottom: 4px;
	line-height: var(--baseline-6x);
}

#inquiryHistory .listCont ul li a > strong span {
	display: block;
	flex: none;
	margin-right: 5px;
	color: var(--color-grey-02);
}

#inquiryHistory .listCont ul li a > strong strong {
	display: block;
}

#inquiryHistory .listCont ul li a > span {
	display: flex;
	color: var(--color-grey-03);
	font-size: var(--fontsize-body-XS);
}

#inquiryHistory .listCont ul li a > span em {
	display: block;
}

#inquiryHistory .listCont ul li a > span span {
	display: block;
	padding-left: 11px;
	margin-left: 10px;
}

#inquiryHistory .listCont ul li a > span span {
	position: relative;
}

#inquiryHistory .listCont ul li a > span span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: var(--color-grey-06);
}

#inquiryHistory .listCont .btnArea {
	padding-top: 32px;
}

#inquiryHistory .listCont .btnArea + p {
	margin-top: 8px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#inquiryHistory .viewCont {
	padding-top: 40px;
}

#inquiryHistory .viewCont .titleArea {
	position: relative;
	padding-bottom: 24px;
}

#inquiryHistory .viewCont .titleArea h3 {
	display: flex;
	margin-bottom: 8px;
	line-height: var(--baseline-6x);
	padding-right: 85px;
}

#inquiryHistory .viewCont .titleArea h3 span {
	display: block;
	flex: none;
	margin-right: 5px;
	font-weight: 700;
	color: var(--color-grey-03);
}

#inquiryHistory .viewCont .titleArea h3 strong {
	display: block;
	font-weight: 700;
	word-break: break-all;
}

#inquiryHistory .viewCont .titleArea > span {
	display: flex;
}

#inquiryHistory .viewCont .titleArea > span i {
	display: block;
	padding-left: 11px;
	margin-left: 10px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-03);
	line-height: var(--baseline-5x);
}

#inquiryHistory .viewCont .titleArea > span i {
	position: relative;
}

#inquiryHistory .viewCont .titleArea > span i:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: var(--color-grey-06);
}

#inquiryHistory .viewCont .titleArea > span i:first-of-type {
	margin-left: 0;
	padding-left: 0;
}

#inquiryHistory .viewCont .titleArea > span i:first-of-type:after {
	display: none;
}

#inquiryHistory .viewCont .titleArea > em {
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
	padding: 0 12px;
	line-height: var(--baseline-6x);
	font-size: var(--fontsize-description);
	color: var(--color-white);
}

#inquiryHistory .viewCont .titleArea > em.i_waiting {
	background: var(--color-grey-02);
}

#inquiryHistory .viewCont .titleArea > em.i_complete {
	background: var(--color-blue-01);
}

#inquiryHistory .viewCont h4 {
	margin-bottom: 8px;
	line-height: var(--baseline-6x);
	color: var(--color-grey-02);
	font-weight: 700;
}

#inquiryHistory .viewCont .basicInfo {
	margin-bottom: 28px;
}

#inquiryHistory .viewCont .basicInfo ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 18px 20px;
	background: var(--color-grey-07);
}

#inquiryHistory .viewCont .basicInfo ul li {
	min-width: 50%;
	padding: 0 0 6px;
}

#inquiryHistory .viewCont .basicInfo ul li strong {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#inquiryHistory .viewCont .basicInfo ul li span {
	font-size: var(--fontsize-body-XS);
}

#inquiryHistory .viewCont .contentArea {
	padding-bottom: 32px;
}

#inquiryHistory .viewCont .contentArea .textCont {
	word-break: break-all;
}

#inquiryHistory .viewCont .contentArea > span {
	display: block;
	margin-top: 56px;
	padding-left: 22px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#inquiryHistory .viewCont .contentArea > span {
	position: relative;
}

#inquiryHistory .viewCont .contentArea > span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 17px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath id='Icon_Attachment_16' d='M13.438,7.038a.709.709,0,0,0,0-1.014.717.717,0,0,0-1.015,0L7.348,11.1a2.153,2.153,0,0,0,3.045,3.044l6.09-6.089a3.588,3.588,0,1,0-5.075-5.074L5.015,9.373,5,9.386a5,5,0,0,0,7.078,7.077l.013-.014h0l4.365-4.364a.718.718,0,1,0-1.015-1.014l-4.365,4.363-.013.013A3.569,3.569,0,0,1,6.015,10.4l.014-.013h0l6.4-6.393a2.153,2.153,0,0,1,3.045,3.044l-6.09,6.089a.718.718,0,0,1-1.015-1.014l5.075-5.075Z' transform='translate(-3.535 -1.928)' fill='%23888'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#inquiryHistory .viewCont .answerArea {
	padding: 32px 24px 0;
	margin: 0 -24px;
	border-top: var(--border-section);
}

#inquiryHistory .viewCont .answerArea .titleArea h3 {
	padding-right: 0;
}

#inquiryHistory .viewCont .answerArea p.none {
	padding-top: 46px;
	text-align: center;
	color: var(--color-grey-03);
}

#inquiryHistory .viewCont .answerArea p.none strong {
	font-weight: 700;
}

#inquiryHistory .viewCont .answerArea p.none {
	position: relative;
}

#inquiryHistory .viewCont .answerArea p.none:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 30px;
	height: 38px;
	/*	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.4 37.4'%3E%3Cg id='Icon_NoResult_36' transform='translate(-163.704 -813.421)'%3E%3Cpath id='path_36461' data-name='path 36461' d='M37.452,42.094h-28V15.022l8.741-8.928H37.452v36' transform='translate(154.952 808.027)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3Cg id='group_36338' data-name='group 36338' transform='translate(-0.596 -0.857)'%3E%3Cline id='line_1464' data-name='line 1464' x2='8' y2='8' transform='translate(175 830.979)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3Cline id='line_1465' data-name='line 1465' x1='8' y2='8' transform='translate(175 830.979)' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;*/
}

#inquiryHistory .viewCont .btnArea {
	padding-top: 60px;
}

#inquiryHistory .evaluationArea {
	margin-top: 60px;
	padding: 24px;
	border: var(--border-table-bottom);
}

#inquiryHistory .evaluationArea > p {
	font-size: var(--fontsize-body-R);
	line-height: var(--baseline-6x);
}

#inquiryHistory .evaluationArea .scoreArea {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	margin-top: 4px;
}

#inquiryHistory .evaluationArea .scoreArea label {
	margin-top: 16px;
}

#inquiryHistory .evaluationArea .scoreArea label:first-child {
	margin-top: 0;
}

#inquiryHistory .evaluationArea .btnArea {
	padding-top: 0;
	margin-top: 24px;
}

#inquiryApply main {
	padding-top: 40px;
}

#inquiryApply main #inquiryForm {
	margin-bottom: 56px;
}

#inquiryApply main .agreeWrap .checkArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#inquiryApply main .agreeWrap .checkArea label {
	font-size: var(--fontsize-body-R);
}

#inquiryApply main .agreeWrap .checkArea a {
	display: block;
	margin-left: 10px;
	flex: none;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
}

#inquiryApply main .agreeWrap .checkArea a {
	position: relative;
}

#inquiryApply main .agreeWrap .checkArea a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 1px;
	background: #666;
}

#inquiryApply main .agreeWrap .btnArea {
	display: flex;
	padding-top: 40px;
}

#mypageAgreePop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-white);
	z-index: 21;
}

#mypageAgreePop .popWrap {
	position: relative;
	height: 100%;
	padding: 26px 24px 24px;
}

#mypageAgreePop .popWrap h2 {
	margin-bottom: 40px;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-9x);
	padding-right: 42px;
}

#mypageAgreePop .popWrap .scrollArea {
	position: relative;
	height: calc(100% - 226px);
	overflow-y: auto;
	margin-bottom: 24px;
}

#mypageAgreePop .popWrap .scrollArea strong {
	display: block;
	padding-top: 24px;
}

#mypageAgreePop .popWrap .scrollArea strong:first-child {
	padding-top: 0;
}

#mypageAgreePop .popWrap .scrollArea div {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
	padding-top: 8px;
}

#mypageAgreePop .popWrap .scrollArea p {
	padding-top: 40px;
	font-size: var(--fontsize-body-XS);
}

#mypageAgreePop .popWrap .btnPopClose {
	position: absolute;
	top: 30px;
	right: 24px;
	width: 25px;
	height: 25px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 320px) {
	#couponCompletePop .completePopWrap p {
		font-size: var(--fontsize-body-XS);
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:first-of-type > div .banner {
		font-size: var(--fontsize-description);
		margin-right: 0;
		padding: 0 5px;
	}

	#mypageProgressCoupon .gray .couponTypeBtnBox li {
		width: 86px;
	}

	#mypageProgressCoupon .gray .couponTypeBtnBox li a {
		font-size: var(--fontsize-body-XS);
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:last-of-type p {
		font-size: var(--fontsize-description);
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:last-of-type a {
		font-size: var(--fontsize-description);
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:last-of-type a.btnUsed {
		font-size: var(--fontsize-description);
		padding-right: 38px;
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:last-of-type a.btnAfter {
		font-size: var(--fontsize-description);
		padding-right: 38px;
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:last-of-type a.btnUsed:after {
		width: 35px;
		height: 35px;
	}

	#mypageProgressCoupon .gray .couponListWrap ul li > div:last-of-type a.btnAfter:after {
		width: 35px;
		height: 35px;
	}

	#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li span {
		width: 56px;
		margin-right: 11px;
		font-size: var(--fontsize-description);
	}

	#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li p {
		font-size: var(--fontsize-description);
	}

	#mypageOwnCoupon .gray .couponDatailBox .detailContent > div:last-of-type > ul > li > ol > li {
		font-size: var(--fontsize-description);
	}

	#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type > div > ul > li span {
		width: 56px;
		margin-right: 11px;
		font-size: var(--fontsize-description);
	}

	#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type > div > ul > li p {
		font-size: var(--fontsize-description);
	}

	#mypageOwnCoupon .gray .couponDatailBox .detailContent.resend > div:first-of-type > div > ul > li > ol > li {
		font-size: var(--fontsize-description);
	}

	#mypageReceipt main .dateArea .dateBox input {
		padding-left: 5px;
		font-size: var(--fontsize-body-XS);
	}

	#mypageMatinee main .stampWrap .stampArea ul li a {
		width: 50px;
		height: 50px;
	}

	#inquiryApply .formTypeB > li.category ul li {
		margin-right: 17px;
	}

	#inquiryApply .formTypeB > li.category ul li:last-of-type {
		margin-right: 0;
	}

	#mypageAgreePop .popWrap h2 {
		font-size: var(--fontsize-title-L);
	}

	#mypageMatinee main .couponHistory .couponList li strong {
		font-size: var(--fontsize-description);
	}
}

@media screen and (max-width: 360px) {
	#mypageMatinee main .stampWrap .registerArea strong {
		font-size: var(--fontsize-title-M) /*19px*/;
	}

	#mypageMatinee main .stampWrap .registerArea p {
		font-size: var(--fontsize-body-XS);
	}
}

@media screen and (min-width: 780px) {
	#mypageMatinee main .stampWrap .stampArea ul {
		padding: 0 16px;
	}

	#mypageMatinee main .stampWrap .stampArea ul li {
		margin-bottom: 24px;
	}
}

@media screen and (max-height: 441px) {
	#matineeEarn {
		height: 100%;
	}

	#matineeEarn .popWrap {
		position: relative;
		height: 100%;
		overflow-y: auto;
	}
}

#memberModify .certifyArea {
	padding: 59px 0 0;
}

#memberModify .certifyArea input {
	width: calc(100% - 94px);
	height: 48px;
	padding: 0 20px;
	border: var(--border-table-bottom);
}

#memberModify .certifyArea label {
	margin-right: 24px;
	font-size: var(--fontsize-body-R);
}

#memberModify .certifyArea span {
	display: block;
	margin: 10px 0 60px;
	font-size: var(--fontsize-body-XS);
	line-height: 1.57;
}

#memberModify .titleArea {
	padding: 40px 0 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#memberModify .titleArea h3 {
	font-size: var(--fontsize-title-L);
}

#memberModify .titleArea h3 ~ span {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#memberModify .formArea .formTypeA > ul li,
#memberModify .formArea .formTypeA > ol li {
	margin-bottom: 32px;
}

#memberModify .formArea .formTypeA > ul li:last-of-type,
#memberModify .formArea .formTypeA > ol li:last-of-type {
	margin-bottom: 0;
}

#memberModify .formArea .formTypeA > ul li strong,
#memberModify .formArea .formTypeA > ol li strong {
	display: block;
	margin-bottom: 16px;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
}

#memberModify .formArea .formTypeA > ul li > div input[type=radio] + label,
#memberModify .formArea .formTypeA > ol li > div input[type=radio] + label {
	margin-right: 12px;
}

#memberModify .formArea .formTypeA > ul li > div input[type=radio] + label:last-child,
#memberModify .formArea .formTypeA > ol li > div input[type=radio] + label:last-child {
	margin-right: 0;
}

#memberModify .formArea .formTypeA > ul li input[type=text],
#memberModify .formArea .formTypeA > ol li input[type=text] {
	width: 100%;
	height: 48px;
	padding: 0 20px;
	border: var(--border-table-bottom);
	line-height: var(--baseline-12x);
}

#memberModify .formArea .formTypeA > ul li .inputArea.read_only input,
#memberModify .formArea .formTypeA > ol li .inputArea.read_only input {
	background: var(--color-grey-06);
	border: var(--border-table-bottom);
}

/* 240318_개인정보변경 수정 */

#memberModify .formArea .formTypeA > ul li .btnTypeA.full,
#memberModify .formArea .formTypeA > ol li .btnTypeA.full {
	height: 48px;
	margin-top: 0;
	line-height: var(--baseline-12x);
	font-size: var(--fontsize-body-R);
	width: 80px;
	margin-left: 16px;
}

#memberModify .formArea .formTypeA > ul li > ul.setDateCont,
#memberModify .formArea .formTypeA > ol li > ul.setDateCont {
	display: flex;
	border: var(--border-table-bottom);
}

#memberModify .formArea .formTypeA > ul li > ul.setDateCont > li,
#memberModify .formArea .formTypeA > ol li > ul.setDateCont > li {
	margin-bottom: 0;
}

#memberModify .formArea .formTypeA > ul li > ul.setDateCont > li:first-of-type,
#memberModify .formArea .formTypeA > ol li > ul.setDateCont > li:first-of-type {
	width: 37%;
}

#memberModify .formArea .formTypeA > ul li > ul.setDateCont > li:nth-of-type(2),
#memberModify .formArea .formTypeA > ol li > ul.setDateCont > li:nth-of-type(2) {
	width: 32%;
	border-left: var(--border-table-bottom);
	border-right: var(--border-table-bottom);
}

#memberModify .formArea .formTypeA > ul li > ul.setDateCont > li:last-of-type,
#memberModify .formArea .formTypeA > ol li > ul.setDateCont > li:last-of-type {
	width: 31%;
}

#memberModify .formArea .formTypeA > ul li > ul.setDateCont > li .writeSelect,
#memberModify .formArea .formTypeA > ol li > ul.setDateCont > li .writeSelect {
	width: 75%;
	border: none;
}

#memberModify .formArea .formTypeA > ul li > ul.setDateCont > li > span,
#memberModify .formArea .formTypeA > ol li > ul.setDateCont > li > span {
	line-height: var(--baseline-12x);
}

#memberModify .formArea .formTypeA > ul li .calendarType,
#memberModify .formArea .formTypeA > ol li .calendarType {
	margin-bottom: 16px;
}

#memberModify .formArea .formTypeA > ul li.withBtn > div,
#memberModify .formArea .formTypeA > ol li.withBtn > div {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;

}

#memberModify .formArea .formTypeA > ul li.withBtn > div .inputArea,
#memberModify .formArea .formTypeA > ol li.withBtn > div .inputArea {
	width: calc(100% - 96px);
}

#memberModify .formArea .formTypeA > ul li.withBtn > div > a,
#memberModify .formArea .formTypeA > ol li.withBtn > div > a {
	width: 80px;
	margin-left: 16px;
}

/* 240318_개인정보변경 수정 */

#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont {
	display: flex;
	border: 0;
	width: 100%;
	justify-content: space-between;
}

#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont > li {
	border-top: var(--border-table-bottom);
	border-bottom: var(--border-table-bottom);
	margin-bottom: 0;
	background-color: var(--color-grey-06);
}

#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont > li .writeSelect {
	width: 65%;
	padding: 0 0 0 15px;
}

#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont > li > span {
	line-height: var(--baseline-12x);
	color: var(--color-grey-02);
}

#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont > li:first-of-type {
	width: calc(33.3% - 31px);
	border-left: var(--border-table-bottom);
}

#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont > li:nth-of-type(2) {
	width: calc(33.3% - 32px);
}

#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont > li:nth-of-type(3) {
	width: calc(33.3% - 32px);
	border-right: var(--border-table-bottom);
}

#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont > li:last-of-type {
	background-color: unset;
	border: none;
	display: contents;
}

@media screen and (max-width: 350px) {

	#memberModify select,
	#memberModify input,
	#memberModify span {
		font-size: var(--fontsize-description) /*13px*/;
	}

	#memberModify .formArea .formTypeA > ul li.birth > ul.setDateCont > li .writeSelect {
		width: 60%;
	}
}

#memberModify .formArea .formTypeA > ul li.phone div,
#memberModify .formArea .formTypeA > ol li.phone div {
	border: 0px;
	display: flex;
	justify-content: space-between;

}

#memberModify .formArea .formTypeA > ul li.phone div:after,
#memberModify .formArea .formTypeA > ol li.phone div:after {
	content: "";
	display: block;
	clear: both;
}

#memberModify .formArea .formTypeA > ul li.phone div .writeSelect,
#memberModify .formArea .formTypeA > ol li.phone div .writeSelect {
	width: 25%;
	padding-right: 0px;
	border: var(--border-table-bottom);
	border-right: 0;
}

#memberModify .formArea .formTypeA > ul li.phone div input,
#memberModify .formArea .formTypeA > ol li.phone div input {
	width: calc(75% - 96px);
	line-height: var(--baseline-12x);
	float: left;
	border: var(--border-table-bottom);
	border-left: 0;
}

#memberModify .formArea .formTypeA > ul li.address ul li,
#memberModify .formArea .formTypeA > ol li.address ul li {
	margin-bottom: 16px;
}

#memberModify .formArea .formTypeA > ul li.address ul li input,
#memberModify .formArea .formTypeA > ol li.address ul li input {
	width: 100%;
	height: 48px;
	padding: 0 20px;
	line-height: var(--baseline-12x);
	border: var(--border-table-bottom);
}

#memberModify .formArea .formTypeA > ul li.address ul li input + input,
#memberModify .formArea .formTypeA > ol li.address ul li input + input {
	margin-top: 16px;
}

#memberModify .formArea .formTypeA > ul li.address ul li.addressHead,
#memberModify .formArea .formTypeA > ol li.address ul li.addressHead {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#memberModify .formArea .formTypeA > ul li.address ul li.addressHead > input,
#memberModify .formArea .formTypeA > ol li.address ul li.addressHead > input {
	margin-right: 16px;
}

#memberModify .formArea .formTypeA > ul li.emailForm > div,
#memberModify .formArea .formTypeA > ol li.emailForm > div {
	display: flex;
}

#memberModify .formArea .formTypeA > ul li.emailForm > div .fixed,
#memberModify .formArea .formTypeA > ol li.emailForm > div .fixed {
	display: flex;
	flex: 1;
}

#memberModify .formArea .formTypeA > ul li.emailForm > div .fixed span,
#memberModify .formArea .formTypeA > ol li.emailForm > div .fixed span {
	align-self: stretch;
	width: 30px;
	border-top: var(--border-table-bottom);
	border-bottom: var(--border-table-bottom);
	line-height: 46px;
}

#memberModify .formArea .formTypeA > ul li.emailForm > div div,
#memberModify .formArea .formTypeA > ol li.emailForm > div div {
	flex: 1;
	position: relative;
}

#memberModify .formArea .formTypeA > ul li.emailForm > div div .insertTypeA,
#memberModify .formArea .formTypeA > ol li.emailForm > div div .insertTypeA {
	position: relative;
	z-index: 2;
	background: var(--color-white);
}

#memberModify .formArea .formTypeA > ul li.emailForm > div div .insertTypeB,
#memberModify .formArea .formTypeA > ol li.emailForm > div div .insertTypeB {
	position: absolute;
	left: 0;
	top: 1px;
	width: calc(100% - 40px);
	z-index: 1;
}

#memberModify .formArea .formTypeA > ul li.emailForm > div div .insertTypeB input,
#memberModify .formArea .formTypeA > ol li.emailForm > div div .insertTypeB input {
	border: 0;
	height: 46px;
}

#memberModify .formArea .formTypeA > ul li.emailForm > div div .insertTypeB.on,
#memberModify .formArea .formTypeA > ol li.emailForm > div div .insertTypeB.on {
	z-index: 3;
}

#memberModify .formArea .formTypeA > ul li.genderRadioBox div,
#memberModify .formArea .formTypeA > ol li.genderRadioBox div {
	display: flex;
	align-items: center;
}

#memberModify .formArea .formTypeA > ul li.genderRadioBox div input[type=radio],
#memberModify .formArea .formTypeA > ol li.genderRadioBox div input[type=radio] {
	display: none;
}

#memberModify .formArea .formTypeA > ul li.genderRadioBox div input + label,
#memberModify .formArea .formTypeA > ol li.genderRadioBox div input + label {
	display: inline-block;
	width: 49%;
	height: 48px;
	margin-right: 0;
	line-height: var(--baseline-12x);
	border: var(--border-table-bottom);
	text-align: center;
}

#memberModify .formArea .formTypeA > ul li.genderRadioBox div input[type=radio]:checked + label,
#memberModify .formArea .formTypeA > ol li.genderRadioBox div input[type=radio]:checked + label {
	border: 1px solid var(--color-primary);
}

#memberModify .marketingAgreeWrap h4 {
	font-size: var(--fontsize-title-S);
	margin: 60px 0 16PX;
}

#memberModify .marketingAgreeWrap .marketingAgree {
	padding: 0 24px 42px;
	border: var(--border-table-bottom);
}

#memberModify .marketingAgreeWrap .marketingAgree input.chkTypeA + label {
	font-weight: 400;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 24px 0;
	border-bottom: var(--border-table-bottom);
}

#memberModify .marketingAgreeWrap .marketingAgree .termList li > div {
	width: 76%;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList li > div .infoText {
	margin: 8px 0 0 35px;
	width: 110%;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#memberModify .marketingAgreeWrap .marketingAgree .termList li > div input.chkTypeA + label {
	padding-left: 35px;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList li > div input.chkTypeA + label:after {
	top: 14px;
}

#memberModify .marketingAgreeWrap .marketingAgree .termList li a {
	font-size: var(--fontsize-body-XS);
	text-decoration: none;
	border-bottom: 1px solid var(--color-blue-01);
	color: var(--color-blue-01);
}

#memberModify .marketingAgreeWrap .marketingAgree .termList + .caution {
	margin-top: 10px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSetBox > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 24px;
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSetBox > div a {
	font-size: var(--fontsize-body-XS);
	text-decoration: none;
	border-bottom: 1px solid var(--color-blue-01);
	color: var(--color-blue-01);
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSetBox .receiveSet {
	margin-top: 16px;
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSetBox .receiveSet li {
	display: inline-block;
	margin-right: 3%;
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSetBox .receiveSet li:first-of-type {
	display: block;
	margin-bottom: 16px;
}

#memberModify .marketingAgreeWrap .marketingAgree .receiveSetBox .receiveSet li input.chkTypeA + label:after {
	border-radius: 50%;
}

#memberModify .clubInfoBox h4 {
	font-size: var(--fontsize-title-S);
	margin: 60px 0 16px;
}

#memberModify .clubInfoBox .clubListWrap {
	padding: 40px 24px;
	border: var(--border-table-bottom);
}

#memberModify .clubInfoBox .clubListWrap .joinList > li {
	margin-bottom: 24px;
}

#memberModify .clubInfoBox .clubListWrap .joinList > li input + label {
	width: 113px;
}

#memberModify .clubInfoBox .clubListWrap .joinList > li .btnAbout {
	display: inline-block;
	width: 91px;
	height: 32px;
	background: var(--color-blue-01);
	font-size: var(--fontsize-body-XS);
	color: var(--color-white);
	text-align: center;
	line-height: var(--baseline-8x);
}

#memberModify .clubInfoBox .clubListWrap .listTypeB {
	margin-top: 32px;
}

#memberModify .clubInfoBox .clubListWrap .listTypeB li {
	font-size: var(--fontsize-body-XS);
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap {
	margin-top: 32px;
	border-top: var(--border-table-bottom);
	display: none;
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap ol > li {
	margin-top: 32px;
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap ol > li .titleName {
	color: var(--color-primary);
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap ol > li > ul > li {
	margin-top: 16px;
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap ol > li > ul > li .setDateCont li {
	position: relative;
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap ol > li > ul > li .setDateCont li:first-of-type select {
	min-width: 68px;
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap ol > li > ul > li .setDateCont li select {
	background-position: 95% center;
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap ol > li > ul > li .setDateCont li span {
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
}

#memberModify .clubInfoBox .clubListWrap .bakimomListWrap > a {
	margin-top: 32px;
	line-height: 46px;
	height: 48px;
	font-size: var(--fontsize-body-R);
}

#memberModify .clubInfoBox .listTypeA {
	margin-top: 32px;
}

#memberModify ul.cautionList {
	padding: 24px;
	display: block;
	background: var(--color-grey-07);
}

#memberModify ul.cautionList li {
	margin-bottom: 8px;
	padding-left: 10px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#memberModify ul.cautionList li {
	position: relative;
}

#memberModify ul.cautionList li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 3px;
	height: 3px;
	background: #666;
	border-radius: 50%;
}

#memberModify .redText {
	color: var(--color-red-01);
}

/* 240318_개인정보변경 수정 */
#memberModify .caution {
	display: block;
	margin: 8px 0 15px;
	font-size: var(--fontsize-description);
	color: var(--color-grey-02);
	line-height: 1.57;
}

#memberModify .flex {
	display: flex;
}

#memberModify .flex.sb {
	justify-content: space-between;
}

#memberModify .flex.ct {
	align-items: center;
}

#memberModify .btnArea {
	margin-top: 60px;
}

#memberModify .btnArea a {
	margin-bottom: 16px;
}

#memberModify .btnReject {
	text-align: center;
	font-size: var(--fontsize-title-S);
	text-decoration: underline;
	color: var(--color-grey-02);
}

.termsContentPopWrap h3 {
	margin-bottom: 32px;
	padding-right: 24px;
}

.termsContentPopWrap h3 + div {
	min-height: 30px;
	max-height: 330px;
	overflow-y: auto;
	word-break: break-all;
}

.termsContentPopWrap span {
	font-weight: 400;
	font-size: var(--fontsize-body-R);
}

.termsContentPopWrap table {
	margin: 16px 0 !important;
	border-collapse: collapse !important;
	border-top: 1px solid var(--color-primary) !important;
	border-bottom: 1px solid var(--color-primary) !important;
}

.termsContentPopWrap table th {
	padding: 10px 10px !important;
	background: var(--color-grey-07) !important;
	text-align: center !important;
	font-size: var(--fontsize-body-XS) !important;
	font-weight: normal !important;
	line-height: var(--baseline-4x) !important;
}

.termsContentPopWrap table td {
	padding: 10px 10px !important;
	text-align: center !important;
	font-size: var(--fontsize-body-XS) !important;
	line-height: var(--baseline-4x) !important;
}

.termsContentPopWrap table th,
.termsContentPopWrap table td {
	color: var(--color-primary) !important;
	border-top: var(--border-table-bottom) !important;
	border-bottom: 0 !important;
	letter-spacing: -0.04em !important;
	border-right: var(--border-table-bottom) !important;
	border-left: 0 !important;
}

.termsContentPopWrap table th:last-of-type,
.termsContentPopWrap table td:last-of-type {
	border-right: 0 !important;
}

.termsContentPopWrap table tr:first-of-type td,
.termsContentPopWrap table tr:first-of-type th {
	border-top: 0 !important;
}

#checkUserPop .cont {
	min-height: 100px;
	padding: 32px 0;
	word-break: break-all;
	font-size: var(--fontsize-body-XS);
}

#checkUserPop .btnBox {
	display: flex;
	justify-content: space-between;
}

#memberComplete .contentArea {
	margin: 40px 0;
	padding: 103px 26px 39px;
	background: var(--color-grey-07) url("/static/images/icon/complate.svg") no-repeat 50% 30px/56px;
	text-align: center;
}

#memberComplete .contentArea h4 {
	font-size: var(--fontsize-body-XS);
	margin-bottom: 10px;
	letter-spacing: -0.14px;
}

#memberComplete .contentArea p {
	font-size: var(--fontsize-body-XS);
	line-height: 1.43;
	color: var(--color-grey-02);
	letter-spacing: -0.14px;
}

#passwordCertify .infoArea p {
	margin-bottom: 40px;
	padding-top: 135px;
	background: url("/static/images/icon/passwordCertify.svg") no-repeat 50% 59px/60px;
	text-align: center;
	font-size: var(--fontsize-body-RB);
	font-weight: 700;
	line-height: 1.63;
}

#passwordChange .inputArea {
	padding: 40px 0 30px;
}

#passwordChange .inputArea li {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

#passwordChange .inputArea li:first-child label {
	color: var(--color-grey-02);
}

#passwordChange .inputArea li label {
	width: 129px;
	font-size: var(--fontsize-body-R);
}

#passwordChange .inputArea li input {
	padding: 0 20px;
	height: 48px;
	width: calc(100% - 127px);
	line-height: var(--baseline-12x);
	border: var(--border-table-bottom);
}

#passwordChange .infoArea {
	margin-bottom: 40px;
}

#passwordChange .infoArea strong {
	display: block;
	text-align: center;
	margin-bottom: 16px;
	font-size: var(--fontsize-body-XS);
}

#passwordChange .infoArea > p {
	margin-top: 24px;
	padding: 24px;
	background: var(--color-grey-07);
	font-size: var(--fontsize-body-XS);
	line-height: 1.57;
}

#passwordChange .infoArea > p span {
	display: block;
	margin-top: 8px;
	color: var(--color-grey-02);
}

#passwordChange .infoText {
	margin-bottom: 40px;
	font-size: var(--fontsize-body-XS);
	text-align: center;
}

#passwordCompletePop {
	position: fixed;
	left: 24px;
	top: 50%;
	width: calc(100% - 48px);
	height: 328px;
	transform: translateY(-50%);
	background: var(--color-white);
	z-index: 21;
}

#passwordCompletePop .passwordCompletePopWrap {
	padding: 30px;
}

#passwordCompletePop .passwordCompletePopWrap h2 {
	margin-bottom: 40px;
	font-size: var(--fontsize-title-XL);
	font-weight: 700;
}

#passwordCompletePop .passwordCompletePopWrap p {
	text-align: center;
	font-size: var(--fontsize-body-R);
}

#passwordCompletePop .passwordCompletePopWrap .btnArea {
	padding-top: 62px;
}

#passwordCompletePop .passwordCompletePopWrap .btnPopClose {
	position: absolute !important;
	right: 30px;
	top: 30px;
	width: 24px;
	height: 24px;
}

#passwordCompletePop .passwordCompletePopWrap .btnPopClose {
	position: relative;
}

#passwordCompletePop .passwordCompletePopWrap .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#rejectSelect .infoArea {
	padding-top: 135px;
	background: url("/static/images/icon/caution_g.svg") no-repeat 50% 59px/60px;
	text-align: center;
}

#rejectSelect .infoArea strong {
	display: block;
	font-size: var(--fontsize-body-RB);
	font-weight: 700;
}

#rejectSelect .infoArea p {
	margin-top: 16px;
	margin-bottom: 40px;
	font-size: var(--fontsize-body-XS);
	line-height: 1.43;
}

#rejectResult .infoArea2 {
	padding-top: 135px;
	background: url("/static/images/icon/complate.svg") no-repeat 50% 59px/60px;
	text-align: center;
}

#rejectResult .infoArea2 strong {
	display: block;
	font-size: var(--fontsize-body-RB);
	font-weight: 700;
}

#rejectResult .infoArea2 p {
	margin-top: 16px;
	margin-bottom: 40px;
	font-size: var(--fontsize-body-XS);
	line-height: 1.43;
}

#secessionSelect .infoArea {
	padding: 116px 24px 30px;
	background: var(--color-grey-07) url("/static/images/icon/caution_g.svg") no-repeat 50% 40px/60px;
	text-align: center;
}

#secessionSelect .infoArea strong {
	display: block;
	font-size: var(--fontsize-body-R);
}

#secessionSelect .infoArea p {
	margin-top: 20px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#secessionSelect .selectArea {
	margin-bottom: 40px;
}

#secessionSelect .selectArea h4 {
	margin: 40px 0 16px;
	font-size: var(--fontsize-title-L);
}

#secessionSelect .selectArea div {
	padding: 0 24px 24px;
	border: var(--border-table-bottom);
}

#secessionSelect .selectArea div input + label {
	width: 100%;
}

#secessionSelect .selectArea div textarea {
	margin-top: 20px;
	width: 100%;
	height: 140px;
	padding: 13px;
	resize: none;
	border: 1px solid var(--color-grey-03);
}

#secessionSelect .infoArea2 {
	padding-top: 135px;
	background: url("/static/images/icon/complate.svg") no-repeat 50% 59px/60px;
	text-align: center;
}

#secessionSelect .infoArea2 strong {
	display: block;
	font-size: var(--fontsize-body-RB);
	font-weight: 700;
}

#secessionSelect .infoArea2 p {
	margin-top: 16px;
	margin-bottom: 40px;
	font-size: var(--fontsize-body-XS);
	line-height: 1.43;
}

#secessionCkPop {
	position: fixed;
	left: 24px;
	top: 50%;
	width: calc(100% - 48px);
	transform: translateY(-50%);
	padding: 30px 24px;
	background: var(--color-white);
	z-index: 21;
}

#secessionCkPop h2 {
	display: block;
	font-size: var(--fontsize-title-L);
}

#secessionCkPop .cont {
	margin: 32px 0 40px;
	min-height: 100px;
	word-break: break-all;
	line-height: 1.71;
	font-size: var(--fontsize-body-XS);
}

#secessionCkPop .btnPopClose {
	position: absolute !important;
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
}

#secessionCkPop .btnPopClose {
	position: relative;
}

#secessionCkPop .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#secessionReCkPop {
	position: fixed;
	left: 24px;
	top: 50%;
	width: calc(100% - 48px);
	transform: translateY(-50%);
	padding: 30px 24px;
	background: var(--color-white);
	z-index: 21;
}

#secessionReCkPop .cont {
	padding: 102px 0 40px;
	min-height: 100px;
	word-break: break-all;
	line-height: 1.71;
	text-align: center;
	background: url("/static/images/icon/caution_g.svg") no-repeat 50% 30px/56px;
}

#secessionReCkPop .btnPopClose {
	position: absolute !important;
	right: 0;
	top: 0;
	width: 24px;
	height: 24px;
}

#secessionReCkPop .btnPopClose {
	position: relative;
}

#secessionReCkPop .btnPopClose:after {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.131' height='25.131' viewBox='0 0 25.131 25.131'%3E%3Cg id='group_33273' data-name='group 33273' transform='translate(0.566 0.566)'%3E%3Cpath id='path_34968' data-name='path 34968' d='M839.392,213.286l24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3Cpath id='path_34969' data-name='path 34969' d='M863.392,213.286l-24,24' transform='translate(-839.392 -213.286)' fill='none' stroke='%23aaa' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#loginWrap #content {
	display: block;
	margin: 32px 24px 0;
}

#loginWrap #content h2 {
	font-size: var(--fontsize-display-L);
	font-weight: 700;
	text-align: center;
}

#loginWrap #content .titleInfo {
	margin-top: 8px;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
	text-align: center;
}

#loginWrap #content .loginBox {
	margin-top: 32px;
}

#loginWrap #content .loginBox > input {
	width: 100%;
	height: 48px;
	margin-bottom: 16px;
	padding: 12px 16px;
	line-height: var(--baseline-12x);
	border: var(--border-table-bottom);
}

#loginWrap #content .loginBox > input::placeholder {
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
}

#loginWrap #content .loginBox .idCheckBox {
	display: flex;
	align-items: center;
}

#loginWrap #content .loginBox .idCheckBox input + label {
	margin-right: 26px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#loginWrap #content .loginBox .idCheckBox input.chkTypeA + label:after {
	width: 20px;
	height: 20px;
}

#loginWrap #content .btnBox {
	margin-top: 32px;
}

#loginWrap #content .btnBox a {
	margin-bottom: 16px;
}

#loginWrap #content .btnBox a:last-of-type {
	margin-bottom: 0;
}

#loginWrap #content .btnBox .infoTxt {
	margin-top: 24px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	text-align: center;
}

#loginWrap #content .snsBox {
	position: relative;
	margin-top: 41px;
	padding-top: 32px;
	border-top: var(--border-table-bottom);
}

#loginWrap #content .snsBox:after {
	content: "OR";
	position: absolute;
	display: inline-block;
	top: -12px;
	left: 50%;
	margin-left: -26px;
	padding: 0 17px;
	font-size: var(--fontsize-body-XS);
	background: var(--color-white);
}

#loginWrap #content .snsBox ul {
	display: flex;
	justify-content: space-around;
}

#loginWrap #content .snsBox ul li:first-of-type {
	background: url("/static/images/icon/sns/naver.svg") no-repeat 50% 0;
	background-size: 60px;
}

#loginWrap #content .snsBox ul li:nth-of-type(2) {
	background: url("/static/images/icon/sns/kakao.svg") no-repeat 50% 0;
	background-size: 60px;
}

#loginWrap #content .snsBox ul li:nth-of-type(3) {
	background: url("/static/images/icon/sns/apple.svg") no-repeat 50% 0;
	background-size: 60px;
}

#loginWrap #content .snsBox ul li a {
	display: block;
	padding-top: 74px;
	font-size: var(--fontsize-body-XS);
}

#loginWrap #content > ul {
	display: flex;
	justify-content: center;
	margin-top: 24px;
}

#loginWrap #content > ul li {
	position: relative;
	padding: 0 16px;
}

#loginWrap #content > ul li a {
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
}

#loginWrap #content > ul li:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 6px;
	width: 1px;
	height: 12px;
	background: var(--color-grey-04);
}

#loginWrap #content > ul li:last-of-type:after {
	display: none;
}

#combine #content {
	padding-left: 24px;
	padding-right: 24px;
}

#combine #content .noLinkBox {
	padding: 30px 39px 40px;
	margin-top: 40px;
	background: var(--color-grey-07);
}

#combine #content .noLinkBox strong {
	display: block;
	padding-top: 64px;
	font-size: var(--fontsize-body-XS);
	line-height: 22px;
	text-align: center;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52.946 58.583'%3E%3Cg id='Icon_No_search_57' data-name='Icon_No search_57' transform='translate(-998 -371.388)'%3E%3Cpath id='path_36491' data-name='path 36491' d='M27.981,9.208A8.208,8.208,0,1,1,19.773,1,8.209,8.209,0,0,1,27.981,9.208Z' transform='translate(998.079 371.088)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_36492' data-name='path 36492' d='M31.512,21.477A20.355,20.355,0,0,0,19.979,17.9,20.732,20.732,0,0,0,1.808,28.829,6.706,6.706,0,0,0,1,32.039v4.108a4.325,4.325,0,0,0,4.27,4.378H23.39' transform='translate(997.7 370.646)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cellipse id='sc_2196' data-name='sc 2196' cx='15.066' cy='15.066' rx='15.066' ry='15.066' transform='translate(1020.115 391.155)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cline id='line_1603' data-name='line 1603' x2='11.938' y2='11.939' transform='translate(1029.212 400.216)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cline id='line_1604' data-name='line 1604' x1='11.938' y2='11.938' transform='translate(1029.212 400.216)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_36493' data-name='path 36493' d='M31.035,46.508,21.653,55.89a2.386,2.386,0,0,1-3.364,0l-1-1a2.386,2.386,0,0,1,0-3.364l9.44-9.439' transform='translate(995.764 372.504)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0/42px auto;
}

#combine #content .memberTypeBox ul {
	margin-top: 24px;
	padding: 32px 0;
	border: var(--border-table-bottom);
}

#combine #content .memberTypeBox ul li {
	margin-bottom: 40px;
	padding: 0 24px;
	text-align: center;
}

#combine #content .memberTypeBox ul li strong {
	line-height: var(--baseline-6x);
}

#combine #content .memberTypeBox ul li p {
	margin: 8px 0 32px;
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#combine #content .memberTypeBox ul li:last-of-type {
	margin-bottom: 0;
}

@media screen and (max-width: 320px) {
	#combine .titleBox > div strong {
		font-size: var(--fontsize-body-XS) /*15px*/;
	}

	#combine .titleBox > div span {
		font-size: var(--fontsize-description);
	}
}

#combineFind #content {
	padding-left: 24px;
	padding-right: 24px;
}

#combineFind #content .subTabTitle {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 40px;
}

#combineFind #content .subTabTitle li {
	margin: 0 12px;
	padding: 8px 0;
	font-size: var(--fontsize-body-R);
	cursor: pointer;
}

#combineFind #content .subTabTitle li.on {
	color: var(--color-blue-01);
	font-weight: 700;
	border-bottom: 4px solid var(--color-blue-01);
}

#combineFind #content .subTabContent {
	padding-top: 40px;
}

#combineFind #content .subTabContent > div {
	text-align: center;
	display: none;
}

#combineFind #content .subTabContent > div.on {
	display: block;
}

#combineFind #content .subTabContent > div > input {
	margin: 32px 0 0;
	width: 100%;
	height: 48px;
	line-height: var(--baseline-12x);
	border: var(--border-table-bottom);
	padding: 0 20px;
	font-size: var(--fontsize-body-R);
}

#combineFind #content .subTabContent > div.subTabContent2 > strong {
	display: block;
	font-size: var(--fontsize-body-XS);
	padding: 94px 24px 40px;
	line-height: 1.5;
	letter-spacing: -0.04em;
	background: var(--color-grey-07) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.592 49.076'%3E%3Cg id='Icon_ID_Search_52' data-name='Icon_ID Search_52' transform='translate(0.7 0.7)'%3E%3Cpath id='path_36499' data-name='path 36499' d='M19.454,40.909H1V10.9L10.9,1H32.7V22.044' transform='translate(-1 -1)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_36500' data-name='path 36500' d='M1.371,10.977h9.6V1.283' transform='translate(-1.065 -1.051)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Ccircle id='sc_2202' data-name='sc 2202' cx='11.262' cy='11.262' r='11.262' transform='translate(13.688 19.205)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_36501' data-name='path 36501' d='M42.155,45.86l7.013,7.013a1.784,1.784,0,0,1,0,2.515l-.75.75a1.784,1.784,0,0,1-2.515,0l-7.056-7.057' transform='translate(-7.643 -9.127)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_36502' data-name='path 36502' d='M23.411,37.319l3.947,3.947,8.251-8.252' transform='translate(-4.932 -6.791)' fill='none' stroke='%2328324E' stroke-miterlimit='10' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 30px/42px auto;
}

#combineFind #content .subTabContent > div.subTabContent2 > span {
	display: block;
	margin-top: 32px;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
	text-align: left;
}

#combineFind #content .subTabContent > div.subTabContent2 > div {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 16px 0 32px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.viewId {
	display: block;
	align-items: baseline;
	margin-top: 40px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.viewId > span {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
	text-align: left;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.viewId input[type=text] {
	width: 100%;
	height: 48px;
	line-height: var(--baseline-12x);
	padding: 0 16px;
	font-size: var(--fontsize-body-XS);
	border: var(--border-table-bottom);
}

#combineFind #content .subTabContent > div.subTabContent2 > div.viewId > strong {
	margin-left: 14px;
	font-size: var(--fontsize-display-M);
	letter-spacing: -0.28px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm {
	display: flex;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm .fixed {
	display: flex;
	flex: 1;
	border: var(--border-table-bottom);
	border-right: none;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm .fixed input {
	width: 100%;
	padding: 0 16px;
	height: 46px;
	background: var(--color-white);
	border: none;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm .fixed span {
	align-self: stretch;
	width: 30px;
	line-height: 46px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm div {
	flex: 1;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm div input {
	width: 100%;
	padding: 0 16px;
	height: 48px;
	background: var(--color-white);
	border: var(--border-table-bottom);
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm .insertTypeA {
	position: relative;
	z-index: 2;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm .insertTypeA select {
	background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.061 6.091'%3E%3Cpath id='path_35308' data-name='path 35308' d='M0,0,4.5,4.5,0,9' transform='translate(9.53 0.53) rotate(90)' fill='none' stroke='%231A1818' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat calc(100% - 16px) 50%/9px 5.5px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm .insertTypeB {
	position: absolute;
	left: 0;
	top: 1px;
	width: calc(100% - 40px);
	z-index: 1;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm .insertTypeB input {
	border: 0;
	height: 46px;
	width: 100%;
	padding: 0 16px;
}

#combineFind #content .subTabContent > div.subTabContent2 > div.emailForm .insertTypeB.on {
	z-index: 3;
}

#findId #content {
	padding-left: 24px;
	padding-right: 24px;
}

#findId #content .resultTextBox {
	margin-top: 40px;
	position: relative;
}

#findId #content .resultTextBox > strong {
	display: block;
	position: relative;
	padding: 102px 42px 40px;
	font-size: var(--fontsize-body-XS);
	line-height: 1.5;
	text-align: center;
	letter-spacing: -0.04em;
	background: var(--color-grey-07);
}

#findId #content .resultTextBox > strong:before {
	content: "";
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -27px;
	display: block;
	width: 56px;
	height: 56px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.066 9.534'%3E%3Cpath id='path_34975' data-name='path 34975' d='M65.419,11.6l3.188,3.745,6.812-8' transform='translate(-64.886 -6.888)' fill='none' stroke='%2328324E' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 50%/27px;
	border: 2px solid var(--color-grey-04);
	border-radius: 50%;
}

#findId #content .resultTextBox > strong > span {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: 1.42;
}

#findId #content .resultTextBox > strong > span.mt24 {
	margin-top: 24px;
	color: var(--color-primary);
}

#findId #content .resultTextBox > strong > span em {
	color: var(--color-primary);
	font-weight: 700;
}

#findId #content .resultTextBox > strong > span strong {
	font-weight: 700;
}

#findId #content .resultTextBox > p {
	margin: 24px 0 0;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: 1.5;
	text-align: center;
}

#findId #content .resultTextBox > p em {
	color: var(--color-primary);
	font-weight: 700;
}

#findId #content .resultTextBox > p strong {
	font-size: var(--fontsize-title-L);
	color: var(--color-primary);
}

#findId #content .resultTextBox > div {
	margin: 24px 0 40px;
}

#findId #content .resultTextBox > div input {
	display: block;
	width: 100%;
	height: 48px;
	margin-bottom: 16px;
	border: var(--border-table-bottom);
	line-height: var(--baseline-12x);
	padding: 0 20px;
	font-size: var(--fontsize-body-R);
}

#findId #content .resultTextBox > div > p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#findId #content .btnBox {
	margin-top: 40px;
}

#findId #content .btnBox a + a {
	margin-top: 16px;
}

#findId #content .findComplete {
	margin: 40px -24px 0;
}

#findId #content .findComplete dl {
	padding: 102px 24px 40px;
	text-align: center;
	line-height: var(--baseline-6x);
	background: var(--color-grey-07);
}

#findId #content .findComplete dl dt {
	margin-bottom: 10px;
	font-size: var(--fontsize-body-XS);
}

#findId #content .findComplete dl dd {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#findId #content .findComplete dl {
	position: relative;
}

#findId #content .findComplete dl:before {
	content: "";
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 56px;
	height: 56px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.066 9.534'%3E%3Cpath id='path_34975' data-name='path 34975' d='M65.419,11.6l3.188,3.745,6.812-8' transform='translate(-64.886 -6.888)' fill='none' stroke='%2328324E' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 50%/27px;
	border: 2px solid var(--color-grey-04);
	border-radius: 50%;
}

@media screen and (max-width: 320px) {
	#pageTitle h2 {
		margin-right: 13px;
		font-size: var(--fontsize-title-S);
	}
}

/***** 로그인, 회원가입 *****/
/*회원가입*/
.selfAuth {
	text-align: center;
}

.selfAuth > strong {
	font-size: var(--fontsize-title-L);
}

.selfAuth > p {
	margin-top: 6px;
	margin-bottom: 40px;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
}

.selfAuth > input {
	width: 100%;
	height: 48px;
	padding: 0 17px;
	border: var(--border-table-bottom);
}

.selfAuth > ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 32px;
	border-top: var(--border-table-bottom);
	border-left: var(--border-table-bottom);
}

.selfAuth > ul li {
	width: 50%;
	border-right: var(--border-table-bottom);
	border-bottom: var(--border-table-bottom);
}

.selfAuth > ul li a {
	display: block;
	padding: 32px 0;
}

.selfAuth > ul li a span {
	display: block;
	padding-top: 76px;
	text-align: center;
}

.selfAuth > ul li a span {
	position: relative;
}

.selfAuth > ul li a span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.selfAuth > ul li a.ico_naver span:after {
	width: 60px;
	height: 60px;
	border-radius: 40px;
	background: #03C75A url("/static/images/icon/sns/naver.svg") no-repeat 0 0/100%;
}

.selfAuth > ul li a.ico_kakao span:after {
	width: 60px;
	height: 60px;
	border-radius: 40px;
	background: #FEE500 url("/static/images/icon/sns/kakao.svg") no-repeat 0 0/100%;
}

.selfAuth > ul li a.ico_phone span:after {
	width: 48px;
	height: 52px;
	background: url("/static/images/icon/selfauth_phone.svg") no-repeat 0 0/100%;
}

.selfAuth > ul li a.ico_security span:after {
	width: 49px;
	height: 55px;
	background: url("/static/images/icon/selfauth_ipin.svg") no-repeat 0 0/100%;
}