/*  (이안에 리뉴얼 css 넣으면 됨) s:new culture */
/*****컬쳐 - AK갤러리*****/
#academyMain main {
	padding-right: 0;
	padding-left: 0;
	padding-top: 40px;
}

#academyMain main h3 {
	font-family: "EB Garamond", "Noto Serif KR", serif;
	font-weight: 500;
	font-size: calc(var(--baseline-15x) / 1.333333);
	padding-left: 24px;
	position: relative;
	z-index: 2;
}

#academyMain main h3 span {
	font-weight: 400;
	font-size: var(--fontsize-body-XS);
	padding-left: 12px;
}

#academyMain main article {
	z-index: 1;
}

#academyMain main .storeInfo {
	margin-bottom: 32px;
	padding: 0 24px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

#academyMain main .storeInfo > a {
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	padding-left: 24px;
	padding-right: 18px;
	line-height: var(--baseline-6x);
}

#academyMain main .storeInfo > a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid var(--color-primary);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.993 8.992'%3E%3Cpath id='location-arrow' d='M8.951.594,4.864,8.768a.375.375,0,0,1-.364.224.541.541,0,0,1-.1-.013.386.386,0,0,1-.227-.144.4.4,0,0,1-.086-.252V4.9H.413A.4.4,0,0,1,.16,4.818a.386.386,0,0,1-.144-.227.414.414,0,0,1,.025-.268.385.385,0,0,1,.185-.192L8.4.045A.384.384,0,0,1,8.587,0a.38.38,0,0,1,.287.121.38.38,0,0,1,.118.22A.389.389,0,0,1,8.951.594Z' transform='translate(-0.005)' fill='%231A1818'/%3E%3C/svg%3E") no-repeat 50%/7px;
}

#academyMain main .storeInfo > a:before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 5.5px;
	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='%231A1818' stroke-linecap='square' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#academyMain main .storeInfo .titleArea {
	position: relative;
}

#academyMain main .storeInfo .titleArea h2 {
	font-size: var(--fontsize-heading-M);
	font-optical-sizing: auto;
	font-style: normal;
	line-height: inherit;
}

#academyMain main .storeInfo .titleArea a {
	position: absolute;
	left: 135px;
	top: 0px;
	width: 20px;
	height: 20px;
	border: 0px;
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath id='Icon_Phone_22' d='M13.6,9.893,10.538,8.581a.656.656,0,0,0-.766.189L8.416,10.427A10.135,10.135,0,0,1,3.571,5.581L5.228,4.225a.655.655,0,0,0,.189-.766L4.1.4a.661.661,0,0,0-.752-.38L.509.673A.656.656,0,0,0,0,1.313,12.686,12.686,0,0,0,12.688,14a.656.656,0,0,0,.64-.509l.656-2.844a.664.664,0,0,0-.383-.755Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%/10px;
	background-color: var(--color-gold);
}

/* 문화메인_메인슬라이드 */
#academyMain main .academyMainSlide {
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 20px;
}

#academyMain main .academyMainSlide .slideList .textArea {
	padding: 24px 24px 0;
}

#academyMain main .academyMainSlide .slideList .textArea strong {
	font-weight: 700;
	font-optical-sizing: auto;
	display: block;
	font-size: var(--fontsize-display-M);
	line-height: var(--baseline-11x);
	margin-bottom: 10px;
}

#academyMain main .academyMainSlide .slideList .textArea strong em {
	font-weight: 700;
}

#academyMain main .academyMainSlide .slideList .textArea span {
	display: block;
	line-height: var(--baseline-6x);
}

#academyMain main .academyMainSlide .slidePage {
	position: absolute;
	bottom: 0;
	left: 24px;
	display: flex;
	align-items: center;
	width: calc(100% - 48px);
	z-index: 1;
}

#academyMain main .academyMainSlide .slidePage .bar {
	position: relative;
	height: 3px;
	width: 100%;
	overflow: hidden;
}

#academyMain main .academyMainSlide .slidePage .bar svg {
	width: 100%;
}

#academyMain main .academyMainSlide .slidePage .bar .svgBg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#academyMain main .academyMainSlide .slidePage .bar .svgActive {
	position: absolute;
	left: -100%;
	top: 0;
	z-index: 2;
	transition: 0.5s;
}

#academyMain main .academyMainSlide .slidePage .numberText {
	margin-left: 18px;
	display: flex;
}

#academyMain main .academyMainSlide .slidePage .numberText strong {
	display: block;
	font-size: var(--fontsize-body-XS);
}

#academyMain main .academyMainSlide .slidePage .numberText i {
	display: block;
	font-size: var(--fontsize-body-XS);
}

#academyMain main .academyMainSlide .slidePage .numberText span {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-04);
}

/* 문화메인_아이콘 */
#academyMain main .icoArea {
	display: flex;
	justify-content: space-around;
	padding: 40px 24px;
	background: var(--color-white);
}

#academyMain main .icoArea li {
	background-position: top;
}

#academyMain main .icoArea li a {
	display: block;
	padding-top: 60px;
	font-size: var(--fontsize-body-XS);
}

#academyMain main .icoArea li.ico_write {
	background-image: url("/static/images/icon/culture/write.svg");
	background-size: 50px;
	background-repeat: no-repeat;
}

/*
#academyMain main .icoArea li.ico_speaker {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.817 28.712'%3E%3Cg id='Icon_Event_28' transform='translate(-1587.992 329.421)'%3E%3Cpath id='path_37281' data-name='path 37281' d='M1557.758-341.352l6.986-9.33s1.34-1.966,2.681,0,7.148,12.419,7.148,12.419,1.34,1.966-1.519,2.5-8.187.472-11.361.679' transform='translate(38.634 23.909)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_37282' data-name='path 37282' d='M1559.239-331.957l-6.742,3.827s-2.643.529-3.9-1.545-1.244-4.184.75-5.284,6.138-3.316,6.138-3.316Z' transform='translate(40.963 20.785)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_37283' data-name='path 37283' d='M1557.97-328.874l3.352,5.6s.665,1.707-.594,2.361-2.093.292-2.938-.829-3.339-5.17-3.339-5.17' transform='translate(39.636 19.188)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_37285' data-name='path 37285' d='M1566-349.993l8.212,14.274' transform='translate(37.199 23.694)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='1.4'/%3E%3Cpath id='minus_8' data-name='minus 8' d='M2.987,5.772h0L0,.558A3.019,3.019,0,1,1,2.988,5.772Z' transform='translate(1608.159 -323.735)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3Cpath id='path_37287' data-name='path 37287' d='M1576.1-350.637l.781-2.927' transform='translate(35.624 25)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='1.4'/%3E%3Cpath id='path_37288' data-name='path 37288' d='M1580.1-343.156l3.122.846' transform='translate(34.727 22.939)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='1.4'/%3E%3Cpath id='path_37289' data-name='path 37289' d='M1579.724-348.869l2.626-1.527' transform='translate(34.779 25.379)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0/auto 28px;
}
*/

#academyMain main .icoArea li.ico_document {
	background-image: url("/static/images/icon/culture/document.svg");
	background-size: 50px;
	background-repeat: no-repeat;
}

#academyMain main .icoArea li.ico_bookmark {
	background-image: url("/static/images/icon/culture/bookmark.svg");
	background-size: 50px;
	background-repeat: no-repeat;
}

#academyMain main .icoArea li.ico_likelist {
	background-image: url("/static/images/icon/culture/likelist.svg");
	background-size: 50px;
	background-repeat: no-repeat;
}

/* 문화메인_검색영역 */
#academyMain main .searchArea {
	padding: 40px 0 60px;
	margin-bottom: 0;
	background-color: var(--color-grey-07);
}

#academyMain main .searchArea .inputArea {
	display: flex;
	position: relative;
	justify-content: space-between;
	padding: 0 24px;
	margin-bottom: 19px;
}

#academyMain main .searchArea .inputArea input {
	width: 100%;
	height: 36px;
	border: 0;
	border-bottom: var(--border-tab);
	font-size: var(--fontsize-body-XS);
	background-color: var(--color-grey-07);
}

#academyMain main .searchArea .inputArea input:nth-of-type(1) {
	width: calc(55% - 8px);
}

#academyMain main .searchArea .inputArea input:nth-of-type(2) {
	width: calc(45% - 8px);
	padding-right: 18px;
}

#academyMain main .searchArea .inputArea a {
	position: absolute;
	right: 24px;
	top: 0;
	height: 36px;
	width: 20px;
	background: url("/static/images/icon/culture/search_gd.svg") no-repeat 50%/18px;
}

/* 문화메인_검색영역_키워드 */
#academyMain main .keywordArea ul {
	column-gap: 8px;
	padding: 8px 24px;
	display: flex;
	flex-wrap: wrap;
	row-gap: 8px;
}

#academyMain main .keywordArea ul li {
	display: inline-block;
	background-color: var(--color-white);
	border: 1px solid var(--color-gold);
	border-radius: 30px;
	padding: 6px 12px;
	/*            margin-bottom: 8px;*/
}

#academyMain main .keywordArea ul li a {
	font-size: var(--fontsize-description);
	display: block;
	line-height: var(--baseline-4x);

}

/* (구)해시태그 영역 */
/*
#academyMain main .searchArea .hashArea .scroll_x::-webkit-scrollbar {
	display: none;
}

#academyMain main .searchArea .hashArea li {
	margin-right: 10px;
}

#academyMain main .searchArea .hashArea li:first-of-type {
	margin-left: 24px;
}

#academyMain main .searchArea .hashArea li:last-of-type {
	margin-right: 24px;
}

#academyMain main .searchArea .hashArea li a {
	display: block;
	height: 30px;
	padding: 0 12px;
	border: var(--border-table-bottom);
	border-radius: 15px;
	line-height: var(--baseline-7x);
	font-size: var(--fontsize-description); 
	color: var(--color-grey-02); 
}

#academyMain main .searchArea .hashArea li a:before {
	content: "#";
}

*/

#academyMain main .searchArea .selectArea {
	margin-top: 15px;
	padding: 0 24px;
}

#academyMain main .searchArea .selectArea button {
	border-radius: var(--radius-btn, 4px);
}

#academyMain main .searchArea #multiSelectMainCdDiv {
	position: fixed;
	width: calc(100% - 48px);
	padding: 20px 10px;
	z-index: 25;
	background: var(--color-white);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	/*    border-radius: 3%;*/
}

#academyMain main .searchArea #multiSelectMainCdDiv .titleArea {
	display: flex;
	margin-bottom: 10px;
}

#academyMain main .searchArea #multiSelectMainCdDiv .titleArea li {
	flex: 1;
	padding-bottom: 10px;
	text-align: center;
	color: var(--color-grey-03);
	border-bottom: 2px solid var(--color-grey-03);
}

#academyMain main .searchArea #multiSelectMainCdDiv .titleArea li.on {
	color: var(--color-blue-01);
	border-color: var(--color-blue-01);
}

#academyMain main .searchArea #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl] {
	max-height: 220px;
	overflow-y: auto;
	padding: 0 12px;
}

#academyMain main .searchArea #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl] li {
	padding: 12px 0;
	border-bottom: var(--border-primary);
}

#academyMain main .searchArea #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl] li label {
	font-weight: 400;
}

#academyMain main .searchArea #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl] li:last-of-type {
	border-bottom: 0;
}

#academyMain main .searchArea #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl2] li {
	padding-left: 10px;
}

#academyMain main .searchArea #multiSelectMainCdDiv #alertText {
/*    padding-left: 10px;*/
}

#academyMain main .searchArea #multiSelectMainCdDiv #alertText p {
	font-size: var(--fontsize-body-XS);
	padding-left: 24px;
	background: url("/static/images/icon/caution.svg") left center/17px no-repeat;
}

#academyMain main .searchArea #multiSelectMainCdDiv #mainCdBtn {
	width: 100%;
	left: 0;
	bottom: 0;
	background: var(--color-white);
	font-size: 0;
	text-align: center;
}

#academyMain main .searchArea #multiSelectMainCdDiv #mainCdBtn li {
	display: inline-block;
	width: calc(33.3% - 4px);
	margin-right: 4px;
}

#academyMain main .searchArea #multiSelectMainCdDiv #mainCdBtn li a {
	width: 100%;
	height: 40px;
	line-height: 42px;
	margin-top: 20px;
	vertical-align: top;
}

#academyMain main .searchArea #multiSelectMainCdDiv #mainCdBtn li:last-of-type {
	margin-right: 0;
}

#academyMain #multiSelectMainCdUl1 .ac button {
	color: var(--color-primary);
	font-size: var(--fontsize-body-R);
}

/* 문화메인_큐레이션 */
#academyMain main .curation {
	position: relative;
}

#academyMain main .curation .ss_cont {
	padding-top: 120px;
}

#academyMain main .curation .swiper-slide {
	position: relative;
	background: none;
	background-color: var(--color-white);
	overflow: hidden;
	height: auto;
}

#academyMain main .curation .swiper-slide .bkimg {
	filter: blur(15px);
	opacity: 0.25;
	background-position: center;
	background-size: cover;
	width: inherit;
	height: 100%;
	content: "";
	z-index: -1;
	top: 0;
	position: absolute;
	transform: scale(1.1);
}

#academyMain main .curation h3 {
	position: absolute;
	top: 40px;
}

#academyMain main .curation .swiper-wrapper {
	height: inherit;
}

#academyMain main .curation .swiper-slide .ss_cont img {
	max-width: 780px;
	height: 75vw;
	object-fit: cover;
	width: 100%;
	max-height: 500px;
}


@media screen and (max-width: 320px) {
	/* 
	#academyMain main .curation h3 {
		display: flex;
		flex-direction: column;
	}

	#academyMain main h3 span {
		padding-left: 0;
		line-height: 1.5em;
	}
	*/
	#academyMain main .curation .swiper-slide .ss_cont dl {
		padding: 30px 25px 60px;
	}
}


#academyMain main .curation .swiper-slide .ss_cont dl {
	/* 
	padding: 40px 40px 60px;
	 */
	padding: 36px 32px 60px;
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

#academyMain main .curation .swiper-slide .ss_cont dt {
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
}

#academyMain main .curation .swiper-slide .ss_cont dd p {
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;

}


#academyMain main .curation .slidePage {
	position: absolute;
	bottom: 36px;
	left: 32px;
	display: flex;
	align-items: center;
	width: calc(100% - 64px);
	z-index: 1;
	top: unset;
	height: 2px;
}

#academyMain main .curation .slidePage .bar {
	position: relative;
	height: 3px;
	width: 100%;
	overflow: hidden;
}

#academyMain main .curation .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--color-primary);
}

#academyMain main .curation .slidePage .bar svg {
	width: 100%;
}

#academyMain main .curation .slidePage .bar .svgBg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#academyMain main .curation .slidePage .bar .svgActive {
	position: absolute;
	left: -100%;
	top: 0;
	z-index: 2;
	transition: 0.5s;
}

#academyMain main .curation .slidePage .numberText {
	margin-left: 18px;
	display: flex;
}

#academyMain main .curation .slidePage .numberText strong {
	display: block;
	font-size: var(--fontsize-body-XS);
}

#academyMain main .curation .slidePage .numberText i {
	display: block;
	font-size: var(--fontsize-body-XS);
}

#academyMain main .curation .slidePage .numberText span {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-04);
}

/* 문화메인_better */
#academyMain main .better {
	padding: 40px 24px 60px;
	overflow: hidden;
	background: var(--color-grey-07);
}

#academyMain main .better h3 {
	padding-left: 0;
}

#academyMain main .better .betterSlide {
	margin-left: -16px;
	margin-top: 8px;
}

#academyMain main .better .betterSlide .slideList {
	padding: 0 16px 0 16px;
	overflow: visible;
}

#academyMain main .better .betterSlide .slideList .imgArea {
	height: 60vw;
	overflow: hidden;
	border-radius: var(--radius-thumb, 8px);
}

#academyMain main .better .betterSlide .slideList .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#academyMain main .better .betterSlide .slideList .titleArea {
	display: flex;
	justify-content: space-between;
	padding: 12px 0;
	align-items: center;
}

#academyMain main .better .betterSlide .slideList .titleArea div {
	display: flex;
	column-gap: 4px;
	align-items: center;
}

#academyMain main .better .betterSlide .slideList .titleArea strong {
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-9x);
}

#academyMain main .better .betterSlide .slideList .titleArea i {
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-9x);
}

#academyMain main .better .betterSlide .slideList .titleArea em {
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-9x);
	color: var(--color-grey-02);
}

#academyMain main .better .heart {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23DADADA' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: -3px;
	text-align: center;
	position: relative;
	display: block;
	padding-left: 26px;
	background-size: 24px;
	margin-right: 8px;
}

#academyMain main .better .betterSlide .slideList .titleArea span {
	display: block;
/*    line-height: var(--baseline-5x);*/
	font-size: var(--fontsize-body-R);
}

#academyMain main .better .betterSlide .slick-list {
	padding-right: 8px;
	overflow: visible;
}

#academyMain main .better .ico_bag {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/static/images/icon/culture/bag.svg") no-repeat 50%/20px auto;
}


#academyMain main .better .betterSlide .slideList .textArea > strong {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
	font-size: calc(var(--baseline-6x) / 1.333);
	font-weight: 700;
}

#academyMain main .better .betterSlide .slideList .textArea ul li {
	display: flex;
	line-height: var(--baseline-6x);
	align-items: center;
}

#academyMain main .better .betterSlide .slideList .textArea ul li strong {
	position: relative;
	display: flex;
	flex: none;
	padding-right: 7px;
	margin-right: 6px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	align-items: center;
}

#academyMain main .better .betterSlide .slideList .textArea ul li strong:after {
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: 13px;
	background: var(--color-grey-04);
}

#academyMain main .better .betterSlide .slideList .textArea ul li span {
	display: block;
	width: 100%;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

/* 문화메인_recommended */
#academyMain main .recommendedList {
	padding: 40px 0 60px 24px;
	overflow: hidden;
}

#academyMain main .recommendedList h3 {
	padding-left: 0;
	font-size: var(--fontsize-display-L);
	padding-bottom: 8px;
	border-bottom: 1px solid var(--color-primary);
}

#academyMain main .recommendedList .recommendSlide {
	margin-left: -16px;
	margin-top: 30px;
}

#academyMain main .recommendedList .recommendSlide .slideList {
	padding: 0 16px 0 16px;
	overflow: visible;
}

#academyMain main .recommendedList .recommendSlide .slideList .imgArea {
	height: 35vw;
	overflow: hidden;
	border-radius: var(--radius-thumb, 8px);
}

#academyMain main .recommendedList .recommendSlide .slideList .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#academyMain main .recommendedList .recommendSlide .slideList .titleArea {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	align-items: center;
}

#academyMain main .recommendedList .recommendSlide .slideList .titleArea div {
	display: flex;
	column-gap: 4px;
	align-items: center;
}

#academyMain main .recommendedList .recommendSlide .slideList .titleArea strong {
	font-size: var(--fontsize-body-R);
	line-height: var(--baseline-6x);
}

#academyMain main .recommendedList .recommendSlide .slideList .titleArea i {
	font-size: var(--fontsize-body-R);
	line-height: var(--baseline-6x);
}

#academyMain main .recommendedList .recommendSlide .slideList .titleArea em {
	font-size: var(--fontsize-body-R);
	line-height: var(--baseline-6x);
	color: var(--color-grey-02);
}

#academyMain main .recommendedList .recommendSlide .slideList .titleArea span {
	display: block;
/*    line-height: var(--baseline-5x);*/
	font-size: var(--fontsize-body-XS);
}

#academyMain main .recommendedList .recommendSlide .slick-list {
	padding-right: 8px;
	overflow: visible;
}

#academyMain main .recommendedList .recommendSlide .slideList .textArea {
	margin-top: 8px;
}

#academyMain main .recommendedList .recommendSlide .slideList .textArea > strong {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-5x);
	font-size: var(--fontsize-body-RB);
	font-weight: 700;
}

#academyMain main .recommendedList .recommendSlide .slideList .textArea ul li {
	display: flex;
	line-height: var(--baseline-5x);
}

#academyMain main .recommendedList .recommendSlide .slideList .textArea ul li strong {
	position: relative;
	display: flex;
	flex: none;
	align-items: center;
	padding-right: 7px;
	margin-right: 6px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#academyMain main .recommendedList .recommendSlide .slideList .textArea ul li strong:after {
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: 13px;
	background: var(--color-grey-04);
}

#academyMain main .recommendedList .recommendSlide .slideList .textArea ul li span {
	display: block;
	width: 100%;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#academyMain main .recommendedList .heart {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23DADADA' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: -2px;
	text-align: center;
	position: relative;
	top: 0;
	display: block;
	padding-left: 24px;
	background-size: 22px;
	margin-right: 4px;
}

#academyMain main .recommendedList .ico_bag {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
	background: url("/static/images/icon/culture/bag.svg") no-repeat 50%/18px auto;
}

@media screen and (min-width:800px) {
	#academyMain main .better .betterSlide .slideList .imgArea {
		height: 500px;
	}
	#academyMain main .recommendedList .recommendSlide .slideList .imgArea {
		height: 300px;
	}
}

/* (구) 추천강좌 */
/*
#academyMain main .recommendation {
	margin-bottom: 56px;
	padding: 32px 24px 40px;
	overflow: hidden;
	background: var(--color-grey-07);
}

#academyMain main .recommendation h3 {
	margin-bottom: 24px;
	font-size: var(--fontsize-heading-L);
	font-weight: 500;
	line-height: var(--baseline-8x);
}

#academyMain main .recommendation .recommendationSlide {
	margin-left: -16px;
}

#academyMain main .recommendation .recommendationSlide .slick-list {
	padding-right: 8px;
	overflow: visible;
}

#academyMain main .recommendation .recommendationSlide .slideList {
	padding: 0 16px 0 16px;
}

#academyMain main .recommendation .recommendationSlide .slideList .imgArea {
	height: 60.6vw;
	overflow: hidden;
}

#academyMain main .recommendation .recommendationSlide .slideList .imgArea img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (min-width: 780px) {
	#academyMain main .recommendation .recommendationSlide .slideList .imgArea {
		height: 472px;
	}
}

#academyMain main .recommendation .recommendationSlide .slideList .titleArea {
	display: flex;
	align-items: flex-end;
	margin-bottom: 14px;
	position: relative;
	padding-right: 28px;
}

#academyMain main .recommendation .recommendationSlide .slideList .titleArea span {
	display: block;
	margin-bottom: 2px;
	margin-right: 8px;
	line-height: 22px;
}

#academyMain main .recommendation .recommendationSlide .slideList .titleArea strong {
	font-size: var(--fontsize-display-M);
	line-height: 38px;
}

#academyMain main .recommendation .recommendationSlide .slideList .titleArea i {
	font-size: var(--fontsize-display-M);
	line-height: 38px;
}

#academyMain main .recommendation .recommendationSlide .slideList .titleArea em {
	font-size: var(--fontsize-display-M);
	line-height: 38px;
	color: var(--color-grey-02);  
}

#academyMain main .recommendation .recommendationSlide .slideList .titleArea .ico_bag {
	position: absolute;
	right: 0;
	top: 8px;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.006 13.006'%3E%3Cg id='Icon_Bag_14' transform='translate(-6635.481 -22344.336)'%3E%3Cpath id='path_37275' data-name='path 37275' d='M6703.366,22346.984v-1.34s-.043-.914.536-.914h3.488s.694-.129.714.914,0,1.34,0,1.34' transform='translate(-62.719 0.115)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='path_37276' data-name='path 37276' d='M6641.912,22442.775V22448s-.125.787.473.787h12.179s.522.029.548-.787,0-5.225,0-5.225' transform='translate(-5.489 -91.947)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='path_37277' data-name='path 37277' d='M6641.947,22383.393l-5.488-1.264a.743.743,0,0,1-.474-.773c.024-.619,0-2.012,0-2.012a.682.682,0,0,1,.748-.744c.823-.029,12.477,0,12.477,0a.674.674,0,0,1,.773.744v2.012s.049.541-.773.773-5.09,1.264-5.09,1.264' transform='translate(0 -31.391)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Crect id='rect_18576' data-name='rect 18576' width='3.5' height='3.5' transform='translate(6641.233 22350.268)' fill='%23fff' stroke='%2328324E' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50%/20px auto;
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea {
	padding-top: 24px;
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea em {
	display: block;
	margin-bottom: 8px;
	color: var(--color-grey-02);  
	line-height: var(--baseline-5x);
	font-size: var(--fontsize-body-XS); 
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea > strong {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
	font-size: var(--fontsize-body-RB);
	font-weight: 700; 
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea ul li {
	display: flex;
	margin-bottom: 10px;
	line-height: var(--baseline-5x);
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea ul li strong {
	display: block;
	flex: none;
	padding-right: 7px;
	margin-right: 6px;
	font-size: var(--fontsize-body-XS); 
	color: var(--color-grey-02); 
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea ul li strong {
	position: relative;
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea ul li strong:after {
	content: "";
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 13px;
	background: var(--color-grey-04);
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea ul li span {
	display: block;
	width: 100%;
	font-size: var(--fontsize-body-XS); 
	color: var(--color-grey-02); 
}

#academyMain main .recommendation .recommendationSlide .slideList .textArea ul li:last-of-type {
	margin-bottom: 0;
}

#academyMain main .recommendation .recommendationSlide .slideList .btnArea {
	margin-top: 32px;
}

#academyMain main .recommendationSlideNew1 .heart,
.recommendationSlideNew2 .heart {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23DADADA' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: left;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 23px;
	width: 46px;
	height: 21px;
	background-size: 21px;

}

#academyMain main .recommendationSlideNew1 .heart.on,
.recommendationSlideNew2 .heart.on {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23EF2D2D' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
}


#academyMain main .recommendationSlideNew1 .heart .like_cnt,
.recommendationSlideNew2 .heart .like_cnt {
	font-size: var(--fontsize-description); 
	position: relative;
	width: 20px;
	height: 20px;
	top: -1px;
	left: 21px;
	display: block;
	text-align: center;
}*/

/* (구)베스트 리뷰 */
/*
#academyMain main .bestReview {
	padding: 32px 24px 32px;
	border-bottom: 7px solid var(--color-grey-05);
}

#academyMain main .bestReview h3 {
	margin-bottom: 24px;
	font-size: var(--fontsize-heading-L);
	font-weight: 500;
	line-height: var(--baseline-8x);
}

#academyMain main .bestReview h3 span {
	font-size: var(--fontsize-title-S);
	color: var(--color-primary); 
}

#academyMain main .bestReview .bestReviewSlide .slideList {
	padding: 0;
}

#academyMain main .bestReview .bestReviewSlide .slideList .imgArea {
	height: 60vw;
	overflow: hidden;
	border-radius: var(--radius-m)
	background-color: var(--color-grey-05);
}
#academyMain main .bestReview .bestReviewSlide .slideList .imgArea img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#academyMain main .bestReview .bestReviewSlide .slideList .textArea {
	padding: 24px 20px;
	text-align: center;
}

#academyMain main .bestReview .bestReviewSlide .slideList .textArea em {
	display: block;
	margin-bottom: 8px;
	color: var(--color-grey-02);  
	line-height: var(--baseline-5x);
	font-size: var(--fontsize-body-XS); 
}


#academyMain main .bestReview .bestReviewSlide .slideList .textArea > strong {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
	font-size: var(--fontsize-body-RB);
	font-weight: 700; 
}

#academyMain main .bestReview .bestReviewSlide .slideList .textArea .cut3 {
	display: block;
	flex: none;
	padding-right: 7px;
	margin-right: 6px;
	font-size: var(--fontsize-body-XS); 
	color: var(--color-grey-02); 
}


#academyMain main .bestReview .swiper-wrapper .swiper-slide a {
	display: block;
}

#academyMain main .bestReview .swiper-wrapper .swiper-slide a .imgArea img {
	width: 100%;
	height: 100%;
}

#academyMain main .bestReview .swiper-wrapper .swiper-slide .imgAreaBadge {
	position: relative;
	bottom: 28px;
	height: 28px;
	line-height: var(--baseline-7x);
	padding: 0 12px;
	color: var(--color-white); 
	font-size: var(--fontsize-body-XS); 
	background: var(--color-blue-01); 
	display: inline-block;
}

#academyMain main .bestReview .swiper-pagination {
	bottom: 25px !important;
}
*/

/* 문화메인_curation */


/* 문화메인_슬라이드 */
#academyMain main .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 7px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 7px));
	background-color: #cfcfcf;
	opacity: 1;
}

#academyMain main .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
#academyMain main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px);
}

#academyMain main .swiper-pagination-bullet-active {
	background-color: var(--color-blue-01);
}

#academyMain main .swiper-pagination {
	bottom: 5px !important;
}


/* 문화메인_뉴스공지 */
#academyMain main .nowArea {
	padding: 40px 24px 28px;
	background-color: var(--color-grey-07);
}

#academyMain main .nowArea .nowBox {
	margin-bottom: 32px;
}

#academyMain main .nowArea .nowBox em {
	display: inline-block;
	margin-bottom: 16px;
	padding: 2px 8px;
	text-align: center;
	font-size: var(--fontsize-description);
	line-height: var(--baseline-4x);
	color: var(--color-white);
	background: var(--color-blue-01);
}

#academyMain main .nowArea .nowBox ul li a {
	display: flex;
	align-items: center;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	margin-bottom: 4px;
}

#academyMain main .nowArea .nowBox ul li a strong {
	display: block;
	width: 100%;
	line-height: var(--baseline-6x);
}

#academyMain main .nowArea .nowBox ul li a span {
	display: block;
	margin-left: 10px;
	font-size: var(--fontsize-description);
	line-height: var(--baseline-5x);
	color: var(--color-grey-03);
}

#academyMain main .nowArea .btnArea {
	margin-top: 40px;
}

#academyMain main .nowArea .btnArea .small_btn {
	padding: 1px 6px;
	line-height: var(--baseline-4x);
	font-size: calc(var(--baseline-4x) / 1.4);
	background: transparent;
}

#academyMain main .heart.on {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23EF2D2D' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
}

/* (이안에 리뉴얼 css 넣으면 됨) e:new culture */




#academyNews main.list {
	padding-top: 32px;
}

#academyNews main.list h2 {
	margin-bottom: 40px;
	text-align: center;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
}

#academyNews main.list ul li {
	margin-bottom: 60px;
}

#academyNews main.list ul li a .imgArea {
	position: relative;
}

#academyNews main.list ul li a .imgArea em {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
	line-height: 30px;
	color: var(--color-white);
	background: var(--color-blue-01);
}

#academyNews main.list ul li a .imgArea img {
	width: 100%;
}

#academyNews main.list ul li a .textArea {
	padding-top: 20px;
}

#academyNews main.list ul li a .textArea strong {
	display: block;
	margin-bottom: 4px;
	line-height: var(--baseline-7x);
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#academyNews main.list ul li a .textArea span {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#academyNews main.list ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#academyNews main.list ul li:last-of-type::after,
#academyNews main.list ul li:last-of-type::before {
	display: none;
}

#academyNews main.list .btnArea {
	padding-top: 16px;
	border-top: 1px solid var(--color-grey-05);
	text-align: center;
	margin-top: 60px;
}

#academyNews main.list .btnArea a.btnMore {
	display: inline-block;
	padding-bottom: 12px;
	color: var(--color-grey-03);
	line-height: 22px;
}

#academyNews main.list .btnArea a.btnMore {
	position: relative;
}

#academyNews main.list .btnArea a.btnMore:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 15px;
	height: 7px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.781 7.246'%3E%3Cpath id='path_33595' data-name='path 33595' d='M1759,3147.907l6,7-6,7' transform='translate(3162.297 -1758.543) rotate(90)' fill='none' stroke='%23aaa' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#academyMain main .swiper-pagination {
	bottom: 5px !important;
}

#academyMain main .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 7px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 7px));
	background-color: #cfcfcf;
	opacity: 1;
}

#academyMain main .swiper-pagination-bullet-active {
	background-color: var(--color-blue-01);
}

#academyMain main .recommendation {
	padding: 32px 24px 40px;
}

#viewArea.academyView .viewTitle {
	margin-bottom: 20px;
}

#viewArea.academyView .viewTitle > em {
	display: inline-block;
	margin-bottom: 8px;
	padding: 0 12px;
	line-height: var(--baseline-6x);
	color: var(--color-white);
	font-size: var(--fontsize-body-XS);
	background: var(--color-blue-01);
}

#viewArea.academyView .viewTitle > strong {
	display: block;
	margin-bottom: 17px;
	line-height: var(--baseline-9x);
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
}

#viewArea.academyView .viewTitle .utilArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

#viewArea.academyView .viewTitle .utilArea > span {
	display: block;
	flex: none;
	margin-right: 10px;
	margin-left: 0;
	line-height: var(--baseline-7x);
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-03);
}

#viewArea.academyView .viewTitle .utilArea > div {
	display: flex;
	align-items: center;
}

#viewArea.academyView .viewTitle .utilArea > div > span {
	display: block;
	color: var(--color-grey-03);
	font-size: var(--fontsize-body-XS);
}

#viewArea.academyView .viewTitle .utilArea > div > i {
	display: block;
	margin-left: 5px;
	color: var(--color-grey-03);
	font-size: var(--fontsize-body-XS);
}

#viewArea.academyView .viewContent {
	margin-top: 0;
}

#academyLecture main .btnBag {
	display: block;
	flex: none;
	padding-left: 23px;
	padding-right: 12px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-blue-01);
	line-height: var(--baseline-5x);
}

#academyLecture main .btnBag {
	position: relative;
}

#academyLecture main .btnBag:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 14px;
	background: url("/static/images/icon/culture/bag.svg") no-repeat 0 0/100%;
}

#academyLecture main .btnBag {
	position: relative;
}

#academyLecture main .btnBag:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 11px;
	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='%2328324E' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#academyLecture main.list {
	padding-top: 40px;
}

#academyLecture main.list .titleArea {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 13px;
}

#academyLecture main.list .titleArea h2 {
	display: block;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: var(--baseline-9x);
}

#academyLecture main.list .titleArea a {
	margin-left: 5px;
}

#academyLecture main.list .searchArea {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: 24px;
}

#academyLecture main.list .searchArea input {
	height: 50px;
	width: calc(50% - 12px);
	border: 0;
	border-bottom: 1px solid var(--color-primary);
	font-size: var(--fontsize-body-XS);
}

#academyLecture main.list .searchArea input:last-of-type {
	padding-right: 28px;
}

#academyLecture main.list .searchArea input::placeholder {
	color: var(--color-grey-03);
}

#academyLecture main.list .searchArea a {
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
	height: 50px;
	background: url("/static/images/icon/search_hd.svg") no-repeat 50%/100%;
}

#academyLecture main.list .selectArea {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

#academyLecture main.list .selectArea > button {
	height: 44px;
	line-height: 42px;
	width: calc(50% - 4px);
	padding: 0 16px 0 10px;
	border: var(--border-table-bottom);
	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='%231A1818' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat calc(100% - 10px) 50%/9px 5.5px;
}


#academyLecture main.list .selectAreaRow {
	/*   display: flex; */
	/*   justify-content: space-between; */
	justify-content: center;
	margin-bottom: 20px;
	display: none;
}

#academyLecture main.list .selectAreaRow > button {
	height: 44px;
	line-height: 42px;
	/*   width: 25%; */
	padding: 0 16px 0 10px;
	border: var(--border-table-bottom);
	border-left: 0;
	color: var(--color-primary);
}

#academyLecture main.list .selectAreaRow > .dayWeek {
	height: 44px;
	line-height: 42px;
	/*   width: 11.5%; */
	padding: 0;
	border: var(--border-table-bottom);
	border-left: 0;
}

#academyLecture main.list .selectAreaRow > .dayTime {
	height: 44px;
	line-height: 42px;
	padding: 0;
	border: var(--border-table-bottom);
	border-left: 0;
}

#academyLecture main.list .selectAreaRow > button.on {
	border: 1px solid var(--color-primary);
	background-color: var(--color-blue-01);
	color: var(--color-white);
}


#academyLecture main.list .related_word {
	margin-bottom: 15px;
	/*   margin-top: -20px; */
}

#academyLecture main.list .related_word .btn_init {
	padding-left: 16px;
	background: url("/static/images/icon/update.svg") no-repeat left center/12px 12px;
}

#academyLecture main.list .related_word .relatedWordSwiper {
	display: inline-block;
	width: calc(100% - 58px);
	overflow: hidden;
	vertical-align: top;
}

#academyLecture main.list .related_word .relatedWordSwiper .swiper-slide {
	width: auto;
	padding: 2px 22px 4px 12px;
	color: var(--color-white);
	background: var(--color-primary);
	margin-right: 4px;
	border-radius: var(--radius-l)
}

#academyLecture main.list .related_word .relatedWordSwiper .swiper-slide {
	position: relative;
}

#academyLecture main.list .related_word .relatedWordSwiper .swiper-slide:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	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='%23fff' 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='%23fff' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#academyLecture main.list > ul > li {
	border: var(--border-table-bottom);
	margin-bottom: 24px;
}

#academyLecture main.list > ul > li.none {
	text-align: center;
	border: 0;
}

#academyLecture main.list > ul > li > a {
	display: block;
	position: relative;
	padding: 38px 24px 16px;
}

#academyLecture main.list > ul > li > a em {
	position: absolute;
	height: 22px;
	line-height: var(--baseline-5x);
	left: -1px;
	top: -1px;
	padding: 0 9px;
	font-size: var(--fontsize-description);
}

#academyLecture main.list > ul > li > a em.type1 {
	border: 1px solid var(--color-blue-01);
	background: var(--color-blue-01);
	color: var(--color-white);
}

#academyLecture main.list > ul > li > a em.type2 {
	border: 1px solid #5965a6;
	background: #5965a6;
	color: var(--color-white);
}

#academyLecture main.list > ul > li > a em.type3 {
	border: 1px solid #666;
	background: var(--color-white);
	color: var(--color-grey-02);
}

#academyLecture main.list > ul > li > a > strong {
	display: block;
	margin-bottom: 10px;
	line-height: var(--baseline-6x);
}

#academyLecture main.list > ul > li > a > ul li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 6px;
}

#academyLecture main.list > ul > li > a > ul li strong {
	display: block;
	width: 70px;
	flex: none;
	margin-right: 5px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#academyLecture main.list > ul > li > a > ul li span {
	display: block;
	width: 100%;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#academyLecture main.list > ul > li > a > ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#academyLecture main.list > ul > li > a > ul li:last-of-type::after,
#academyLecture main.list > ul > li > a > ul li:last-of-type::before {
	display: none;
}

#academyLecture main.list > ul > li .footArea {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 24px;
	padding-top: 16px;
	padding-bottom: 24px;
	border-top: var(--border-table-bottom);
}

#academyLecture main.list > ul > li .footArea strong {
	display: flex;
	justify-items: center;
}

#academyLecture main.list > ul > li .footArea strong span {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	margin-right: 13px;
}

#academyLecture main.list > ul > li .footArea strong em {
	display: block;
	font-size: var(--fontsize-title-L);
}

#academyLecture main.list > ul > li .footArea strong i {
	display: block;
	font-size: var(--fontsize-title-L);
}

#academyLecture main.list > ul > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#academyLecture main.list > ul > li:last-of-type::after,
#academyLecture main.list > ul > li:last-of-type::before {
	display: none;
}

#academyLecture main.list .btnArea {
	margin-top: 40px;
}

#academyLecture main.list .btnArea a span {
	display: inline-block;
	line-height: 26px;
	padding-right: 24px;
	font-size: var(--fontsize-body-R);
	color: var(--color-blue-01);
	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='%2328324E' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 100% 50%/13px auto;
}

#lectureList {
	padding-top: 40px;
	position: relative;
}

#lectureList .heart {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23DADADA' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: left;
	text-align: center;
	position: absolute !important;
	margin-top: 15px;
	/* 
	right: 35px;
	width: 21px;
	height: 21px;
	 */
	background-size: 21px;
	padding: 0 !important;
	width: 50px;
	height: 30px;
	right: 0;
}

#lectureList .heart.on {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23EF2D2D' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
}

#lectureList .heart .like_cnt {
	font-size: var(--fontsize-description);
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 21px;
	display: block;
	text-align: center;
}


#academyLecture #multiSelectMainCdDiv {
	position: fixed;
	width: calc(100% - 48px);
	padding: 10px;
	z-index: 25;
	background: var(--color-white);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 3%;
}

#academyLecture #multiSelectMainCdDiv .titleArea {
	display: flex;
	margin-bottom: 10px;
}

#academyLecture #multiSelectMainCdDiv .titleArea li {
	flex: 1;
	padding-bottom: 10px;
	text-align: center;
	color: var(--color-grey-03);
	border-bottom: 2px solid var(--color-grey-03);
}

#academyLecture #multiSelectMainCdDiv .titleArea li.on {
	color: var(--color-blue-01);
	border-color: var(--color-blue-01);
}

#academyLecture #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl] {
	max-height: 220px;
	overflow-y: auto;
}

#academyLecture #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl] li {
	padding: 10px 0;
	border-bottom: 1px solid var(--color-grey-04);
}

#academyLecture #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl] li label {
	font-weight: 400;
}

#academyLecture #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl] li:last-of-type {
	border-bottom: 0;
}

#academyLecture #multiSelectMainCdDiv ul[id^=multiSelectMainCdUl2] li {
	padding-left: 20px;
}

#academyLecture #multiSelectMainCdDiv #alertText {
	padding-left: 10px;
}

#academyLecture #multiSelectMainCdDiv #alertText p {
	font-size: var(--fontsize-body-XS);
	padding-left: 24px;
	background: url("/static/images/icon/caution.svg") left center/18px 18px no-repeat;
}

#academyLecture #multiSelectMainCdDiv #mainCdBtn {
	width: 100%;
	left: 0;
	bottom: 0;
	background: var(--color-white);
	font-size: 0;
	text-align: center;
}

#academyLecture #multiSelectMainCdDiv #mainCdBtn li {
	display: inline-block;
	width: calc(33.3% - 4px);
	margin-right: 4px;
}

#academyLecture #multiSelectMainCdDiv #mainCdBtn li a {
	width: 100%;
	height: 50px;
	line-height: 50px;
	vertical-align: top;
}

#academyLecture #multiSelectMainCdDiv #mainCdBtn li:last-of-type {
	margin-right: 0;
}

#academyLecture #multiSelectDiv {
	position: fixed;
	width: calc(100% - 48px);
	padding: 10px;
	z-index: 25;
	background: var(--color-white);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 3%;
}

#academyLecture #multiSelectDiv .titleArea {
	padding: 10px 0;
	border-bottom: 2px solid var(--color-grey-04);
}

#academyLecture #multiSelectDiv .titleArea p {
	flex: 1;
	text-align: center;
}

#academyLecture #multiSelectDiv ul {
	max-height: 260px;
	overflow-y: auto;
}

#academyLecture #multiSelectDiv ul li {
	padding: 10px;
	border-bottom: 1px solid var(--color-grey-04);
}

#academyLecture #multiSelectDiv ul li label {
	font-weight: 400;
}

#academyLecture #multiSelectDiv ul li:last-of-type {
	border-bottom: 0;
}

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

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

#lectureViewPopup .popWrap .scrollArea {
	padding: 70px 24px 40px;
	overflow-y: auto;
	position: relative;
	height: 100%;
}

#lectureViewPopup .popWrap .scrollArea .titleArea {
	display: block;
	position: relative;
	margin: 0 -24px;
	padding: 0 24px 40px;
	border-bottom: var(--border-section);
}

#lectureViewPopup .popWrap .scrollArea .titleArea em {
	display: inline-block;
	margin-bottom: 10px;
	height: 22px;
	line-height: var(--baseline-5x);
	left: -1px;
	top: -1px;
	padding: 0 9px;
	border: 1px solid #EF1D65;
	font-size: var(--fontsize-description);
	color: #EF1D65;
}

#lectureViewPopup .popWrap .scrollArea .titleArea h2 {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-7x);
	font-size: var(--fontsize-title-L);
}

#lectureViewPopup .popWrap .scrollArea .titleArea ul {
	margin-bottom: 24px;
}

#lectureViewPopup .popWrap .scrollArea .titleArea ul li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 6px;
}

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

#lectureViewPopup .popWrap .scrollArea .titleArea ul li span {
	display: block;
	width: 100%;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

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

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

#lectureViewPopup .popWrap .scrollArea .titleArea .footArea {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 24px;
	border: var(--border-table-bottom);
}

#lectureViewPopup .popWrap .scrollArea .titleArea .footArea span {
	display: block;
	margin-right: 10px;
	flex: none;
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#lectureViewPopup .popWrap .scrollArea .titleArea .footArea strong {
	display: block;
	line-height: var(--baseline-7x);
	text-align: right;
	font-size: var(--fontsize-title-L);
	word-break: break-all;
}

#lectureViewPopup .popWrap .scrollArea .summaryArea {
	margin: 0 -24px;
	padding: 40px 24px;
}

#lectureViewPopup .popWrap .scrollArea .summaryArea h3 {
	margin-bottom: 16px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#lectureViewPopup .popWrap .scrollArea .summaryArea h3 + p {
	font-size: var(--fontsize-body-XS);
	margin-bottom: 40px;
}

#lectureViewPopup .popWrap .scrollArea .summaryArea h3 + p:last-of-type {
	margin-bottom: 0;
}

#lectureViewPopup .popWrap .scrollArea .bagBtnArea {
	margin: 0 -24px;
	padding: 24px 24px 0;
	box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
}

#lectureViewPopup .popWrap .scrollArea .curriculumArea {
	padding-bottom: 24px;
}

#lectureViewPopup .popWrap .scrollArea .curriculumArea h3 {
	margin-bottom: 16px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#lectureViewPopup .popWrap .scrollArea .curriculumArea p {
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-6x);
}

#lectureViewPopup .popWrap .scrollArea .btnArea {
	margin-top: 20px;
}

#lectureViewPopup .popWrap .scrollArea .btnPopClose {
	position: absolute !important;
	right: 30px;
	top: 30px;
	width: 24px;
	height: 24px;
}

#lectureViewPopup .popWrap .scrollArea .btnPopClose {
	position: relative;
}

#lectureViewPopup .popWrap .scrollArea .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%);
}

#lectureViewPopup .heart {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23DADADA' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position-x: left;
	text-align: center;
	position: absolute;
	bottom: 120px;
	right: 70px;
	width: 45px;
	height: 20px;
	background-size: 23px;
}

#lectureViewPopup .heart.on {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23EF2D2D' fill-rule='evenodd' clip-rule='evenodd' d='M3.2,5.2c1.6-1.6,4.1-1.6,5.7,0L10,6.3l1.2-1.2c1.5-1.6,4.1-1.6,5.7-0.1c1.6,1.5,1.6,4.1,0.1,5.7 c0,0-0.1,0.1-0.1,0.1L10,17.7l-6.8-6.8C1.6,9.3,1.6,6.7,3.2,5.2z'/%3E%3C/svg%3E%0A");
}


#lectureViewPopup .heart .like_cnt {
	font-size: var(--fontsize-description);
	position: relative;
	width: 15px;
	height: 20px;
	top: 1px;
	left: 25px;
	display: block;
	text-align: center;
}


/* 관심목록 페이지 */
#lectureList {
	padding-top: 40px;
	position: relative;
}

#likeLectureList main.list {
	padding-top: 40px;
}

#likeLectureList main.list .titleArea h2 {
	display: block;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: var(--baseline-9x);
}

#likeLectureList main.list .titleArea em {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#likeLectureList main.list > ul > li {
	border: var(--border-table-bottom);
	margin-bottom: 24px;
}

#likeLectureList main.list > ul > li > a {
	display: block;
	position: relative;
	padding: 38px 24px 16px;
}

#likeLectureList main.list > ul > li > a > strong {
	display: block;
	margin-bottom: 10px;
	line-height: var(--baseline-6x);
}

#likeLectureList main.list > ul > li > a em {
	position: absolute;
	height: 22px;
	line-height: var(--baseline-5x);
	left: -1px;
	top: -1px;
	padding: 0 9px;
	font-size: var(--fontsize-description);
}

#likeLectureList main.list > ul > li > a em.type2 {
	border: 1px solid #5965a6;
	background: #5965a6;
	color: var(--color-white);
}

#likeLectureList main.list > ul > li > a > ul li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 6px;
}

#likeLectureList main.list > ul > li > a > ul li strong {
	display: block;
	width: 70px;
	flex: none;
	margin-right: 5px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#likeLectureList main.list > ul > li > a > ul li span {
	display: block;
	width: 100%;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#likeLectureList main.list > ul > li .footArea {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 24px;
	padding-top: 16px;
	padding-bottom: 24px;
	border-top: var(--border-table-bottom);
}

#likeLectureList main.list > ul > li .footArea strong {
	display: flex;
	justify-items: center;
}

#likeLectureList main.list > ul > li .footArea strong span {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	margin-right: 13px;
}

#likeLectureList main.list > ul > li .footArea strong em {
	display: block;
	font-size: var(--fontsize-title-L);
}

#likeLectureList main.list > ul > li .footArea strong i {
	display: block;
	font-size: var(--fontsize-title-L);
}

#likeLectureList main .btnBag {
	position: relative;
}

#likeLectureList main .btnBag {
	display: block;
	flex: none;
	padding-left: 23px;
	padding-right: 12px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-blue-01);
	line-height: var(--baseline-5x);
}

#likeLectureList main .btnBag:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 14px;
	background: url("/static/images/icon/culture/bag.svg") no-repeat 0 0 / 100%;

}

#likeLectureList main .btnBag:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 11px;
	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='%2328324E' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 0 0 / 100%;

}


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

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

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

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

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

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

#choosePop .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%;
}

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

#choosePop .popWrap .scrollArea article {
	padding: 0 24px;
	margin-bottom: 40px;
	border-bottom: var(--border-section);
}

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

#choosePop .popWrap .scrollArea .existArea {
	padding-bottom: 40px;
}

#choosePop .popWrap .scrollArea .existArea .cautionText {
	margin-bottom: 40px;
	padding: 24px;
	background: var(--color-grey-07);
}

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

#choosePop .popWrap .scrollArea .existArea .cautionText p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#choosePop .popWrap .scrollArea .existArea .cautionText p:last-of-type::after,
#choosePop .popWrap .scrollArea .existArea .cautionText p:last-of-type::before {
	display: none;
}

#choosePop .popWrap .scrollArea .existArea ul li {
	display: flex;
	align-items: center;
	margin-bottom: 24px;
}

#choosePop .popWrap .scrollArea .existArea ul li strong {
	display: block;
}

#choosePop .popWrap .scrollArea .existArea ul li strong label {
	font-weight: 700;
	font-size: var(--fontsize-body-S);
	line-height: var(--baseline-6x);
}

#choosePop .popWrap .scrollArea .existArea ul li strong label em {
	font-weight: 400;
	color: var(--color-grey-02);
}

#choosePop .popWrap .scrollArea .existArea ul li span {
	display: block;
	flex: none;
	padding-left: 17px;
	margin-left: 16px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#choosePop .popWrap .scrollArea .existArea ul li span {
	position: relative;
}

#choosePop .popWrap .scrollArea .existArea ul li span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: var(--color-grey-04);
}

#choosePop .popWrap .scrollArea .existArea ul li:last-of-type {
	margin-bottom: 0;
}

#choosePop .popWrap .scrollArea .addArea .titleBox {
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

#choosePop .popWrap .scrollArea .addArea .titleBox h3 {
	line-height: 26px;
	font-size: var(--fontsize-title-S);
}

#choosePop .popWrap .scrollArea .addArea .titleBox a {
	display: block;
	width: 26px;
	height: 26px;
}

#choosePop .popWrap .scrollArea .addArea .titleBox a {
	position: relative;
}

#choosePop .popWrap .scrollArea .addArea .titleBox a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	width: 11px;
	height: 7px;
	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='%231A1818' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#choosePop .popWrap .scrollArea .addArea .formArea {
	border: var(--border-table-bottom);
	padding: 40px 24px 48px;
}

#choosePop .popWrap .scrollArea .addArea .formArea ul li {
	margin-bottom: 32px;
}

#choosePop .popWrap .scrollArea .addArea .formArea ul li strong {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
	color: var(--color-grey-02);
}

#choosePop .popWrap .scrollArea .addArea .formArea ul li input[type=text],
#choosePop .popWrap .scrollArea .addArea .formArea ul li input[type=number],
#choosePop .popWrap .scrollArea .addArea .formArea ul li input[type=tel] {
	width: 100%;
	padding: 0 16px;
	border: var(--border-table-bottom);
	height: 48px;
	line-height: 46px;
}

#choosePop .popWrap .scrollArea .addArea .formArea ul li input[type=text]::placeholder,
#choosePop .popWrap .scrollArea .addArea .formArea ul li input[type=number]::placeholder,
#choosePop .popWrap .scrollArea .addArea .formArea ul li input[type=tel]::placeholder {
	color: var(--color-grey-02);
}

#choosePop .popWrap .scrollArea .addArea .formArea ul li label {
	margin-right: 12px;
}

#choosePop .popWrap .scrollArea .addArea .formArea ul li label:last-of-type {
	margin-right: 0;
}

#choosePop .popWrap .scrollArea .addArea .formArea ul li:last-of-type {
	margin-bottom: 0;
}

#choosePop .popWrap .scrollArea .addArea .formArea .caution {
	margin-top: 24px;
	padding-left: 10px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
}

#choosePop .popWrap .scrollArea .addArea .formArea .caution {
	position: relative;
}

#choosePop .popWrap .scrollArea .addArea .formArea .caution:after {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--color-grey-02);
}

#choosePop .popWrap .scrollArea .addArea .formArea .btnBox {
	margin-top: 27px;
}

#choosePop .popWrap .scrollArea .btnArea {
	padding: 0 24px;
	margin-top: 58px;
}

/*#galleryGuide {
	padding-top: 40px;
}

#galleryGuide h3.tit {
	display: block;
	padding-bottom: 16px;
	font-size: var(--fontsize-title-L); 
	font-weight: 700;
}

#galleryGuide dl {
	display: flex;
	border-top: var(--border-table-bottom);
}

#galleryGuide dl dt {
	width: 26%;
	padding: 24px 16px;
	color: var(--color-grey-01);  
	font-size: var(--fontsize-body-XS); 
	line-height: var(--baseline-6x);
	background: var(--color-grey-07);
}

#galleryGuide dl dd {
	flex: 1;
	padding: 24px 0 24px 16px;
	font-size: var(--fontsize-body-XS); 
	line-height: var(--baseline-6x);
}

#galleryGuide dl ul li {
	margin-bottom: 8px;
	font-size: var(--fontsize-body-XS); 
	line-height: var(--baseline-6x);
	letter-spacing: -0.01em;
}

#galleryGuide dl ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#galleryGuide dl ul li:last-of-type::after,
#galleryGuide dl ul li:last-of-type::before {
	display: none;
}

#galleryGuide article dl:first-of-type {
	border-top: 1px solid var(--color-primary);
}

#galleryGuide article dl:last-of-type {
	border-bottom: 1px solid var(--color-primary);
}

#galleryGuide .visualArea img {
	max-width: 100%;
}

#galleryGuide .visualArea .text {
	padding: 24px 0 40px;
	font-size: var(--fontsize-body-R);
	letter-spacing: -0.01em;
	line-height: 26px;
}

#galleryGuide .infoArea .branchCont strong {
	font-size: var(--fontsize-heading-M);
	line-height: 26px;
	letter-spacing: 0.01em;
}

#galleryGuide .mapArea h3 {
	margin: 80px 0 24px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: var(--baseline-9x);
	text-align: center;
}

#galleryGuide .rentArea .tit {
	margin-top: 80px;
}

#galleryGuide .rentArea dd strong {
	font-weight: 700; 
}

#galleryGuide .rentArea p {
	padding-left: 20px;
}

#galleryGuide .rentArea .ico_mail {
	position: relative;
}

#galleryGuide .rentArea .ico_mail:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 13px;
	left: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 13'%3E%3Cg id='ic_email' transform='translate(-990 -3829)'%3E%3Cg id='square_16548' data-name='square 16548' transform='translate(990 3829)' fill='%23fff' stroke='%231A1818' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'%3E%3Crect  stroke='none'/%3E%3Crect x='0.7' y='0.7' width='14.6' height='11.6'  fill='none'/%3E%3C/g%3E%3Cpath id='path_33390' data-name='path 33390' d='M-10773.768,16640.68l4.554,2.1,4.551-2.1' transform='translate(11767.265 -12807.341)' fill='none' stroke='%231A1818' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	top: 50%;
	transform: translateY(-50%);
}

#galleryGuide .rentArea .ico_tell {
	position: relative;
}

#galleryGuide .rentArea .ico_tell:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.366 17.232'%3E%3Cpath id='Icon_Phone' d='M2.38,1.011a1.745,1.745,0,0,1,2.468,0,1.866,1.866,0,0,1,.143.162L6.784,3.48A1.742,1.742,0,0,1,7.1,4.974L6.554,7.165a.677.677,0,0,0,.178.644L9.19,10.266a.676.676,0,0,0,.644.178L12.023,9.9a1.744,1.744,0,0,1,1.495.316l2.307,1.794a1.746,1.746,0,0,1,.306,2.45,1.687,1.687,0,0,1-.143.162l-1.035,1.035a2.779,2.779,0,0,1-2.877.7A18.645,18.645,0,0,1,5.064,11.93,18.654,18.654,0,0,1,.643,4.923a2.782,2.782,0,0,1,.7-2.879Z' transform='translate(0.131 0.1)' fill='none' stroke='%231A1818' stroke-miterlimit='10' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 0 0/100%;
	top: 50%;
	transform: translateY(-50%);
}

#galleryGuide .os_mac .roughmap_maker_label .roughmap_lebel_text {
	display: none;
}*/

/*****카드&상품권*****/
#akCardSection article {
	margin-top: 60px;
}

#akCardSection article:nth-of-type(1) {
	margin-top: 40px;
}

#akCardSection article h3 {
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-8x);
	font-weight: 700;
	margin-bottom: 8px;
}

#akCardSection article .blt.blt1 li {
	padding-left: 0;
}

#akCardSection article .blt.blt1 li:before {
	display: none;
}

#membersCard .benefitArea {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

#membersCard .benefitArea h3 {
	text-align: center;
}

#membersCard .benefitArea h3 strong {
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: 34px;
}

#membersCard .benefitArea h3 span {
	display: block;
	padding-top: 16px;
	color: var(--color-grey-02);
}

#membersCard .benefitArea h3 + p {
	margin: 28px 34px 40px;
}

#membersCard .benefitArea .bltArea {
	display: flex;
	justify-content: center;
}

#membersPartner .cardList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#membersPartner .cardList img {
	max-width: 100%;
}

#membersPartner .cardList li {
	width: 46%;
	margin-right: 4%;
	margin-bottom: 44px;
	text-align: center;
}

#membersPartner .cardList li:nth-child(2n) {
	margin-right: 0;
}

#membersPartner .cardList li .cont > strong {
	display: block;
	margin: 14px 0;
	font-weight: 700;
	font-size: var(--fontsize-title-M);
}

#membersPartner .cardList li .cont > span {
	display: block;
	margin-top: 8px;
	color: var(--color-grey-03);
}

#membersPartner .cardList li:last-child,
#membersPartner .cardList li:nth-last-child(2) {
	margin-bottom: 0;
}

#membersMileage article.mainText {
	margin-left: -24px;
	margin-right: -24px;
	padding: 0 24px;
	background: url(/static/images/card/ico_mileage.png) no-repeat calc(100% - 24px) bottom;
	background-size: 117px auto;
}

#membersMileage article.mainText p {
	margin-bottom: 14px;
	font-size: var(--fontsize-heading-M);
	line-height: 34px;
	font-weight: 700;
}

#membersMileage article.mainText span {
	display: block;
	width: calc(100% - 117px);
	letter-spacing: -0.02em;
	font-size: var(--fontsize-title-S);
	color: var(--color-grey-01);
	line-height: var(--baseline-7x);
}

#membersMileage article:not(.mainText) .subText {
	font-size: var(--fontsize-body-R);
	line-height: var(--baseline-6x);
	color: var(--color-grey-01);
}

#membersMileage article:not(.mainText) .blt2 li {
	padding-left: 0;
	font-size: var(--fontsize-body-XS);
	margin-top: 4px;
}

#membersMileage article:not(.mainText) .blt2 li:before {
	display: none;
}

#membersMileage article:not(.mainText) #mileageBtn {
	margin-top: 24px;
}

#membersMileage article .boxA {
	margin-top: 16px;
	font-size: var(--fontsize-body-XS);
	padding: 24px;
	line-height: 22px;
	background: var(--color-grey-07);
}

#membersMileage article .boxA > strong {
	font-size: var(--fontsize-body-RB);
	font-weight: 700;
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
}

#membersMileage article .cont {
	padding-top: 32px;
}

#membersMileage article .tableTypeE {
	margin-top: 16px;
	border-top: 1px solid var(--color-grey-03);
}

#membersMileage article .tableTypeE th {
	background: var(--color-grey-07);
}

#membersMileage article .tableTypeE th p {
	font-size: var(--fontsize-body-XS);
}

#membersMileage article .tableTypeE th.vt p {
	display: inline-block;
}

#membersMileage article .tableTypeE th,
#membersMileage article .tableTypeE td {
	text-align: left;
	padding: 20px 0 20px 16px;
	font-size: var(--fontsize-body-XS);
	letter-spacing: -0.01em;
}

#membersMileage article .tableTypeE th span,
#membersMileage article .tableTypeE td span {
	font-size: var(--fontsize-description);
	color: var(--color-grey-02);
}

#giftCard article .tableTypeA {
	margin-top: 16px;
}

#giftCard article.useArea .category {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	z-index: 1;
}

#giftCard article.useArea .category label {
	color: var(--color-grey-01);
}

#giftCard article.useArea .category .eui_cateSelect {
	position: relative;
}

#giftCard article.useArea .category .eui_cateSelect .euiSelectMain {
	padding: 16px;
	background: var(--color-grey-07) 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;
	border: 0;
}

#giftCard article.useArea .category .eui_cateSelect .euiSelectMain.on {
	background: var(--color-grey-07) 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='%231A1818' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat calc(100% - 16px) 50%/9px 5.5px;
}

#giftCard article.useArea .category .eui_cateSelect .euiSelectList {
	position: absolute;
	width: 100%;
	z-index: 1;
	background: var(--color-grey-07);
	border: var(--border-table-bottom);
}

#giftCard article.useArea .category .eui_cateSelect .euiSelectList li.activeColor {
	font-weight: 700;
	background: var(--color-grey-05);
}

#giftCard article.useArea .category .eui_cateSelect .euiSelectList li a {
	display: block;
	padding: 16px;
}

#giftCard article.useArea .categoryCont {
	display: none;
}

#giftCard article.useArea .categoryCont ul {
	display: flex;
	flex-wrap: wrap;
}

#giftCard article.useArea .categoryCont ul {
	position: relative;
}

#giftCard article.useArea .categoryCont ul:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: var(--color-grey-05);
	left: 0;
	bottom: 0;
}

#giftCard article.useArea .categoryCont ul li {
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 50%;
	padding: 14px 0 18px;
	text-align: center;
}

#giftCard article.useArea .categoryCont ul li {
	position: relative;
}

#giftCard article.useArea .categoryCont ul li:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: var(--color-grey-05);
	left: 0;
	bottom: 0;
}

#giftCard article.useArea .categoryCont ul li a {
	display: inline-block;
	width: 88%;
	max-width: 304px;
}

#giftCard article.useArea .categoryCont ul li p {
	display: flex;
	flex-flow: column;
	justify-content: center;
	flex: 1;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#giftCard article.purchaseArea .blt2 li {
	margin-top: 4px;
	font-size: var(--fontsize-body-XS);
}

#giftCard article.purchaseArea td {
	padding: 20px 30px;
}

#giftCard article.placeArea .tableTypeA {
	border-top: 0;
	border-bottom: var(--border-table-bottom);
}

#giftCard article.placeArea tr.upperCate th {
	background: var(--color-grey-05);
}

#mobileGift article .tableTypeA {
	border-top: var(--border-table-bottom);
}

#mobileGift article .tableTypeA th {
	padding-left: 10px;
	letter-spacing: -0.01em;
}

#mobileGift article .tableTypeA td {
	padding-left: 24px;
	padding-right: 24px;
}

#mobileGift article .tableTypeA.plzero th {
	padding-left: 0;
}

#mobileGift article .boxA {
	margin-top: 30px;
	padding: 16px;
	border: var(--border-table-bottom);
	line-height: 26px;
}

#mobileGift article .boxA > strong {
	font-weight: 700;
	display: block;
	margin-bottom: 16px;
}

#mobileGift article .boxA .caution {
	margin-top: 8px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#mobileGift article .btnTypeA {
	margin-top: 24px;
}

#partnerGift .borderListA.bn li {
	border: 1px solid var(--color-grey-05);
}

#standardTerms dt {
	font-size: var(--fontsize-title-S);
}

#standardTerms dd {
	font-size: var(--fontsize-body-R);
	margin: 16px 0 24px;
	line-height: var(--baseline-6x);
}

/*****고객서비스*****/


.aClassHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 72px;
	padding: 0 24px;
	border-bottom: var(--border-table-bottom);
	background: var(--color-white);
	z-index: 10;
}

.aClassHeader h2 {
	font-size: var(--fontsize-title-L);
	line-height: 22px;
}

.aClassHeader a {
	display: block;
	width: 20px;
	height: 20px;
}

.aClassHeader a {
	position: relative;
}

.aClassHeader 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='%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 50%/auto 22px;
}

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

#vipAclass main .userInfoArea {
	padding: 32px 24px 14px;
	margin-bottom: 16px;
	background: var(--color-grey-07);
}

#vipAclass main .userInfoArea .userInfoWrap .userInfo {
	padding-bottom: 17px;
	margin-bottom: 17px;
	border-bottom: var(--border-table-bottom);
}

#vipAclass main .userInfoArea .userInfoWrap .userInfo .infoBox {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 10px;
}

#vipAclass main .userInfoArea .userInfoWrap .userInfo .infoBox span {
	display: block;
	margin-right: 10px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

/* 
#vipAclass main .userInfoArea .userInfoWrap .userInfo .infoBox em img {
  height: 24px;
}
 */
#vipAclass main .userInfoArea .userInfoWrap .userInfo > strong {
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
}

#vipAclass main .userInfoArea .userInfoWrap .userInfo > strong em {
	font-weight: 700;
}

#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li,
#myShoppingHis .aClassInfo li {
	margin-bottom: 14px;
}

#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li strong,
#myShoppingHis .aClassInfo li strong {
	display: flex;
	align-items: center;
	color: var(--color-grey-02);
	line-height: var(--baseline-6x);
	margin-bottom: 5px;
}

#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li strong.ico_card:before,
#myShoppingHis .aClassInfo li strong.ico_card:before {
	content: "";
	display: block;
	width: 21px;
	height: 15px;
	margin-right: 8px;
	background: url("/static/images/icon/aclass/aclass_card.svg") no-repeat 0 0/21px auto;
}

#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li strong.ico_calendar:before,
#myShoppingHis .aClassInfo li strong.ico_calendar:before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	background: url("/static/images/icon/datepicker.svg") no-repeat 0 0/16px auto;
}

#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li span,
#myShoppingHis .aClassInfo li span {
	display: block;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
}

#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li span em,
#myShoppingHis .aClassInfo li span em {
	font-weight: 700;
}

#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li:last-of-type,
#myShoppingHis .aClassInfo li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li:last-of-type::after,
#vipAclass main .userInfoArea .userInfoWrap .aClassInfo li:last-of-type::before {
	display: none;
}

#vipAclass main .userInfoArea > span {
	display: block;
	text-align: right;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-03);
}

#vipAclass main .userInfoArea + article {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#vipAclass main .borderBoxArea {
	margin: 60px 0;
	padding: 32px 24px;
	border: var(--border-table-bottom);
}

#vipAclass main .borderBoxArea > div:nth-of-type(1) {
	/* 
  display: flex;
  justify-content: space-between;
  align-items: center;
   */
}

#vipAclass main .borderBoxArea > div:nth-of-type(1) p {
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
	margin-bottom: 15px;
}

#vipAclass main .borderBoxArea > div:nth-of-type(1) b {
	font-size: var(--fontsize-display-M);
}

#vipAclass main .borderBoxArea ul {
	padding: 10px 0;
}

#vipAclass main .borderBoxArea ul li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}

#vipAclass main .borderBoxArea ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclass main .borderBoxArea ul li:last-of-type::after,
#vipAclass main .borderBoxArea ul li:last-of-type::before {
	display: none;
}

#vipAclass main .borderBoxArea ul li span {
	display: inline-block;
	padding-right: 10px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#vipAclass main .borderBoxArea ul li span {
	position: relative;
}

#vipAclass main .borderBoxArea ul li span:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 50%;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background: var(--color-grey-04);
}

#vipAclass main .borderBoxArea ul li p {
	font-size: var(--fontsize-body-XS);
	padding-left: 10px;
}

#vipAclass main .borderBoxArea > div:last-of-type {
	padding-top: 24px;
	border-top: var(--border-table-bottom);
}

#vipAclass main .borderBoxArea > div:last-of-type p,
#myShoppingHis .cautionArea p {
	margin-bottom: 8px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: 22px;
}

#vipAclass main .borderBoxArea > div:last-of-type p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclass main .borderBoxArea > div:last-of-type p:last-of-type::after,
#vipAclass main .borderBoxArea > div:last-of-type p:last-of-type::before {
	display: none;
}

#vipAclass main .aClassMenu {
	margin: 40px 0 60px;
}

#vipAclass main .aClassMenu h3 {
	margin-bottom: 16px;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-8x);
}

#vipAclass main .aClassMenu ul {
	display: flex;
	justify-content: space-between;
	column-gap: 24px;
}

#vipAclass main .aClassMenu ul li {
	display: flex;
	width: 100%;
	border: var(--border-table-bottom);
	margin-left: -1px;
	margin-bottom: -1px;
	aspect-ratio: 1 /1;
	align-items: center;
	border-radius: var(--radius-s);
}

#vipAclass main .aClassMenu ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
	width: 100%;
}

#vipAclass main .aClassMenu ul li a span {
	display: block;
	padding-right: 12px;
	padding-top: 41px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	letter-spacing: -0.02em;
	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='%231A1818' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 100% calc(100% - 5px)/5px auto;
}

#vipAclass main .aClassMenu ul li a span {
	position: relative;
}

#vipAclass main .aClassMenu ul li a span:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 60px;
	height: 50px;
}

/*
#vipAclass main .aClassMenu ul li.ico_coin a span:after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.923 47.603'%3E%3Cg id='Icon_Salege_54' transform='translate(-628 -1249)'%3E%3Cpath id='path_36603' data-name='path 36603' d='M15.053,45.291c1.232.15,7.722,0,8.7,0A23.385,23.385,0,0,0,43.208,35.167,22.286,22.286,0,0,0,47.1,22.646C47.1,10.139,36.647,0,23.755,0H15.414' transform='translate(633.826 1250.088)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cg id='path_36599' data-name='path 36599' transform='translate(628 1249)' fill='none'%3E%3Cpath d='M23.8,0A23.8,23.8,0,1,1,0,23.8,23.8,23.8,0,0,1,23.8,0Z' stroke='none'/%3E%3Cpath d='M 23.80126953125 2 C 20.85723876953125 2 18.00232887268066 2.576141357421875 15.31583786010742 3.712429046630859 C 12.72000122070312 4.810379028320312 10.38827896118164 6.382610321044922 8.385440826416016 8.385440826416016 C 6.382610321044922 10.38827896118164 4.810379028320312 12.72000122070312 3.712429046630859 15.31583786010742 C 2.576141357421875 18.00232887268066 2 20.85723876953125 2 23.80126953125 C 2 26.74530029296875 2.576141357421875 29.60021018981934 3.712429046630859 32.28669738769531 C 4.810379028320312 34.88253784179688 6.382610321044922 37.21426010131836 8.385440826416016 39.21709823608398 C 10.38827896118164 41.21992874145508 12.72000122070312 42.79216003417969 15.31583786010742 43.89011001586914 C 18.00232887268066 45.02639770507812 20.85723876953125 45.6025390625 23.80126953125 45.6025390625 C 26.74530029296875 45.6025390625 29.60021018981934 45.02639770507812 32.28669738769531 43.89011001586914 C 34.88253784179688 42.79216003417969 37.21426010131836 41.21992874145508 39.21709823608398 39.21709823608398 C 41.21992874145508 37.21426010131836 42.79216003417969 34.88253784179688 43.89011001586914 32.28669738769531 C 45.02639770507812 29.60021018981934 45.6025390625 26.74530029296875 45.6025390625 23.80126953125 C 45.6025390625 20.85723876953125 45.02639770507812 18.00232887268066 43.89011001586914 15.31583786010742 C 42.79216003417969 12.72000122070312 41.21992874145508 10.38827896118164 39.21709823608398 8.385440826416016 C 37.21426010131836 6.382610321044922 34.88253784179688 4.810379028320312 32.28669738769531 3.712429046630859 C 29.60021018981934 2.576141357421875 26.74530029296875 2 23.80126953125 2 M 23.80126953125 0 C 36.94635009765625 0 47.6025390625 10.65618896484375 47.6025390625 23.80126953125 C 47.6025390625 36.94635009765625 36.94635009765625 47.6025390625 23.80126953125 47.6025390625 C 10.65618896484375 47.6025390625 0 36.94635009765625 0 23.80126953125 C 0 10.65618896484375 10.65618896484375 0 23.80126953125 0 Z' stroke='none' fill='%2328324E'/%3E%3C/g%3E%3Cpath id='path_36604' data-name='path 36604' d='M675.945,1258.356H669.37' transform='translate(-0.343 -0.077)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_36605' data-name='path 36605' d='M675.945,1258.356H669.37' transform='translate(2.633 4.881)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_36606' data-name='path 36606' d='M675.945,1258.356H669.37' transform='translate(4.616 9.84)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_36607' data-name='path 36607' d='M675.945,1258.356H669.37' transform='translate(5.92 14.798)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_36608' data-name='path 36608' d='M675.945,1258.356H669.37' transform='translate(4.616 19.757)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_36609' data-name='path 36609' d='M675.945,1258.356H669.37' transform='translate(2.633 24.716)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_36610' data-name='path 36610' d='M675.945,1258.356H669.37' transform='translate(-0.654 29.674)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_36611' data-name='path 36611' d='M378.531,475.837l-10.369,6.432v-6.432h-1.4v8.747l6.384-4.077,5.837,3.7h2.43l-7.114-4.361,6.642-4Z' transform='translate(287.152 792.363)' fill='%2328324E' stroke='%2328324E' stroke-width='0.3'/%3E%3Cpath id='path_36612' data-name='path 36612' d='M300.526,483.306h1.864l6.759-6.915,6.758,6.915h1.865l-8.614-8.723Z' transform='translate(334.513 793.26)' fill='%2328324E' stroke='%2328324E' stroke-width='0.3'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0/33px auto;
}*/

#vipAclass main .aClassMenu ul li.ico_car a span:after {
	background: url("/static/images/icon/parking.svg") no-repeat 50% 0/30px auto;
}

#vipAclass main .aClassMenu ul li.ico_news a span:after {
	background: url("/static/images/icon/main/aclass.svg") no-repeat 50% 0/27px auto;
}

/*#vipAclass main .aClassMenu ul li.ico_holiday a span:after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50.095 50.094'%3E%3Cg id='Icon_Gift_47' transform='translate(0 0)'%3E%3Cg id='group_37897' data-name='group 37897'%3E%3Cpath id='path_37347' data-name='path 37347' d='M21.047,5.047A81.582,81.582,0,0,0,5.611,7.12s-1.732,3-2.564,15.927' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_37348' data-name='path 37348' d='M29.047,5.047s.679.013,1.8.069c3.053.156,9.376.642,14.012,2.105,0,0,1.481,2.983,2.192,15.826' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_37349' data-name='path 37349' d='M23.876,47.9s-11.055-.2-18.442-2.527c0,0-1.727-3.468-2.557-18.395' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_37350' data-name='path 37350' d='M26.218,47.9s11.055-.2,18.442-2.527c0,0,1.727-3.468,2.557-18.395' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Ccircle id='sc_2223' data-name='sc 2223' cx='4.5' cy='4.5' r='4.5' transform='translate(20.547 20.547)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='path_37351' data-name='path 37351' d='M27.156,20.819C36.921,8.9,25.23,1.2,25.23,1.2S13.5,8.931,23.354,20.878' fill='none' stroke='%2328324E' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_37352' data-name='path 37352' d='M20.819,22.939C8.9,13.174,1.2,24.865,1.2,24.865s7.733,11.729,19.679,1.876' fill='none' stroke='%2328324E' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_37353' data-name='path 37353' d='M29.276,22.939C41.19,13.174,48.9,24.865,48.9,24.865s-7.733,11.729-19.68,1.876' fill='none' stroke='%2328324E' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_37354' data-name='path 37354' d='M27.156,29.276C36.921,41.19,25.23,48.9,25.23,48.9S13.5,41.164,23.354,29.217' fill='none' stroke='%2328324E' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1610' data-name='line 1610' y2='7.5' transform='translate(25.047 13.047)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1611' data-name='line 1611' x2='7.5' transform='translate(13.047 25.047)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1612' data-name='line 1612' y1='7.5' transform='translate(25.047 29.547)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1613' data-name='line 1613' x1='7.5' transform='translate(29.547 25.047)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1614' data-name='line 1614' x1='14.683' y1='15.849' transform='translate(29.047 28.827)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1615' data-name='line 1615' x1='15.22' y2='14' transform='translate(28.827 7.047)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1616' data-name='line 1616' x2='15' y2='14.22' transform='translate(6.047 7.047)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1617' data-name='line 1617' y1='15' x2='15.22' transform='translate(6.047 29.047)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0/31px auto;
}

#vipAclass main .aClassMenu ul li.ico_gift a span:after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 47.744 46.713'%3E%3Cg id='Icon_Invitation_45' transform='translate(0.391 -4.897)'%3E%3Cline id='line_1548' data-name='line 1548' y1='7.642' x2='11.039' transform='translate(1 14.6)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='line_1549' data-name='line 1549' x1='11.039' y1='7.642' transform='translate(34.922 14.6)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='pathj_36623' data-name='pathj 36623' d='M34.922,22.184,34.79,2.95A2.211,2.211,0,0,0,32.39,1H14.439a2.211,2.211,0,0,0-2.4,1.95v.01l.12,19.282' transform='translate(0 4.897)' fill='none' stroke='%2328324E' stroke-width='2'/%3E%3Cpath id='pathj_36624' data-name='pathj 36624' d='M27.9,31.089l18.057-8.847V48.987a1.671,1.671,0,0,1-1.715,1.623H2.715A1.671,1.671,0,0,1,1,48.987V22.242L18.885,31' fill='none' stroke='%2328324E' stroke-width='1'/%3E%3Cpath id='pathj_36625' data-name='pathj 36625' d='M27.9,31.089l18.057-8.847V48.987a1.671,1.671,0,0,1-1.715,1.623H2.715A1.671,1.671,0,0,1,1,48.987V22.242L18.885,31' fill='none' stroke='%2328324E' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath id='pathj_36626' data-name='pathj 36626' d='M26.786,31.219a4.081,4.081,0,1,1-4.08-4.08A4.08,4.08,0,0,1,26.786,31.219Z' transform='translate(0.776 0.776)' fill='none' stroke='%2328324E' stroke-linecap='round' stroke-width='2'/%3E%3Cg id='group_37108' data-name='group 37108' transform='translate(31.899 9.68) rotate(90)'%3E%3Cg id='pathj_35252' data-name='pathj 35252' transform='translate(7.934 0.139)' fill='%2328324E'%3E%3Cpath d='M -0.1600006222724915 3.714928865432739 L -0.1600006222724915 3.423158884048462 L -0.1600006222724915 -1.034812953548681e-06 L -0.1600006222724915 -0.1600010395050049 L -6.19964623638225e-07 -0.1600010395050049 L 0.549609363079071 -0.1600010395050049 L 0.7096093893051147 -0.1600010395050049 L 0.7096093893051147 -1.034812953548681e-06 L 0.7096093893051147 2.230237483978271 L 4.527339458465576 -0.1360010355710983 L 4.566069602966309 -0.1600010395050049 L 4.611629486083984 -0.1600010395050049 L 5.555699348449707 -0.1600010395050049 L 6.131309509277344 -0.1600010395050049 L 5.638269424438477 0.1370489597320557 L 3.261811494827271 1.56882905960083 L 5.824209213256836 3.137848854064941 L 6.308349609375 3.434298992156982 L 5.740659236907959 3.434298992156982 L 4.78779935836792 3.434298992156982 L 4.741439342498779 3.434298992156982 L 4.702269554138184 3.409518957138062 L 2.501940727233887 2.017677783966064 L 0.08601938188076019 3.558068990707397 L -0.1600006222724915 3.714928865432739 Z' stroke='none'/%3E%3Cpath d='M -4.76837158203125e-07 -9.5367431640625e-07 L -4.76837158203125e-07 3.423158884048462 L 2.501599311828613 1.828138947486877 L 4.78779935836792 3.274298906326294 L 5.740659236907959 3.274298906326294 L 2.953609466552734 1.567718982696533 L 5.555699348449707 -9.5367431640625e-07 L 4.611629486083984 -9.5367431640625e-07 L 0.5496091842651367 2.517648935317993 L 0.5496091842651367 -9.5367431640625e-07 L -4.76837158203125e-07 -9.5367431640625e-07 M -0.3200006484985352 -0.3200011253356934 L 0.8696093559265137 -0.3200011253356934 L 0.8696093559265137 1.942835927009583 L 4.520499229431152 -0.3200011253356934 L 6.706919193267822 -0.3200011253356934 L 3.570018529891968 1.569936037063599 L 6.876049518585205 3.594298839569092 L 4.695089340209961 3.594298839569092 L 2.50227689743042 2.20721960067749 L -0.3200006484985352 4.006699085235596 L -0.3200006484985352 -0.3200011253356934 Z' stroke='none' fill='%2328324E'/%3E%3C/g%3E%3Cg id='pathj_35253' data-name='pathj 35253' fill='%2328324E'%3E%3Cpath d='M 7.140268325805664 3.573577880859375 L 6.757078170776367 3.573577880859375 L 6.026068210601807 3.573577880859375 L 5.958768367767334 3.573577880859375 L 5.911708354949951 3.525477886199951 L 3.377917289733887 0.9360098838806152 L 0.8445283770561218 3.525467872619629 L 0.7974583506584167 3.573577880859375 L 0.7301583886146545 3.573577880859375 L -1.629867597330303e-06 3.573577880859375 L -0.3837616443634033 3.573577880859375 L -0.1136616319417953 3.300967931747437 L 3.268418312072754 -0.112612172961235 L 3.382198333740234 -0.2274521738290787 L 3.495858430862427 -0.112492173910141 L 6.870858192443848 3.301087856292725 L 7.140268325805664 3.573577880859375 Z' stroke='none'/%3E%3Cpath d='M 6.757078170776367 3.413577795028687 L 3.382078409194946 -2.175369218093692e-06 L -1.629867597330303e-06 3.413577795028687 L 0.7301583886146545 3.413577795028687 L 3.37790846824646 0.7072278261184692 L 6.026068210601807 3.413577795028687 L 6.757078170776367 3.413577795028687 M 7.523458480834961 3.733577728271484 L 5.891478538513184 3.733577728271484 L 3.377926349639893 1.164791941642761 L 0.8647583723068237 3.733577728271484 L -0.7675116062164307 3.733577728271484 L 3.382318258285522 -0.454902172088623 L 7.523458480834961 3.733577728271484 Z' stroke='none' fill='%2328324E'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 0/33px auto;
}*/

#vipAclass main .aClassMenu ul li:nth-of-type(3n+1) {
	margin-left: 0;
}

/*#vipAclass main .aClassMenu ul li:nth-of-type(3n+2) {
	width: 33.4%;
}
*/
#vipAclass main .bannerArea {
	margin-bottom: 60px;
}

#vipAclass main .bannerArea > div {
	margin-bottom: 16px;
}

#vipAclass main .bannerArea > div:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclass main .bannerArea > div:last-of-type::after,
#vipAclass main .bannerArea > div:last-of-type::before {
	display: none;
}

#vipAclass main .tellArea > strong {
	display: block;
	margin-bottom: 16px;
	padding-left: 28px;
	line-height: var(--baseline-6x);
	background: url("/static/images/icon/caution.svg") no-repeat 0 3px/18px;
}

#vipAclass main .tellArea ul {
	border-top: 1px solid var(--color-primary);
	padding: 0;
	background-color: var(--color-white);
	border-bottom: var(--border-table-bottom);
}

#vipAclass main .tellArea ul li {
	border-top: var(--border-primary);
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 0;
	line-height: var(--baseline-6x);
}

#vipAclass main .tellArea ul li strong {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--color-grey-07);
	padding: 16px;
	width: 25vw;
	text-align: center;
	font-size: var(--fontsize-body-S);
	font-weight: 700;
	color: var(--color-primary);
	margin-right: 16px;
}

#vipAclass main .tellArea ul li span {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-01) !important;
}

#vipAclass main .tellArea ul li a {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: var(--border-table-bottom);
	background: url("/static/images/icon/phone_f.svg") no-repeat 50%/14px auto;
}

#vipAclass main .tellArea ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclass main .tellArea ul li:last-of-type::after,
#vipAclass main .tellArea ul li:last-of-type::before {
	display: none;
}

@media screen and (max-width: 320px) {
	#vipAclass main .aClassMenu ul li a span {
		font-size: var(--fontsize-description);
	}

	#vipAclass main .tellArea ul li strong,
	#vipAclass main .tellArea ul li span {
		font-size: var(--fontsize-body-XS);
	}
}

#saleage #content {
	padding-bottom: 40px;
}

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

#saleage main h3 {
	margin-bottom: 40px;
	font-size: var(--fontsize-heading-M);
	line-height: var(--baseline-9x);
}

#saleage main .infoArea {
	margin: 0 -24px 40px;
	padding: 0 24px 50px;
	border-bottom: var(--border-section);
}

#saleage main .infoArea .pointInfo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

#saleage main .infoArea .pointInfo > strong {
	display: block;
	flex: none;
	margin-right: 10px;
	line-height: var(--baseline-6x);
}

#saleage main .infoArea .pointInfo > strong em {
	font-weight: 700;
}

#saleage main .infoArea .pointInfo > em {
	display: block;
	margin-top: 10px;
	line-height: 38px;
	font-size: var(--fontsize-title-L);
}

#saleage main .infoArea .pointInfo > em strong {
	font-size: var(--fontsize-display-M);
	font-weight: 700;
	background: linear-gradient(to top, var(--color-white)A9E 50%, transparent 50%);
}

#saleage main .infoArea .limitBox {
	padding: 24px;
	border: var(--border-table-bottom);
}

#saleage main .infoArea .limitBox li {
	display: flex;
	margin-bottom: 18px;
	line-height: var(--baseline-5x);
}

#saleage main .infoArea .limitBox li strong {
	display: block;
	margin-right: 10px;
	flex: none;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#saleage main .infoArea .limitBox li span {
	width: 100%;
	text-align: right;
	font-size: var(--fontsize-body-XS);
}

#saleage main .infoArea .limitBox li span em {}

#saleage main .infoArea .limitBox li:last-of-type {
	margin-bottom: 0;
}

#saleage main .historyArea .monthPoint {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

#saleage main .historyArea .monthPoint .dateArea {
	line-height: var(--baseline-6x);
	margin-right: 10px;
}

#saleage main .historyArea .monthPoint .dateArea span {
	display: block;
	color: var(--color-grey-02);
}

#saleage main .historyArea .monthPoint .dateArea strong {
	display: block;
}

#saleage main .historyArea .monthPoint > span {
	display: block;
	margin-top: 10px;
	line-height: 38px;
	font-size: var(--fontsize-title-L);
}

#saleage main .historyArea .monthPoint > span em {
	font-size: var(--fontsize-display-M);
	font-weight: 700;
	background: linear-gradient(to top, var(--color-white)A9E 50%, transparent 50%);
}

#saleage main .historyArea .monthSearch {
	margin-bottom: 16px;
}

#saleage main .historyArea .monthSearch > strong {
	display: block;
	margin-bottom: 10px;
	color: var(--color-grey-02);
	line-height: var(--baseline-6x);
}

#saleage main .historyArea .monthSearch ul {
	display: flex;
	position: relative;
	z-index: 1;
}

#saleage main .historyArea .monthSearch ul li {
	position: relative;
	width: calc(100% - 1px);
	margin-left: -1px;
	z-index: 1;
}

#saleage main .historyArea .monthSearch ul li a {
	display: block;
	height: 44px;
	line-height: 42px;
	border: var(--border-table-bottom);
	text-align: center;
	font-size: var(--fontsize-body-XS);
}

#saleage main .historyArea .monthSearch ul li:first-of-type {
	margin-left: 0;
}

#saleage main .historyArea .monthSearch ul li.on {
	z-index: 2;
}

#saleage main .historyArea .monthSearch ul li.on a {
	border-color: var(--color-blue-01);
	font-weight: 700;
}

#saleage main .historyArea .dateSearch {
	margin-bottom: 32px;
}

#saleage main .historyArea .dateSearch > strong {
	display: block;
	margin-bottom: 10px;
	color: var(--color-grey-02);
	line-height: var(--baseline-6x);
}

#saleage main .historyArea .dateSearch .setCalendar {
	display: flex;
}

#saleage main .historyArea .dateSearch .setCalendar input {
	width: 100%;
	height: 44px;
	padding-right: 32px;
}

#saleage main .historyArea .dateSearch .setCalendar .dashed {
	display: block;
	flex: none;
	width: 13%;
	height: 44px;
}

#saleage main .historyArea .dateSearch .setCalendar .dashed {
	position: relative;
}

#saleage main .historyArea .dateSearch .setCalendar .dashed:after {
	content: "";
	position: absolute;
	left: 38%;
	right: 38%;
	height: 1px;
	top: 50%;
	background: var(--color-primary);
}

#saleage main .historyArea .btnArea {
	margin-bottom: 40px;
}

#saleage main .historyArea .scrollArea {
	overflow-x: auto;
	margin-bottom: 32px;
}

#saleage main .historyArea .scrollArea table {
	border-top-color: var(--color-primary);
	width: 732px;
}

#saleage main .historyArea .scrollArea table tbody td.none {
	height: 210px;
}

#saleage main .historyArea .scrollArea table tbody td.none div {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: calc(100% - 48px);
	height: 210px;
	transform: translateY(-104px);
}

#saleage main .historyArea .scrollArea table tbody td.none div span {
	display: block;
	padding-top: 46px;
	color: var(--color-grey-03);
	background: url("/static/images/icon/caution_g.svg") no-repeat 50% 0/36px;
}

#saleage main .historyArea .btnBox {
	margin-bottom: 80px;
}

#saleage main .historyArea .btnBox a span {
	display: inline-block;
	line-height: 26px;
	padding-right: 24px;
	font-size: var(--fontsize-title-S);
	color: var(--color-blue-01);
	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='%2328324E' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 100% 50%/13px auto;
}

#saleage main .historyArea .cautionArea {
	padding: 24px 16px;
	background: var(--color-grey-07);
}

#saleage main .historyArea .cautionArea > strong {
	display: block;
	margin-bottom: 16px;
	font-size: var(--fontsize-body-XS);
	padding-left: 24px;
	background: url("/static/images/icon/info_g.svg") no-repeat 0 50%/18px;
}

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

#saleage main .historyArea .cautionArea ul li:last-of-type {
	margin-bottom: 0;
}

#saleage main .historyArea .cautionArea ul li:after {
	background: var(--color-grey-02);
}

#aClassNews #content {
	padding-bottom: 40px;
}

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

#aClassNews main h3 {
	text-align: center;
	line-height: var(--baseline-7x);
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

.aclassNewsView #content {
	padding-bottom: 40px;
}

#vipAclassGift #content {
	padding-bottom: 170px;
}

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

#vipAclassGift main pre {
	white-space: pre-wrap;
	margin: 0;
}

#vipAclassGift main.list .topCont {
	margin-bottom: 40px;
}

#vipAclassGift main.list .topCont .topTitle {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 32px;
	line-height: var(--baseline-7x);
	font-size: var(--fontsize-body-R) /*17px*/;
	color: var(--color-grey-02);
}

#vipAclassGift main.list .topCont .topTitle i {
	display: block;
	margin-left: 4px;
	color: var(--color-primary);
}

#vipAclassGift main.list .topCont .topTitle em {
	display: block;
	margin: 0 10px;
}

#vipAclassGift main.list .topCont .topTitle em img {
	height: 28px;
}

#vipAclassGift main.list .topCont .boxArea {
	padding: 24px 24px 32px;
	background: var(--color-grey-07);
}

#vipAclassGift main.list .topCont .boxArea h3 {
	font-size: var(--fontsize-heading-M);
	margin-bottom: 16px;
	line-height: var(--baseline-9x);
	text-align: center;
}

#vipAclassGift main.list .topCont .boxArea h3 + p {
	margin-bottom: 24px;
	color: var(--color-grey-02);
	letter-spacing: -0.02em;
}

#vipAclassGift main.list .topCont .boxArea .dateArea li {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 10px;
	line-height: 22px;
}

#vipAclassGift main.list .topCont .boxArea .dateArea li strong {
	display: block;
	flex: none;
	padding-right: 16px;
	margin-right: 16px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#vipAclassGift main.list .topCont .boxArea .dateArea li strong {
	position: relative;
}

#vipAclassGift main.list .topCont .boxArea .dateArea li strong:after {
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 13px;
	position: absolute;
	background: var(--color-grey-04);
}

#vipAclassGift main.list .topCont .boxArea .dateArea li span {
	display: block;
	width: 100%;
	font-size: var(--fontsize-body-XS);
}

#vipAclassGift main.list .topCont .boxArea .dateArea li.point span {
	line-height: var(--baseline-6x);
}

#vipAclassGift main.list .topCont .boxArea .dateArea li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclassGift main.list .topCont .boxArea .dateArea li:last-of-type::after,
#vipAclassGift main.list .topCont .boxArea .dateArea li:last-of-type::before {
	display: none;
}

#vipAclassGift main.list .topCont .btnArea {
	display: flex;
	margin-top: 40px;
}

#vipAclassGift main.list .topCont .btnArea a {
	width: 240px;
	margin: 0 12px;
}

#vipAclassGift main.list .listArea {
	position: relative;
	margin-bottom: 60px;
}

#vipAclassGift main.list .listArea ul li {
	margin-bottom: 60px;
}

#vipAclassGift main.list .listArea ul li .imgArea {
	margin-bottom: 20px;
	text-align: center;
}

#vipAclassGift main.list .listArea ul li .textArea > strong {
	display: block;
	margin-bottom: 12px;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
}

#vipAclassGift main.list .listArea ul li .textArea pre {
	font-size: var(--fontsize-body-XS);
	margin-bottom: 16px;
}

#vipAclassGift main.list .listArea ul li .textArea > div {
	display: flex;
	line-height: var(--baseline-6x);
}

#vipAclassGift main.list .listArea ul li .textArea > div strong {
	display: flex;
	flex: none;
	margin-right: 10px;
	color: var(--color-grey-02);
}

#vipAclassGift main.list .listArea ul li .textArea > div span {
	display: block;
}

#vipAclassGift main.list .listArea ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclassGift main.list .listArea ul li:last-of-type::after,
#vipAclassGift main.list .listArea ul li:last-of-type::before {
	display: none;
}

#vipAclassGift main.list .listArea .deadline {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	margin: 0 -24px;
	padding: 80px 24px 0;
}

#vipAclassGift main.list .listArea .deadline strong {
	display: block;
	margin-bottom: 4px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	color: var(--color-white);
	line-height: var(--baseline-9x);
	text-align: center;
}

#vipAclassGift main.list .listArea .deadline p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-white);
	text-align: center;
}

#vipAclassGift main.list .caution {
	padding: 24px 16px;
	background: var(--color-grey-07);
}

#vipAclassGift main.list .caution pre {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#vipAclassGift main.list .btnArea {
	display: flex;
	padding: 24px 24px 40px;
	box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: var(--color-white);
	z-index: 10;
}

#vipAclassGift main.view h3 {
	margin-bottom: 10px;
	line-height: var(--baseline-9x);
	text-align: center;
	font-size: var(--fontsize-heading-M);
}

#vipAclassGift main.view h3 + p {
	margin-bottom: 40px;
	line-height: var(--baseline-5x);
	font-size: var(--fontsize-body-XS);
	text-align: center;
}

#vipAclassGift main.view .boxArea {
	padding: 24px;
	border: var(--border-table-bottom);
}

#vipAclassGift main.view .boxArea ul {
	margin-bottom: 24px;
}

#vipAclassGift main.view .boxArea ul li {
	display: flex;
	margin-bottom: 4px;
	line-height: var(--baseline-6x);
}

#vipAclassGift main.view .boxArea ul li strong {
	display: block;
	flex: none;
	width: 59px;
	margin-right: 5px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
	letter-spacing: -0.02em;
}

#vipAclassGift main.view .boxArea ul li span {
	display: block;
	font-size: var(--fontsize-body-XS);
}

#vipAclassGift main.view .boxArea ul li:last-of-type {
	margin-bottom: 0;
}

#vipAclassGift main.view .boxArea .imgArea {
	text-align: center;
}

#vipAclassGift main.view .btnArea {
	display: flex;
	margin-top: 40px;
}

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

#vipAclassProgram main.list .topCont {
	margin-bottom: 40px;
}

#vipAclassProgram main.list .topCont .topTitle {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 32px;
	line-height: var(--baseline-7x);
	font-size: var(--fontsize-body-R) /*17px*/;
	color: var(--color-grey-02);
}

#vipAclassProgram main.list .topCont .topTitle i {
	display: block;
	margin-left: 4px;
	color: var(--color-primary);
}

#vipAclassProgram main.list .topCont .topTitle em {
	display: block;
	margin: 0 10px;
}

#vipAclassProgram main.list .topCont .topTitle em img {
	height: 28px;
}

#vipAclassProgram main.list .topCont .boxArea {
	padding: 24px 24px 32px;
	background: var(--color-grey-07);
}

#vipAclassProgram main.list .topCont .boxArea h3 {
	font-size: 36px;
	margin-bottom: 16px;
	line-height: var(--baseline-12x);
	text-align: center;
	letter-spacing: -0.02em;
}

#vipAclassProgram main.list .topCont .boxArea h3 + p {
	margin-bottom: 24px;
	color: var(--color-grey-02);
	letter-spacing: -0.02em;
}

#vipAclassProgram main.list .topCont .boxArea .dateArea li {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 10px;
	line-height: 22px;
}

#vipAclassProgram main.list .topCont .boxArea .dateArea li strong {
	display: block;
	flex: none;
	padding-right: 16px;
	margin-right: 16px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#vipAclassProgram main.list .topCont .boxArea .dateArea li strong {
	position: relative;
}

#vipAclassProgram main.list .topCont .boxArea .dateArea li strong:after {
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 13px;
	position: absolute;
	background: var(--color-grey-04);
}

#vipAclassProgram main.list .topCont .boxArea .dateArea li span {
	display: block;
	width: 100%;
	font-size: var(--fontsize-body-XS);
}

#vipAclassProgram main.list .topCont .boxArea .dateArea li.point span {
	line-height: var(--baseline-6x);
}

#vipAclassProgram main.list .topCont .boxArea .dateArea li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclassProgram main.list .topCont .boxArea .dateArea li:last-of-type::after,
#vipAclassProgram main.list .topCont .boxArea .dateArea li:last-of-type::before {
	display: none;
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect {
	margin-top: 24px;
	padding: 24px 28px;
	border: var(--border-table-bottom);
	background: var(--color-white);
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect li {
	position: relative;
	margin-bottom: 30px;
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect li input {
	position: absolute;
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect li input.radioTypeA + label {
	padding-left: 40px;
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect li input.radioTypeA + label:after {
	width: 24px;
	height: 24px;
	border-width: 8px;
	top: 12px;
	transform: translateY(0);
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect li label strong {
	display: block;
	font-size: var(--fontsize-title-L);
	color: var(--color-grey-02);
	line-height: var(--baseline-7x);
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect li label span {
	display: block;
	line-height: var(--baseline-6x);
	letter-spacing: -0.02em;
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclassProgram main.list .topCont .boxArea .typeSelect li:last-of-type::after,
#vipAclassProgram main.list .topCont .boxArea .typeSelect li:last-of-type::before {
	display: none;
}

#vipAclassProgram main.list .topCont .btnArea {
	margin-top: 32px;
}

#vipAclassProgram main.list .typeList {
	position: relative;
}

#vipAclassProgram main.list .typeList .listArea {
	margin-bottom: 100px;
}

#vipAclassProgram main.list .typeList .listArea h4 {
	margin-bottom: 40px;
	text-align: center;
}

#vipAclassProgram main.list .typeList .listArea h4 strong {
	line-height: var(--baseline-10x);
	font-size: 30px;
	font-weight: 700;
	background: linear-gradient(to top, var(--color-white)A9E 50%, transparent 50%);
}

#vipAclassProgram main.list .typeList .listArea > ul > li {
	margin-bottom: 80px;
}

#vipAclassProgram main.list .typeList .listArea > ul > li .imgArea {
	position: relative;
	margin-bottom: 27px;
}

#vipAclassProgram main.list .typeList .listArea > ul > li .imgArea .slidePaging {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 16px;
	right: 16px;
	line-height: var(--baseline-4x);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .imgArea .slidePaging strong,
#vipAclassProgram main.list .typeList .listArea > ul > li .imgArea .slidePaging span,
#vipAclassProgram main.list .typeList .listArea > ul > li .imgArea .slidePaging i {
	display: block;
	font-size: var(--fontsize-description);
	opacity: 0.8;
	color: var(--color-white);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .imgArea .slidePaging i {
	margin: 0 3px;
}

#vipAclassProgram main.list .typeList .listArea > ul > li .imgArea .slidePaging .pgBar {
	position: relative;
	width: 50px;
	height: 2px;
	margin-right: 16px;
	background: rgba(255, 255, 255, 0.4);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .imgArea .slidePaging .pgBar em {
	position: absolute;
	height: 2px;
	width: 0;
	left: 0;
	background: var(--color-white);
	transition: 0.3s;
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea h5 {
	margin-bottom: 17px;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea p {
	margin-bottom: 16px;
	line-height: 22px;
	font-size: var(--fontsize-body-XS);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea ul {
	padding: 24px;
	margin-bottom: 16px;
	background: var(--color-grey-07);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea ul li {
	display: flex;
	margin-bottom: 8px;
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea ul li strong {
	display: block;
	flex: none;
	line-height: var(--baseline-5x);
	width: 56px;
	margin-right: 5px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea ul li span {
	display: block;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea ul li:last-of-type::after,
#vipAclassProgram main.list .typeList .listArea > ul > li .textArea ul li:last-of-type::before {
	display: none;
}

#vipAclassProgram main.list .typeList .listArea > ul > li .textArea > span {
	display: block;
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
	font-size: var(--fontsize-body-XS);
}

#vipAclassProgram main.list .typeList .listArea > ul > li .btnBox {
	margin-top: 40px;
}

#vipAclassProgram main.list .typeList .listArea > ul > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclassProgram main.list .typeList .listArea > ul > li:last-of-type::after,
#vipAclassProgram main.list .typeList .listArea > ul > li:last-of-type::before {
	display: none;
}

#vipAclassProgram main.list .typeList .listArea:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAclassProgram main.list .typeList .listArea:last-of-type::after,
#vipAclassProgram main.list .typeList .listArea:last-of-type::before {
	display: none;
}

#vipAclassProgram main.list .typeList .deadline {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	margin: 0 -24px;
	padding: 80px 24px 0;
}

#vipAclassProgram main.list .typeList .deadline .deadlineFixed {
	/*&.fixed{position:fixed; left:0; top:150px; width:100%; text-align: center; padding:0 24px;}
  &.fixed_bt{position: absolute; bottom: 380px; width: 100%; padding: 0 24px;}*/
}

#vipAclassProgram main.list .typeList .deadline .deadlineFixed strong {
	display: block;
	margin-bottom: 4px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	color: var(--color-white);
	line-height: var(--baseline-9x);
	text-align: center;
}

#vipAclassProgram main.list .typeList .deadline .deadlineFixed p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-white);
	text-align: center;
}

#vipAclassProgram main.list .caution {
	margin-top: 80px;
	padding: 24px 16px;
	background: var(--color-grey-07);
}

#vipAclassProgram main.list .caution ul li {
	margin-bottom: 8px;
	padding-left: 10px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
}

#vipAclassProgram main.list .caution ul li {
	position: relative;
}

#vipAclassProgram main.list .caution ul li:after {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	left: 0;
	top: 9px;
	border-radius: 50%;
	background: var(--color-grey-02);
}

#vipAclassProgram main.list .caution ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

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

#applyInfoPopPg .popWrap {
	position: relative;
	height: 100%;
	padding: 30px 24px 40px;
}

#applyInfoPopPg .popWrap h2 {
	margin-bottom: 24px;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
}

#applyInfoPopPg .popWrap .scrollArea {
	height: 329px;
	overflow: auto;
	margin: 0px -17px;
	padding: 0 17px;
}

#applyInfoPopPg .popWrap .scrollArea article {
	margin-bottom: 40px;
}

#applyInfoPopPg .popWrap .scrollArea article h3 {
	margin-bottom: 16px;
}

#applyInfoPopPg .popWrap .scrollArea article h3 strong {
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
	background: linear-gradient(to top, var(--color-white)A9E 50%, transparent 50%);
}

#applyInfoPopPg .popWrap .scrollArea article > ul > li {
	margin-bottom: 30px;
}

#applyInfoPopPg .popWrap .scrollArea article > ul > li h4 {
	margin-bottom: 8px;
	line-height: var(--baseline-7x);
}

#applyInfoPopPg .popWrap .scrollArea article > ul > li .imgArea {
	text-align: center;
}

#applyInfoPopPg .popWrap .scrollArea article > ul > li .pdtInfo {
	margin-top: 16px;
	padding: 16px;
	background: var(--color-grey-07);
}

#applyInfoPopPg .popWrap .scrollArea article > ul > li .pdtInfo li {
	display: flex;
	margin-bottom: 8px;
}

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

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

#applyInfoPopPg .popWrap .scrollArea article > ul > li .pdtInfo li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#applyInfoPopPg .popWrap .scrollArea article > ul > li .pdtInfo li:last-of-type::after,
#applyInfoPopPg .popWrap .scrollArea article > ul > li .pdtInfo li:last-of-type::before {
	display: none;
}

#applyInfoPopPg .popWrap .scrollArea article > ul > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#applyInfoPopPg .popWrap .scrollArea article > ul > li:last-of-type::after,
#applyInfoPopPg .popWrap .scrollArea article > ul > li:last-of-type::before {
	display: none;
}

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

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

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

#applyInfoPopPg .popWrap .btnPopClose {
	position: absolute !important;
	right: 24px;
	top: 32px;
	width: 20px;
	height: 20px;
}

#applyInfoPopPg .popWrap .btnPopClose {
	position: relative;
}

#applyInfoPopPg .popWrap .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='%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%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 360px) {
	#vipAclassProgram main.list .topCont .boxArea .dateArea li strong {
		margin-right: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 320px) {
	#vipAclassProgram main.list .topCont .topTitle {
		font-size: var(--fontsize-body-R);
	}

	#vipAclassProgram main.list .topCont .boxArea {
		padding-left: 20px;
		padding-right: 20px;
	}

	#vipAclassProgram main.list .topCont .boxArea .dateArea li.point span {
		letter-spacing: -0.07em;
	}

	#vipAclassProgram main.list .topCont .boxArea .typeSelect {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (max-height: 548px) {
	#applyInfoPopPg {
		top: 24px;
		height: calc(100% - 48px);
		transform: translateY(0);
	}

	#applyInfoPopPg .popWrap {
		padding: 24px;
	}

	#applyInfoPopPg .popWrap h2 {
		margin-bottom: 20px;
	}

	#applyInfoPopPg .popWrap .scrollArea {
		height: calc(100% - 125px);
	}

	#applyInfoPopPg .popWrap .btnArea {
		margin-top: 20px;
	}
}

#pdtChangePop {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: var(--color-white);
	z-index: 21;
	box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
	animation: pdtChangePopOpen 0.35s ease-out 0s 1 normal both;
}

#pdtChangePop .popWrap {
	padding: 48px 24px 40px;
}

#pdtChangePop .popWrap h2 {
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
}

#pdtChangePop .popWrap .pdtList {
	position: relative;
	height: 232px;
	padding: 16px;
	border: var(--border-table-bottom);
	overflow-y: scroll;
}

#pdtChangePop .popWrap .pdtList ul li {
	margin-bottom: 16px;
}

#pdtChangePop .popWrap .pdtList ul li input.radioTypeA {
	display: block;
	margin-top: -1px;
}

#pdtChangePop .popWrap .pdtList ul li input.radioTypeA:disabled + label {
	color: var(--color-grey-04);
}

#pdtChangePop .popWrap .pdtList ul li input.radioTypeA + label:after {
	top: 4px;
	margin-top: 0;
}

#pdtChangePop .popWrap .pdtList ul li:last-of-type {
	margin-bottom: 0;
}

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

#pdtChangePop .popWrap .btnPopClose {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 40px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49.127 12.691'%3E%3Cpath id='path_37263' data-name='path 37263' d='M0,8,22,0,44,8' transform='translate(46.563 10.563) rotate(180)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-width='4'/%3E%3C/svg%3E%0A") no-repeat 50%/46px auto;
}

#pdtChangePop.close {
	animation: pdtChangePopClose 0.35s ease-out 0s 1 normal both;
}

#pdtChangePop + #popBg {
	background: none;
}

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

#applyInfoPop .popWrap {
	position: relative;
	height: 100%;
	padding: 28px 0 40px;
}

#applyInfoPop .popWrap h2 {
	margin-bottom: 32px;
	padding: 0 24px;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
}

#applyInfoPop .popWrap .scrollArea {
	position: relative;
	height: calc(100% - 61px);
	padding: 0 24px;
	overflow-y: auto;
}

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

#applyInfoPop .popWrap .scrollArea .imgArea {
	margin-bottom: 24px;
	text-align: center;
}

#applyInfoPop .popWrap .scrollArea ul {
	padding: 24px;
	background: var(--color-grey-07);
}

#applyInfoPop .popWrap .scrollArea ul li {
	display: flex;
	margin-bottom: 8px;
	line-height: var(--baseline-6x);
}

#applyInfoPop .popWrap .scrollArea ul li strong {
	display: block;
	width: 59px;
	flex: none;
	margin-right: 5px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
	letter-spacing: -0.02em;
}

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

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

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

#applyInfoPop .popWrap .btnPopClose {
	position: absolute !important;
	right: 24px;
	top: 32px;
	width: 20px;
	height: 20px;
}

#applyInfoPop .popWrap .btnPopClose {
	position: relative;
}

#applyInfoPop .popWrap .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%);
}

#vipAlliance .tabTypeA {
	margin-bottom: 39px;
}

#vipAlliance main h3 {
	margin-bottom: 15px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
}

#vipAlliance main .allianceList li {
	margin-bottom: 60px;
}

#vipAlliance main .allianceList li a {
	display: block;
}

#vipAlliance main .allianceList li a .imgArea {
	text-align: center;
}

#vipAlliance main .allianceList li a .textArea {
	padding-top: 24px;
}

#vipAlliance main .allianceList li a .textArea strong {
	display: block;
	margin-bottom: 4px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#vipAlliance main .allianceList li a .textArea span {
	display: block;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-02);
}

#vipAlliance main .allianceList li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAlliance main .allianceList li:last-of-type::after,
#vipAlliance main .allianceList li:last-of-type::before {
	display: none;
}

#vipAlliance main .topArea {
	margin-bottom: 56px;
}

#vipAlliance main .topArea .slideWrap {
	position: relative;
	margin-bottom: 24px;
}

#vipAlliance main .topArea .slideWrap .slick-dots {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 1;
}

#vipAlliance main .topArea .slideWrap .slick-dots li {
	line-height: 10px;
	margin: 0 2px;
}

#vipAlliance main .topArea .slideWrap .slick-dots li button {
	width: 10px;
	height: 10px;
}

#vipAlliance main .topArea .slideWrap .slick-dots li.slick-active button {
	background: #ebc16f;
}

#vipAlliance main .topArea .infoArea p {
	font-size: var(--fontsize-body-R);
	line-height: 1.63;
}

#vipAlliance main .contArea {
	margin-bottom: 56px;
}

#vipAlliance main .contArea article {
	margin-bottom: 40px;
}

#vipAlliance main .contArea article:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#vipAlliance main .contArea article:last-of-type::after,
#vipAlliance main .contArea article:last-of-type::before {
	display: none;
}

#vipAlliance main .btnArea a {
	margin-bottom: 12px;
}

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

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

.akClub .tabTypeA {
	margin-bottom: 37px;
}

.akClub .tabTypeA li:last-of-type {
	margin-right: 0;
}

.akClub .tabTypeB {
	margin-bottom: 42px;
}

.akClub h3 {
	margin-bottom: 23px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
}

.akClub main .topArea {
	margin-bottom: 58px;
}

.akClub main .topArea .topWrap {
	height: 385px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 45px 16px;
	margin-bottom: 14px;
	background: var(--color-grey-07);
}

.akClub main .topArea .topWrap .logoArea {
	margin-bottom: 32px;
	text-align: center;
}

.akClub main .topArea .topWrap .textArea dl dt {
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	text-align: center;
}

.akClub main .topArea .topWrap .textArea dl dd {
	margin-top: 13px;
	opacity: 0.9;
	text-align: center;
}

.akClub main .methodArea {
	margin-bottom: 56px;
}

.akClub main .methodArea > div {
	position: relative;
	margin-bottom: 56px;
}

.akClub main .methodArea > div h3 {
	margin-bottom: 24px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
}

.akClub main .methodArea > div > div > ol {
	display: flex;
	flex-direction: column;
}

.akClub main .methodArea > div > div > ol > li {
	position: relative;
	padding-left: 78px;
	margin-bottom: 40px;
	min-height: 90px;
}

.akClub main .methodArea > div > div > ol > li em {
	display: block;
	margin-bottom: 4px;
	font-size: var(--fontsize-title-M);
	font-weight: 700;
}

.akClub main .methodArea > div > div > ol > li .textArea i {
	position: absolute !important;
	left: 0;
	top: 15px;
}

.akClub main .methodArea > div > div > ol > li .textArea i:after {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_store {
	width: 47px;
	height: 50px;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_store {
	position: relative;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_store:after {
	content: "";
	position: absolute;
	background: url("/static/images/icon/club/step_store.svg") no-repeat 0 0/100%;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_write {
	width: 49px;
	height: 49px;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_write {
	position: relative;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_write:after {
	content: "";
	position: absolute;
	background: url("/static/images/icon/club/step_form.svg") no-repeat 0 0/100%;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_complete {
	top: 0;
	width: 49px;
	height: 49px;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_complete {
	position: relative;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_complete:after {
	content: "";
	position: absolute;
	background: url("/static/images/icon/club/step_complate.svg") no-repeat 0 0/100%;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_bakimom {
	width: 48px;
	height: 48px;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_bakimom {
	position: relative;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_bakimom:after {
	content: "";
	position: absolute;
	background: url("/static/images/icon/club/step_baki.svg") no-repeat 0 0/100%;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_young {
	width: 48px;
	height: 48px;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_young {
	position: relative;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_young:after {
	content: "";
	position: absolute;
	background: url("/static/images/icon/club/step_ofs.svg") no-repeat 0 0/100%;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_speed {
	width: 48px;
	height: 48px;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_speed {
	position: relative;
}

.akClub main .methodArea > div > div > ol > li .textArea i.ico_speed:after {
	content: "";
	position: absolute;
	background: url("/static/images/icon/club/step_speed.svg") no-repeat 0 0/100%;
}

.akClub main .methodArea > div > div > ol > li .textArea i {
	position: relative;
}

.akClub main .methodArea > div > div > ol > li .textArea i:before {
	content: "";
	position: absolute;
	left: 29px;
	top: -53px;
	width: 3px;
	height: 33px;
	background: url(/static/images/customer/akClubDot.png) no-repeat 0 0/3px 33px;
}

.akClub main .methodArea > div > div > ol > li .textArea p {
	letter-spacing: -0.01em;
	color: var(--color-grey-01);
}

.akClub main .methodArea > div > div > ol > li .textArea > ol {
	display: flex;
	flex-wrap: wrap;
}

.akClub main .methodArea > div > div > ol > li .textArea > ol > li {
	padding-right: 14px;
	margin-right: 10px;
	color: var(--color-grey-01);
}

.akClub main .methodArea > div > div > ol > li .textArea > ol > li:last-of-type {
	margin-right: 0;
	padding-right: 0;
}

.akClub main .methodArea > div > div > ol > li .textArea > ol > li:last-of-type::after,
.akClub main .methodArea > div > div > ol > li .textArea > ol > li:last-of-type::before {
	display: none;
}

.akClub main .methodArea > div > div > ol > li .textArea > ol > li {
	position: relative;
}

.akClub main .methodArea > div > div > ol > li .textArea > ol > li:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 11px;
	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='%23666' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

.akClub main .methodArea > div > div > ol > li .caution {
	margin-top: 7px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

.akClub main .methodArea > div > div > ol > li:last-of-type {
	margin-bottom: 0;
}

.akClub main .methodArea > div > div > ol > li:first-of-type i:before {
	display: none;
}

.akClub main .methodArea > div ul li a {
	display: inline-block;
	font-weight: 700;
	color: var(--color-blue-02);
	padding-right: 22px;
}

.akClub main .methodArea > div ul li a {
	position: relative;
}

.akClub main .methodArea > div ul li a:after {
	content: "";
	position: absolute;
	right: 0;
	width: 18px;
	height: 18px;
	top: 50%;
	transform: translateY(-50%);
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cg id='group_28676' data-name='group 28676' transform='translate(-754 -1170)'%3E%3Ccircle id='sc_1866' data-name='sc 1866' cx='13' cy='13' r='13' transform='translate(754 1170)' fill='%23434867'/%3E%3Cpath id='path_25' data-name='path 25' d='M60.332,740.916l5,5-5,5' transform='translate(704.168 437.084)' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.akClub main .methodArea > div ul li p {
	margin-top: 4px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

.akClub main .methodArea > div ul li p strong {
	color: var(--color-blue-02);
	font-weight: 700;
}

.akClub main .methodArea > div ul li:last-of-type::after {
	display: block;
}

.akClub main .methodArea > div ul.listTypeA.tellArea li {
	float: left;
	margin-right: 30px;
}

.akClub main .methodArea > div ul.listTypeA.tellArea li em {
	font-weight: 700;
}

.akClub main .methodArea > div ul.listTypeA.tellArea li:after {
	background: var(--color-primary);
}

.akClub main .methodArea > div ul.listTypeA.tellArea li:last-of-type::after {
	display: block;
}

.akClub main .methodArea > div ul.listTypeA.tellArea:after {
	content: "";
	display: block;
	clear: both;
}

.akClub main .methodArea > div:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

.akClub main .methodArea > div:last-of-type::after,
.akClub main .methodArea > div:last-of-type::before {
	display: none;
}

.akClub main .infoArea {
	margin-bottom: 56px;
}

.akClub main .infoArea .infoText {
	margin-bottom: 56px;
}

.akClub main .infoArea .infoText p {
	line-height: 26px;
}

.akClub main .infoArea .infoText p.addText {
	margin-top: 8px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: 1.57;
}

.akClub main .infoArea .infoText p a {
	display: block;
	height: 44px;
	width: 144px;
	margin-top: 12px;
	margin-bottom: 20px;
	text-align: center;
	line-height: var(--baseline-11x);
	background: var(--color-blue-01);
}

.akClub main .infoArea .infoText p a span {
	display: inline-block;
	padding-right: 15px;
	color: var(--color-white);
	line-height: normal;
}

.akClub main .infoArea .infoText p a span {
	position: relative;
}

.akClub main .infoArea .infoText p a span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 11px;
	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%;
}

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

.akClub main .infoArea .infoText div > span {
	display: block;
	margin-top: 2px;
	font-size: var(--fontsize-body-XS);
}

.akClub main .infoArea .infoText div > span strong {
	font-weight: 700;
}

.akClub main .infoArea .infoList ul li {
	margin-bottom: 8px;
}

.akClub main .infoArea .infoList ul li span {
	font-weight: 700;
	letter-spacing: -0.5px;
}

.akClub main .infoArea .infoList ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

.akClub main .infoArea .infoList ul li:last-of-type::after,
.akClub main .infoArea .infoList ul li:last-of-type::before {
	display: none;
}

.akClub main .cautionArea {
	padding: 20px 16px !important;
	background: var(--color-grey-07);
}

.akClub main .cautionArea strong {
	display: block;
	margin-bottom: 10px;
	padding-left: 24px;
}

.akClub main .cautionArea strong {
	position: relative;
}

.akClub main .cautionArea strong: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%;
}

.akClub main .cautionArea ul li {
	margin-bottom: 8px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

.akClub main .cautionArea ul li:last-of-type {
	margin-bottom: 0;
}

.akClub#clubBenefits article {
	margin-bottom: 56px;
}

.akClub#clubBenefits article .boxAreaA p {
	margin-bottom: 8px;
	line-height: 1.63;
}

.akClub#clubBenefits article .boxAreaA p:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

.akClub#clubBenefits article .boxAreaA p:last-of-type::after,
.akClub#clubBenefits article .boxAreaA p:last-of-type::before {
	display: none;
}

.akClub#clubBenefits article .boxAreaA ul {
	margin-top: 8px;
}

.akClub#clubBenefits article .boxAreaA ul li {
	margin-bottom: 6px;
	line-height: 1.57;
}

.akClub#clubBenefits article .boxAreaA ul li:last-of-type {
	margin-bottom: 0;
}

.akClub#clubBenefits article .boxAreaA + .btnBox {
	margin-top: 40px;
}

.akClub#clubBenefits article .boxAreaB {
	margin-bottom: 25px;
}

.akClub#clubBenefits article .boxAreaB h4 {
	margin-bottom: 8px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

.akClub#clubBenefits article .boxAreaB h4 ~ span {
	display: block;
	margin-bottom: 23px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

.akClub#clubBenefits article .boxAreaB > ul > li strong {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 0;
	border-top: 1px solid var(--color-primary);
	text-align: center;
	border-bottom: var(--border-table-bottom);
	background: var(--color-grey-06);
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap {
	padding: 25px 16px;
	letter-spacing: -0.16px;
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap p {
	font-size: var(--fontsize-body-XS);
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap ul.listTypeC {
	margin-top: 5px;
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap ul.listTypeB {
	margin-top: 8px;
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap ul.listTypeB li {
	margin-bottom: 3px;
	padding-left: 0;
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap ul.listTypeB li:after {
	display: none;
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap ul.listTypeB li:last-of-type {
	margin-bottom: 0;
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap ul li {
	margin-bottom: 6px;
	line-height: var(--baseline-5x);
	letter-spacing: -0.14px;
	font-size: var(--fontsize-body-XS);
}

.akClub#clubBenefits article .boxAreaB > ul > li .boxWrap ul li:last-of-type {
	margin-bottom: 0;
}

.akClub#clubBenefits article .boxAreaB > ul > li:last-of-type {
	border-bottom: 1px solid var(--color-primary);
}

.akClub#clubBenefits article .boxAreaB:last-of-type {
	margin-bottom: 0;
}

.akClub#clubBenefits article .boxAreaB + .listTypeC {
	margin-top: 16px;
}

.akClub#clubBenefits article .mb24 {
	margin-bottom: 24px;
}

.akClub#clubBenefits article:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

.akClub#clubBenefits article:last-of-type::after,
.akClub#clubBenefits article:last-of-type::before {
	display: none;
}

#notice .searchArea {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	margin-bottom: 32px;
	padding: 0 16px;
	background: var(--color-grey-06);
}

#notice .searchArea .selectArea {
	margin-right: 10px;
}

#notice .searchArea .inputArea {
	position: relative;
	width: 100%;
}

#notice .searchArea .inputArea input {
	width: 100%;
	height: 56px;
	padding: 0 36px 0 6px;
	line-height: var(--baseline-14x);
	font-size: var(--fontsize-body-R);
	border: 0;
	background: none;
}

#notice .searchArea .inputArea a {
	position: absolute !important;
	right: 10px;
	width: 17px;
	height: 18px;
	top: 50%;
	transform: translateY(-50%);
}

#notice .searchArea .inputArea a {
	position: relative;
}

#notice .searchArea .inputArea a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("/static/images/icon/search_g.svg") no-repeat 0 0/100%;
}

#notice .tableArea .totalArea {
	color: var(--color-grey-02);
	line-height: 22px;
	margin-bottom: 10px;
}

@media screen and (max-width: 320px) {
	#storeAirport main .topText p {
		font-size: var(--fontsize-description) /*13px*/;
	}

	#storeAirport main .infoArea .infoList > strong {
		font-size: var(--fontsize-title-L) /*21px*/;
	}

	#storeAirport main .infoArea .infoList .utilList li span br {
		display: block;
	}
}

#keywordWrap {
	margin-bottom: 24px;
}

#keywordWrap ul {
	display: flex;
	flex-wrap: wrap;
}

#keywordWrap ul li {
	position: relative;
	width: 50%;
	border: var(--border-table-bottom);
	margin-top: -1px;
	z-index: 1;
}

#keywordWrap ul li a {
	display: block;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-04);
}

#keywordWrap ul li:nth-of-type(even) {
	width: calc(50% + 1px);
	margin-left: -1px;
}

#keywordWrap ul li.on {
	z-index: 2;
	border-color: var(--color-primary);
}

#keywordWrap ul li.on a {
	font-weight: 700;
	color: var(--color-primary);
}

#faqWrap ul li {
	border-bottom: 1px solid var(--color-grey-05);
}

#faqWrap ul li a {
	display: block;
	padding: 24px 16px 24px 0;
}

#faqWrap ul li a em {
	display: block;
	position: relative;
	padding-left: 44px;
	margin-bottom: 14px;
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#faqWrap ul li a em:after {
	content: "Q";
	position: absolute;
	left: 0;
	top: 50%;
	font-size: var(--fontsize-body-R);
	text-align: center;
	line-height: var(--baseline-8x);
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: var(--color-white);
	background: var(--color-blue-01);
}

#faqWrap ul li a strong {
	display: block;
	font-size: var(--fontsize-body-XS) /*15px*/;
}

#faqWrap ul li a {
	position: relative;
}

#faqWrap ul li a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
	height: 6px;
	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='%23aaa' stroke-linecap='square' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#faqWrap ul li .faqBox .faqBoxWrap {
	position: relative;
	padding: 58px 16px 41px;
	background: var(--color-grey-07);
}

#faqWrap ul li .faqBox .faqBoxWrap p {
	font-size: var(--fontsize-description) /*13px*/;
	line-height: var(--baseline-5x);
}

#faqWrap ul li .faqBox .faqBoxWrap:after {
	content: "A";
	position: absolute;
	left: 16px;
	top: 16px;
	font-size: var(--fontsize-body-R);
	text-align: center;
	line-height: var(--baseline-8x);
	width: 32px;
	height: 32px;
	border-radius: 50%;
	color: var(--color-white);
	background: var(--color-grey-03);
}

#faqWrap ul li.on a:after {
	transform: rotate(180deg) translateY(0);
}

#customerInquiry #inquiryForm .formTypeA .liId input {
	background: var(--color-grey-05);
}

#customerInquiry #inquiryForm .formTypeA .liPgeTitle {
	margin-top: 32px;
}

#customerInquiry #inquiryForm .formTypeA .phone > div {
	display: flex;
	align-items: center;
}

#customerInquiry #inquiryForm .formTypeA .phone > div i {
	display: block;
	margin: 0 5px;
}

#customerInquiry #inquiryForm {
	margin-bottom: 56px;
}

#customerInquiry .agreeWrap .checkArea {
	position: relative;
}

#customerInquiry .agreeWrap .checkArea label em {
	font-weight: 400;
	color: var(--color-blue-02);
}

#customerInquiry .agreeWrap .checkArea #dropDown {
	position: absolute !important;
	right: 0;
	top: 0;
	font-size: var(--fontsize-description);
	color: var(--color-grey-02);
	line-height: var(--baseline-4x);
}

#customerInquiry .agreeWrap .checkArea #dropDown {
	position: relative;
}

#customerInquiry .agreeWrap .checkArea #dropDown:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #666;
}

#customerInquiry .agreeWrap .checkList {
	display: none;
}

#customerInquiry .nextStep {
	display: flex;
	margin-top: 44px;
}

#customerInquiry .nextStep a {
	margin-right: 20px;
}

#customerInquiry .nextStep a:last-of-type {
	margin-right: 0;
}

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

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

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

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

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

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

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

#completePop .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%);
}

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

#vipStandard main h3 {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	margin-bottom: 16px;
}

#vipStandard main h4 {
	/*    margin-bottom: 20px;*/
	/*    font-size: var(--fontsize-title-L);*/
	color: var(--color-primary);
	font-weight: 700;
	/*테이블로변경*/
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	line-height: var(--baseline-6x);
	text-align: center;
	background: var(--color-grey-07);
	border-top: 1px solid var(--color-primary);
}

#vipStandard main .caution {
	margin-top: 12px;
	color: var(--color-grey-02);
	font-size: var(--fontsize-description) !important;
	line-height: var(--baseline-4x) !important;
}

/*#vipStandard main .checkArea {
	margin-bottom: 60px;
}

#vipStandard main .checkArea .meaning {
	position: relative;
	padding: 200px 4% 40px;
	text-align: center;
	background: var(--color-grey-07);
}

#vipStandard main .checkArea .meaning strong {
	display: block;
	margin-bottom: 10px;
	font-size: var(--fontsize-heading-L);
	line-height: var(--baseline-9x);
}

#vipStandard main .checkArea .meaning p {
	margin-bottom: 2px;
}

#vipStandard main .checkArea .meaning span {
	display: block;
	color: var(--color-grey-02); 
	font-size: var(--fontsize-body-XS); 
}

#vipStandard main .checkArea .meaning {
	position: relative;
}

#vipStandard main .checkArea .meaning:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 26px;
	left: 50%;
	transform: translateX(-50%);
	width: 98px;
	height: 138px;
	background: url("/static/images/icon/aclass/aclass_logo.svg") no-repeat 0 0/100%;
}

#vipStandard main .checkArea .btnArea {
	margin-top: 32px;
}*/

#vipStandard main .standardArea {
	margin-bottom: 60px;
}

/*#vipStandard main .standardArea article {
	margin-bottom: 50px;
	margin-top: 16px;
}*/

#vipStandard main .standardArea article p {
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	/*    color: var(--color-grey-02);*/
	padding: 24px 16px 40px;
}

#vipStandard main .standardArea article ul.listTypeA {
	padding: 24px 16px 40px;
}

#vipStandard main .standardArea article ul.listTypeA li {
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
}


#vipStandard main .standardArea article ul.customerGroup {
	margin-top: 21px;
	border-top: var(--border-table-bottom);
	border-bottom: var(--border-table-bottom);
	background: var(--color-grey-07);
}

#vipStandard main .standardArea article ul.customerGroup li {
	padding: 24px 0 24px 100px;
	border-bottom: var(--border-primary);
}

#vipStandard main .standardArea article ul.customerGroup li strong {
	font-weight: 700;
}

#vipStandard main .standardArea article ul.customerGroup li p {
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#vipStandard main .standardArea article ul.customerGroup li.eDia {
	background: url(/static/images/customer/group1.png) no-repeat 6% 50%;
	background-size: 60px;
}

#vipStandard main .standardArea article ul.customerGroup li.dia {
	background: url(/static/images/customer/group2.png) no-repeat 6% 50%;
	background-size: 60px;
}

#vipStandard main .standardArea article ul.customerGroup li.plaPlus {
	background: url(/static/images/customer/group3.png) no-repeat 6% 50%;
	background-size: 60px;
}

#vipStandard main .standardArea article ul.customerGroup li.pla {
	background: url(/static/images/customer/group4.png) no-repeat 6% 50%;
	background-size: 60px;
}

#vipStandard main .standardArea article ul.customerGroup li.cry {
	background: url(/static/images/customer/group5.png) no-repeat 6% 50%;
	background-size: 60px;
}

#vipStandard main .standardArea article ul.customerGroup li.gold {
	background: url(/static/images/customer/group6.png) no-repeat 6% 50%;
	background-size: 60px;
}

#vipStandard main .standardArea article ul.customerGroup li.sliver {
	background: url(/static/images/customer/group7.png) no-repeat 6% 50%;
	background-size: 60px;
}

#vipStandard main .standardArea article ul.customerGroup li:last-of-type {
	border: none;
}

#vipStandard main .standardArea article:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: var(--border-table-bottom);
}

#vipStandard main .standardArea article:first-of-type {
	margin-bottom: 60px;
}

#vipStandard main .standardArea article:first-of-type p {
	padding: 0;
}

#vipStandard main .standardArea article:last-of-type::after,
#vipStandard main .standardArea article:last-of-type::before {
	display: none;
}

#vipStandard main .standardArea article .listTypeB li {
	padding-left: 0;
}

#vipStandard main .standardArea article .listTypeB li:after {
	display: none;
}

#vipStandard main .standardArea article ol.listTypeB {
	margin-top: 4px;
}

#vipStandard main .cautionArea {
	padding: 24px 16px;
	background: var(--color-grey-07);
}

#vipStandard main .cautionArea strong {
	display: block;
	padding-left: 24px;
	margin-bottom: 10px;
	font-weight: 700;
}

#vipStandard main .cautionArea strong {
	position: relative;
}

#vipStandard main .cautionArea strong:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background: url("/static/images/icon/caution.svg") no-repeat 0 0/100%;
}

#vipStandard main .cautionArea p {
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

@media screen and (max-width: 320px) {
	#vipStandard main .standardArea article ul.customerGroup li p {
		font-size: var(--fontsize-body-XS) /*15px*/;
	}
}

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

#vipBenefits main .selectArea {
	display: flex;
	align-items: center;
	margin-bottom: 60px;
}

#vipBenefits main .selectArea strong {
	display: block;
	margin-right: 32px;
	flex: none;
}

#vipBenefits main .selectArea select {
	width: 100%;
	height: 56px;
	line-height: var(--baseline-14x);
	padding-left: 16px;
	padding-right: 30px;
	background: var(--color-grey-07) 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%/11px auto;
}

#vipBenefits main .contWrap article {
	display: none;
}

#vipBenefits main .contWrap article .topArea {
	margin-bottom: 60px;
}

#vipBenefits main .contWrap article .topArea .clasImg {
	margin-bottom: 32px;
	text-align: center;
}

#vipBenefits main .contWrap article .topArea .clasImg img {
	height: 112px;
}

#vipBenefits main .contWrap article .topArea > p {
	margin-bottom: 32px;
	font-size: var(--fontsize-title-L);
	text-align: center;
}

#vipBenefits main .contWrap article .topArea > p strong {
	font-weight: 700;
}

#vipBenefits main .contWrap article .topArea > ul li {
	padding-left: 20px;
	/*    line-height: var(--baseline-6x);*/
	/*    margin-bottom: 8px;*/
}

#vipBenefits main .contWrap article .topArea > ul li strong {
	/*	background: linear-gradient(to top, var(--color-white)A9E 55%, transparent 50%);*/
}

#vipBenefits main .contWrap article .topArea > ul li {
	position: relative;
}

#vipBenefits main .contWrap article .topArea > ul li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 13px;
	height: 11px;
	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='%231A1818' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat 0/13px auto;
}

#vipBenefits main .contWrap article .topArea > ul li:last-child {
	margin-bottom: 0;
}

#vipBenefits main .contWrap article ul {
	display: flex;
	row-gap: 16px;
	flex-direction: column;
}

#vipBenefits main .contWrap article > ul {
	border-bottom: 1px solid var(--color-primary);
	row-gap: 0;
}

#vipBenefits main .contWrap article > ul > li {
	border-top: 1px solid var(--color-primary);
}

#vipBenefits main .contWrap article > ul > li > strong {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 48px;
	line-height: var(--baseline-6x);
	text-align: center;
	background: var(--color-grey-07);
	font-weight: 700;
}

#vipBenefits main .contWrap article > ul > li > div {
	padding: 24px 16px 40px;
	font-size: var(--fontsize-body-XS);
	/*span{font-size: var(--fontsize-body-XS); color: var(--color-grey-02);}*/
}

#vipBenefits main .contWrap article > ul > li > div > ul > li {
	/*	margin-bottom: 16px;*/
	line-height: var(--baseline-5x);
	font-size: var(--fontsize-body-XS);
}

#vipBenefits main .contWrap article > ul > li > div > ul > li:last-of-type {
	margin-bottom: 0;
}

#vipBenefits main .contWrap article > ul > li > div > ul > li > ul {
	margin-top: 8px;
}

#vipBenefits main .contWrap article > ul > li > div > ul > li > ul > li {
	margin-bottom: 6px;
	line-height: var(--baseline-5x);
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#vipBenefits main .contWrap article > ul > li > div > ul > li > ul > li:last-of-type {
	margin-bottom: 0;
}

#vipBenefits main .contWrap article > ul > li > div .cautionTxt {
	/*	margin-top: 9px;*/
	color: var(--color-grey-02);
	font-size: var(--fontsize-body-XS);
}

#vipBenefits main .contWrap article .caution {
	padding: 24px 16px;
	margin-top: 40px;
	background: var(--color-grey-07);
}

#vipBenefits main .contWrap article .caution ul li {
	margin-bottom: 6px;
	padding-left: 0;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#vipBenefits main .contWrap article .caution ul li:last-of-type {
	margin-bottom: 0;
}

#vipBenefits main .contWrap article .caution ul li:after {
	display: none;
}

#vipBenefits main .contWrap article:nth-of-type(1) {
	display: block;
}

/*전용서비스*/
#vipService #content {
	padding-bottom: 40px;
}

#vipService .subTitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0 32px;
}

#vipService .subTitle h3 {
	font-size: var(--fontsize-heading-M);
}

#vipService .subTitle a {
	padding-left: 26px;
	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='NotoSans-Bold, Noto Sans' 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 center/18px;
}

#vipService .addCarBtnBox > a {
	position: relative;
	padding-left: 22px;
	margin-bottom: 16px;
}

#vipService .addCarBtnBox > a {
	position: relative;
}

#vipService .addCarBtnBox > a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -5px 0 0 -84px;
	width: 1px;
	height: 13px;
	background: var(--color-white);
}

#vipService .addCarBtnBox > a {
	position: relative;
}

#vipService .addCarBtnBox > a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 1px 0 0 -90px;
	width: 13px;
	height: 1px;
	background: var(--color-white);
}

#vipService .carList {
	margin-bottom: 24px;
}

#vipService .carList > strong {
	display: block;
	margin-bottom: 16px;
	line-height: var(--baseline-6x);
}

#vipService .carList > a {
	padding-left: 22px;
	margin-bottom: 16px;
}

#vipService .carList > a {
	position: relative;
}

#vipService .carList > a:before {
	content: "";
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin: -5px 0 0 -84px;
	width: 1px;
	height: 13px;
	background: var(--color-white);
}

#vipService .carList > a {
	position: relative;
}

#vipService .carList > a:after {
	content: "";
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin: 1px 0 0 -90px;
	width: 13px;
	height: 1px;
	background: var(--color-white);
}

#vipService .carList > a:last-child {
	margin-bottom: 0;
}

#vipService .carList:last-of-type {
	margin-bottom: 0;
}

#vipService .carList > .myCarBox {
	margin-bottom: 16px;
}

#vipService .carList > .myCarBox:last-child {
	margin-bottom: 0;
}

#vipService .myCarBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
	margin-bottom: 16px;
	padding: 0 20px 0 78px;
	border: var(--border-table-bottom);
	background: url("/static/images/icon/parking.svg") no-repeat 24px 23px/40px 32px;
}

#vipService .myCarBox strong {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#vipService .myCarBox a {
	padding-left: 17px;
	background: url("/static/images/icon/delete.svg") no-repeat 0 50%/11px 14px;
	font-size: var(--fontsize-body-XS);
	outline: 0;
	border: none;
}

#vipService .infoText {
	position: relative;
	padding-left: 24px;
	margin-top: 16px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: 1.43;
}

#vipService .infoText {
	position: relative;
}

#vipService .infoText:after {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	background: url("/static/images/icon/info_g.svg") no-repeat 0 0/100%;
}

#vipService .addCarBox .selectBox {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	z-index: 1;
}

#vipService .addCarBox .selectBox select {
	color: var(--color-grey-02);
}

#vipService .addCarBox .infoText {
	margin: 9px 0 16px;
}

#vipService .addCarBox .carNumberBox {
	display: flex;
	margin-bottom: 40px;
}

#vipService .addCarBox .carNumberBox input {
	height: 48px;
	padding: 0 15px;
	line-height: var(--baseline-12x);
	border: var(--border-table-bottom);
	border-left: 0;
}

#vipService .addCarBox .carNumberBox input:first-of-type {
	width: 30%;
	border-left: var(--border-table-bottom);
}

#vipService .addCarBox .carNumberBox input:nth-of-type(2) {
	width: 30%;
}

#vipService .addCarBox .carNumberBox input:last-of-type {
	width: 40%;
}

#vipService .cautionArea {
	padding: 24px 20px;
	background: var(--color-grey-07);
}

#vipService .cautionArea ul li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 9px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#vipService .cautionArea ul li {
	position: relative;
}

#vipService .cautionArea ul li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 3px;
	height: 3px;
	background: var(--color-grey-02);
	border-radius: 50%;
}

#vipService .agreeWrap {
	margin: 40px 0 32px;
}

#vipService .agreeWrap .checkArea {
	position: relative;
}

#vipService .agreeWrap .checkArea label em {
	font-weight: 400;
	color: var(--color-blue-02);
}

#vipService .agreeWrap .checkArea #dropDown {
	position: absolute !important;
	right: 0;
	top: 0;
	font-size: var(--fontsize-description);
	color: var(--color-grey-02);
	line-height: var(--baseline-4x);
}

#vipService .agreeWrap .checkArea #dropDown {
	position: relative;
}

#vipService .agreeWrap .checkArea #dropDown:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #666;
}

#vipService .agreeWrap .checkList {
	display: none;
}

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

#carAgreePop .agreePopWrap {
	padding: 28px 24px 40px;
}

#carAgreePop .agreePopWrap h2 {
	margin-bottom: 35px;
	padding-right: 35px;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
	letter-spacing: -0.04em;
}

#carAgreePop .agreePopWrap .scrollArea > p {
	margin-bottom: 24px;
	font-size: var(--fontsize-body-XS);
}

#carAgreePop .agreePopWrap .scrollArea .agreeBox {
	padding: 24px;
	font-size: var(--fontsize-body-XS);
	background: var(--color-grey-07);
}

#carAgreePop .agreePopWrap .scrollArea .btnArea {
	margin-top: 36px;
}

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

#carAgreePop .agreePopWrap .btnPopClose {
	position: relative;
}

#carAgreePop .agreePopWrap .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%);
}

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

#stateNamePop .stateNamePopWrap {
	padding: 24px;
}

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

#stateNamePop .stateNamePopWrap article > strong {
	display: block;
	margin: 24px 0 22px;
	font-size: var(--fontsize-body-RB);
	font-weight: 700;
}

#stateNamePop .stateNamePopWrap article ul {
	display: flex;
	align-items: center;
}

#stateNamePop .stateNamePopWrap article ul li {
	text-align: center;
}

#stateNamePop .stateNamePopWrap article ul li:first-of-type {
	width: 41%;
	max-width: 113px;
	padding-right: 4%;
}

#stateNamePop .stateNamePopWrap article ul li:nth-of-type(2) {
	position: relative;
	padding-right: 12px;
	margin-right: 12px;
}

#stateNamePop .stateNamePopWrap article ul li:nth-of-type(2) {
	position: relative;
}

#stateNamePop .stateNamePopWrap article ul li:nth-of-type(2):before {
	content: "";
	position: absolute;
	right: -1px;
	top: 50%;
	margin: -5px 0 0 0;
	width: 2px;
	height: 12px;
	background: var(--color-grey-02);
}

#stateNamePop .stateNamePopWrap article ul li:nth-of-type(2) {
	position: relative;
}

#stateNamePop .stateNamePopWrap article ul li:nth-of-type(2):after {
	content: "";
	position: absolute;
	right: -6px;
	top: 50%;
	width: 12px;
	height: 2px;
	background: var(--color-grey-02);
}

#stateNamePop .stateNamePopWrap article ul li strong {
	font-size: var(--fontsize-body-XS);
}

#stateNamePop .stateNamePopWrap article ul li p {
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#stateNamePop .stateNamePopWrap .btnArea {
	margin-top: 56px;
}

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

#stateNamePop .stateNamePopWrap .btnPopClose {
	position: relative;
}

#stateNamePop .stateNamePopWrap .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%);
}

@media screen and (max-width: 360px) {
	#stateNamePop .stateNamePopWrap article ul li strong {
		font-size: var(--fontsize-description);
	}

	#stateNamePop .stateNamePopWrap article ul li p {
		font-size: var(--fontsize-description);
	}
}

@media screen and (max-width: 360px) {
	#stateNamePop .stateNamePopWrap article ul li strong {
		font-size: 10px;
	}

	#stateNamePop .stateNamePopWrap article ul li p {
		font-size: 10px;
	}
}

/***** ESG경영 *****/
#ethics #ethicsArea {
	position: relative;
	margin: 80px 0 0;
}

#ethics #ethicsArea .ethicsTitle {
	margin-bottom: 40px;
}

#ethics #ethicsArea .ethicsTitle strong {
	display: block;
	margin-bottom: 8px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: 38px;
}

#ethics #ethicsArea .ethicsTitle em {
	font-size: var(--fontsize-body-R);
	line-height: 26px;
}

#ethics #ethicsArea .scroll {
	display: block;
	width: 100%;
	height: 128px;
	background: url(/static/images/esg/ethicsImg3.png) no-repeat 0 0;
	background-size: 100%;
}

#ethics #ethicsList {
	position: relative;
	padding-top: 143px;
}

#ethics #ethicsList .esgList {
	position: relative;
	width: 309px;
	height: 1184px;
	margin: 0 auto;
	background: url(/static/images/esg/arrowBg.png) no-repeat 50% 0;
	background-size: 100%;
}

#ethics #ethicsList .esgList ul {
	position: relative;
	top: -63px;
}

#ethics #ethicsList .esgList ul li {
	height: 306px;
	margin-bottom: 80px;
	padding-top: 166px;
	text-align: center;
}

#ethics #ethicsList .esgList ul li strong {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#ethics #ethicsList .esgList ul li span {
	display: block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

#ethics #ethicsList .esgList ul li p {
	margin-top: 16px;
}

#ethics #ethicsList .esgList ul li:first-child {
	background: url(/static/images/esg/esg_icon_1.jpg) no-repeat center 0;
	background-size: 130px 130px;
}

#ethics #ethicsList .esgList ul li:nth-child(2) {
	background: url(/static/images/esg/esg_icon_2.jpg) no-repeat center 0;
	background-size: 130px 130px;
}

#ethics #ethicsList .esgList ul li:last-child {
	margin-bottom: 0;
	background: url(/static/images/esg/esg_icon_3.jpg) no-repeat center 0;
	background-size: 130px 130px;
}

#ethics #ethicsList .esgText {
	display: block;
	margin: 80px 0 100px;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	letter-spacing: -0.34px;
}

#ethics #ethicsList .loveRespect {
	position: relative;
	width: 310px;
	height: 946px;
	margin: 100px auto 163px;
	border: 2px solid var(--color-grey-02);
	border-radius: 30px;
}

#ethics #ethicsList .loveRespect ul li {
	height: 263px;
	margin-top: 60px;
	margin-bottom: 80px;
	text-align: center;
}

#ethics #ethicsList .loveRespect ul li:first-child {
	background: url(/static/images/esg/love_icon_1.jpg) no-repeat center bottom;
	background-size: 130px 130px;
}

#ethics #ethicsList .loveRespect ul li:nth-child(2) {
	background: url(/static/images/esg/love_icon_2.jpg) no-repeat center bottom;
	background-size: 130px 130px;
}

#ethics #ethicsList .loveRespect ul li:last-child {
	background: url(/static/images/esg/love_icon_3.jpg) no-repeat center bottom;
	background-size: 130px 130px;
}

#ethics #ethicsList .loveRespect ul li strong {
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	letter-spacing: -0.24px;
}

#ethics #ethicsList .loveRespect ul li p {
	margin: 16px 0 0;
	line-height: 1.63;
}

#ethics .tabArea {
	margin: 40px 0 0;
}

#ethics .tabArea .tabTitle {
	display: flex;
	padding-bottom: 44px;
	justify-content: center;
	border-bottom: 0;
}

#ethics .tabArea .tabTitle li {
	margin: 0 8px;
	letter-spacing: -0.02em;
}

#ethics .tabArea .tabTitle li.on {
	font-weight: 700;
	color: var(--color-blue-01);
}

#ethics .tabArea .tabTitle li.on {
	position: relative;
}

#ethics .tabArea .tabTitle li.on:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 2px;
	width: 100%;
	background: var(--color-blue-01);
}

#ethics .tabArea .tabContent > div {
	display: none;
}

#ethics .tabArea .tabContent > div.on {
	display: block;
}

#ethics .tabArea .tabContent > div.tabContent1 strong {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	line-height: 1.6;
}

#ethics .tabArea .tabContent > div.tabContent1 p {
	margin-top: 20px;
	line-height: 26px;
}

#ethics .tabArea .tabContent > div.tabContent1 .ethicsList {
	margin-top: 36px;
	padding-top: 36px;
	border-top: var(--border-table-bottom);
}

#ethics .tabArea .tabContent > div.tabContent1 .ethicsList ul li {
	display: flex;
	margin-bottom: 16px;
}

#ethics .tabArea .tabContent > div.tabContent1 .ethicsList ul li span {
	line-height: 26px;
}

#ethics .tabArea .tabContent > div.tabContent1 .ethicsList ul li b {
	margin-right: 7px;
}

#ethics .tabArea .tabContent > div .titleSelectBox {
	margin: 0 0 56px;
}

#ethics .tabArea .tabContent > div .titleSelectBox .writeSelect {
	border: none;
	background-color: var(--color-grey-07);
}

#ethics .tabArea .tabContent .subTabArea > ul {
	overflow: hidden;
}

#ethics .tabArea .tabContent .subTabArea > ul li {
	position: relative;
	float: left;
	width: 256px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	border-bottom: var(--border-table-bottom);
	color: var(--color-grey-02);
	cursor: pointer;
}

#ethics .tabArea .tabContent .subTabArea > ul li.on {
	color: var(--color-primary);
	font-weight: 700;
}

#ethics .tabArea .tabContent .subTabArea > ul li:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	width: 1px;
	height: 15px;
	top: 50%;
	margin-top: -7px;
	background: var(--color-grey-04);
}

#ethics .tabArea .tabContent .subTabArea > ul li:first-child:after {
	display: none;
}

#ethics .tabArea .tabContent .subTabArea .subTabContent > div {
	display: none;
}

#ethics .tabArea .tabContent .subTabArea .subTabContent > div.on {
	display: block;
}

#ethics .tabArea .tabContent .subTabArea .subTabContent > div > ul > li {
	margin-top: 40px;
}

#ethics .tabArea .tabContent .subTabArea .subTabContent > div > ul > li strong {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#ethics .tabArea .tabContent .subTabArea .subTabContent > div > ul > li > ul {
	margin-top: 20px;
}

#ethics .tabArea .tabContent .subTabArea .subTabContent > div > ul > li > ul > li {
	position: relative;
	margin-bottom: 14px;
	font-size: var(--fontsize-body-R);
	line-height: 1.6;
}

#ethics .tabArea .tabContent h3 {
	margin: 40px 0 0;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#ethics .tabArea .tabContent #inquiryForm {
	padding: 0 0 56px;
	margin-bottom: 0;
	border-top: 0;
	text-align: center;
}

#ethics .tabArea .tabContent #inquiryForm > ul {
	padding-bottom: 0;
	border-bottom: 0;
}

#ethics .tabArea .tabContent #inquiryForm > ul li {
	margin-bottom: 32px;
	font-weight: 700;
}

#ethics .tabArea .tabContent #inquiryForm > ul li strong {
	display: block;
	margin-bottom: 16px;
	text-align: left;
	color: var(--color-grey-02);
}

#ethics .tabArea .tabContent #inquiryForm > ul li input[type=text] {
	height: 48px;
	width: 100%;
	padding: 0 16px;
	line-height: var(--baseline-12x);
	border: var(--border-table-bottom);
}

#ethics .tabArea .tabContent #inquiryForm > ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#ethics .tabArea .tabContent #inquiryForm > ul li:last-of-type::after,
#ethics .tabArea .tabContent #inquiryForm > ul li:last-of-type::before {
	display: none;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.radioArea label {
	margin-right: 24px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.address input[type=text] {
	margin-bottom: 16px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.address .addressHead {
	display: flex;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.address .addressHead input {
	width: calc(100% - 120px);
	margin-right: 24px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.phone div {
	border: var(--border-table-bottom);
}

#ethics .tabArea .tabContent #inquiryForm > ul li.phone div:after {
	content: "";
	display: block;
	clear: both;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.phone div .writeSelect {
	border: none;
	float: left;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.phone div input {
	width: 70%;
	border: none;
	line-height: var(--baseline-12x);
	float: left;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.emailForm > div {
	display: flex;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.emailForm > div .fixed {
	display: flex;
	flex: 1;
}

#ethics .tabArea .tabContent #inquiryForm > ul 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;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.emailForm > div div {
	flex: 1;
	position: relative;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.emailForm > div div .insertTypeA {
	position: relative;
	z-index: 2;
	background: var(--color-white);
}

#ethics .tabArea .tabContent #inquiryForm > ul li.emailForm > div div .insertTypeB {
	position: absolute;
	left: 0;
	top: 1px;
	width: calc(100% - 40px);
	z-index: 1;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.emailForm > div div .insertTypeB input {
	border: 0;
	height: 46px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.emailForm > div div .insertTypeB.on {
	z-index: 3;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.textContent {
	margin-bottom: 16px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.textContent > div {
	padding: 16px 16px 47px;
	border: var(--border-table-bottom);
}

#ethics .tabArea .tabContent #inquiryForm > ul li.textContent > div textarea {
	width: 100%;
	height: 208px;
	border: 0;
	line-height: 26px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.textContent > div .countChar {
	position: absolute;
	right: 16px;
	bottom: 16px;
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .uploadList li {
	display: flex;
	position: relative;
	margin-bottom: 16px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .uploadList li input.uploadName {
	width: calc(100% - 106px);
	padding-left: 20px;
	padding-right: 41px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .uploadList li label {
	width: 90px;
	margin-left: 16px;
	height: 48px;
	line-height: 46px;
	text-align: center;
	color: var(--color-blue-01);
	border: 1px solid var(--color-blue-01);
	font-weight: 500;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .uploadList li input[type=file] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .uploadList li .removeEle {
	position: absolute;
	right: 120px;
	top: 15px;
	width: 18px;
	height: 18px;
	background: url("/static/images/icon/delete_x.svg") no-repeat 0 0/18px;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .uploadList li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .uploadList li:last-of-type::after,
#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .uploadList li:last-of-type::before {
	display: none;
}

#ethics .tabArea .tabContent #inquiryForm > ul li.attachFile .caution {
	margin-top: 8px;
	color: var(--color-grey-02);
	line-height: 22px;
	font-size: var(--fontsize-body-XS);
}

#ethics .tabArea .tabContent .cautionArea {
	margin-top: 32px;
	padding: 24px 16px;
	background: var(--color-grey-07);
	text-align: left;
}

#ethics .tabArea .tabContent .cautionArea > strong {
	display: block;
	margin-bottom: 16px;
	font-size: var(--fontsize-body-XS);
	padding-left: 24px;
	background: url("/static/images/icon/info_g.svg") no-repeat 0 50%/18px;
}

#ethics .tabArea .tabContent .cautionArea ul li {
	margin-bottom: 8px;
	padding-left: 0;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#ethics .tabArea .tabContent .cautionArea ul li:last-of-type {
	margin-bottom: 0;
}

#ethics .tabArea .tabContent .cautionArea ul li:after {
	display: none;
}

#ethics .tabArea .tabContent .agreeArea {
	margin-bottom: 40px;
}

#ethics .tabArea .tabContent .agreeArea .checkList li strong,
#ethics .tabArea .tabContent .agreeArea .checkList li p {
	font-size: var(--fontsize-body-XS) /*15px*/;
}

#ethics .tabArea .tabContent .agreeWrap h3 {
	font-weight: 700;
}

@media screen and (max-width: 320px) {
	#ethics #ethicsList .esgList {
		width: 93%;
	}

	#ethics #ethicsList .esgText {
		font-size: var(--fontsize-display-M);
	}

	#ethics #ethicsList .loveRespect {
		width: 93%;
	}

	#ethics .tabArea .tabContent #inquiryForm > ul li strong {
		width: 18%;
		font-size: var(--fontsize-body-XS) /*15px*/;
	}

	#ethics .tabArea .tabContent #inquiryForm > ul li input {
		width: 80%;
		font-size: var(--fontsize-body-XS) /*15px*/;
	}

	input.chkTypeA + label {
		font-size: var(--fontsize-description) /*13px*/;
	}
}

#esgSocial main {
	overflow: hidden;
	padding-top: 40px;
}

#esgSocial main h3 {
	margin-bottom: 72px;
	line-height: var(--baseline-9x);
	font-size: var(--fontsize-heading-M);
}

#esgSocial main h3 strong {
	font-weight: 700;
	background: linear-gradient(to top, var(--color-white)A9E 40%, transparent 50%);
}

#esgSocial main article {
	margin-bottom: 104px;
}

#esgSocial main article ol li {
	margin-bottom: 67px;
}

#esgSocial main article ol li .imgArea {
	margin-bottom: 20px;
	text-align: center;
}

#esgSocial main article ol li .textArea {
	padding-left: 43px;
}

#esgSocial main article ol li .textArea strong {
	display: block;
	margin-bottom: 4px;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-7x);
}

#esgSocial main article ol li .textArea span {
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-5x);
	color: var(--color-grey-02);
}

#esgSocial main article ol li .textArea {
	position: relative;
}

#esgSocial main article ol li .textArea:after {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	line-height: var(--baseline-8x);
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	color: var(--color-grey-03);
	opacity: 0.8;
}

#esgSocial main article ol li:nth-of-type(1) .textArea::after {
	content: "01";
}

#esgSocial main article ol li:nth-of-type(2) .textArea::after {
	content: "02";
}

#esgSocial main article ol li:nth-of-type(3) .textArea::after {
	content: "03";
}

#esgSocial main article ol li:last-of-type {
	margin-bottom: 0;
}

#esgSocial main article ol li:nth-of-type(1) {
	position: relative;
}

#esgSocial main article ol li:nth-of-type(1):after {
	content: "";
	position: absolute;
	left: -14px;
	top: -24px;
	width: 60vw;
	height: 25vw;
	background: var(--color-blue-01);
	z-index: -1;
}

#esgSocial main article ol li:nth-of-type(2) {
	position: relative;
}

#esgSocial main article ol li:nth-of-type(2):after {
	content: "";
	position: absolute;
	right: -111px;
	top: -38px;
	width: 54vw;
	height: 54vw;
	border-radius: 50%;
	background: var(--color-blue-01);
	opacity: 0.11;
	z-index: -1;
}

#esgSocial main article ol li:nth-of-type(3) .imgArea {
	position: relative;
}

#esgSocial main article ol li:nth-of-type(3) .imgArea:after {
	content: "";
	position: absolute;
	right: -14px;
	bottom: -15px;
	width: 25vw;
	height: 52vw;
	background: url(/static/images/esg/ico_esgSocial.png) no-repeat 0/100%;
	z-index: -1;
}

#esgSocial main article:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#esgSocial main article:last-of-type::after,
#esgSocial main article:last-of-type::before {
	display: none;
}

@media screen and (min-width: 780px) {
	#esgSocial main article ol li:nth-of-type(1):after {
		width: 468px;
		height: 195px;
	}

	#esgSocial main article ol li:nth-of-type(2):after {
		width: 421px;
		height: 421px;
	}

	#esgSocial main article ol li:nth-of-type(3) .imgArea:after {
		width: 195px;
		height: 405px;
	}
}

#esgReturnToGreen .tabTypeB {
	margin-top: 40px;
}

#esgReturnToGreen #campaignArea {
	position: relative;
	margin: 40px auto 93px;
}

#esgReturnToGreen #campaignArea img {
	width: 100%;
}

#esgReturnToGreen #campaignArea .campText {
	position: relative;
	top: -20px;
	left: 16px;
}

#esgReturnToGreen #campaignArea .campText strong {
	font-size: var(--fontsize-display-L);
	font-weight: 700;
	line-height: 38px;
}

#esgReturnToGreen #campaignArea .campText em {
	display: block;
	font-size: var(--fontsize-body-R);
	line-height: 1.6;
	padding-top: 26px;
	letter-spacing: -0.16px;
}

#esgReturnToGreen #campaignList {
	margin: 0 auto;
}

#esgReturnToGreen #campaignList h3 {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

#esgReturnToGreen #campaignList ul:after {
	content: "";
	display: block;
	clear: both;
}

#esgReturnToGreen #campaignList ul li {
	margin-top: 40px;
}

#esgReturnToGreen #campaignList ul li .listWrap {
	position: relative;
}

#esgReturnToGreen #campaignList ul li .listWrap .listNum {
	position: absolute;
	bottom: 81%;
	font-size: var(--fontsize-title-XL);
	color: var(--color-grey-04);
}

#esgReturnToGreen #campaignList ul li .listWrap img {
	width: 100%;
}

#esgReturnToGreen #campaignList ul li .listText {
	margin-top: 20px;
}

#esgReturnToGreen #campaignList ul li .listText strong {
	font-size: var(--fontsize-title-M);
	color: #52ae32;
	font-weight: 700;
}

#esgReturnToGreen #campaignList ul li .listText p {
	margin-top: 7px;
	font-size: var(--fontsize-body-R);
	line-height: var(--baseline-6x);
	letter-spacing: -0.16px;
}

#esgReturnToGreen #campaignText {
	position: relative;
	margin: 60px auto 0;
	padding-top: 208px;
}

#esgReturnToGreen #campaignText:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 100px;
	background: var(--color-grey-04);
}

#esgReturnToGreen #campaignText:after {
	content: "";
	display: block;
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -17px;
	width: 34px;
	height: 27px;
	background: url("/static/images/esg/img_06.png") no-repeat 0 0;
	background-size: 100%;
}

#esgReturnToGreen #campaignText p {
	font-size: var(--fontsize-body-R);
	line-height: 26px;
	letter-spacing: 0.16px;
}

#esgReturnToGreen #campaignText strong {
	display: block;
	margin-top: 20px;
	color: #52ae32;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	line-height: var(--baseline-8x);
	letter-spacing: 0.2px;
}

#esgHistory .tabTypeB {
	margin-top: 40px;
}

#esgHistory #historyList {
	position: relative;
	margin: 40px 0 0;
	padding-left: 20px;
}

#esgHistory #historyList:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #bbb;
}

#esgHistory #historyList h3 {
	margin-bottom: 45px;
	font-size: var(--fontsize-title-XL);
	font-weight: 700;
	line-height: 1.36;
	letter-spacing: -0.22px;
}

#esgHistory #historyList > ol li {
	margin-bottom: 60px;
}

#esgHistory #historyList > ol li .photoBox {
	position: relative;
}

#esgHistory #historyList > ol li .photoBox img {
	position: relative;
	width: 100%;
	z-index: 2;
}

#esgHistory #historyList > ol li:first-child .photoBox:after {
	content: "2020";
	display: block;
	position: absolute;
	right: 0;
	bottom: -121px;
	width: 183px;
	height: 109px;
	font-size: 80px;
	font-weight: 700;
	color: var(--color-grey-06);
	z-index: 1;
}

#esgHistory #historyList > ol li:nth-child(2) .photoBox:after {
	content: "2019";
	display: block;
	position: absolute;
	left: 0;
	bottom: -108px;
	width: 183px;
	height: 109px;
	font-size: 80px;
	font-weight: 700;
	color: var(--color-grey-06);
	z-index: 1;
}

#esgHistory #historyList > ol li:last-child .photoBox:after {
	content: "SINCE";
	display: block;
	position: absolute;
	right: 0;
	bottom: -121px;
	width: 236px;
	height: 109px;
	font-size: 80px;
	font-weight: 700;
	color: var(--color-grey-06);
	z-index: 1;
}

#esgHistory #historyList > ol li .tellBox {
	margin-top: 69px;
}

#esgHistory #historyList > ol li .tellBox strong {
	position: relative;
	display: block;
	margin-bottom: 19px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	color: #52ae32;
}

#esgHistory #historyList > ol li .tellBox strong:before {
	content: "";
	display: block;
	position: absolute;
	left: -24px;
	top: 50%;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-radius: 50%;
	background: #52ae32;
}

#esgHistory #historyList > ol li .tellBox em {
	font-size: var(--fontsize-title-M);
	font-weight: 700;
	line-height: 1.56;
	letter-spacing: -0.18px;
}

#esgHistory #historyList > ol li .tellBox p {
	margin-top: 11px;
	font-size: var(--fontsize-body-R);
	line-height: 1.75;
	letter-spacing: -0.16px;
}

#esgEventList .tabTypeB {
	margin-top: 40px;
}

#esgEventList .boardListA li.endEvent .imgArea:after {
	content: "종료된 이벤트";
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	color: var(--color-white);
	font-size: var(--fontsize-title-XL);
	font-weight: 700;
	background: rgba(0, 0, 0, 0.7);
	background-size: 124px;
	z-index: 2;
	text-decoration: underline;
}

#esgEventList .boardListA li.endEvent .imgArea em {
	padding-left: 18px;
	padding-right: 18px;
	z-index: 4;
	background: #303030;
}

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

#floorMapPop .floorMapPopWrap {
	position: relative;
	height: 100%;
}

#floorMapPop .floorMapPopWrap .mapArea {
	position: relative;
	height: calc(100% - 80px);
	/*   padding: 72px 24px 0; */
	background: var(--color-white);
}

#floorMapPop .floorMapPopWrap .mapArea .imgArea {
	position: relative;
	/*   height: 80%; */
	height: calc(100% - 115px);
}

#floorMapPop .floorMapPopWrap .mapArea .imgArea li {
	position: relative;
	height: 100%;
}

#floorMapPop .floorMapPopWrap .mapArea .imgArea li h2 {
	font-size: 40px;
	color: var(--color-primary);
	line-height: var(--baseline-14x);
}

#floorMapPop .floorMapPopWrap .mapArea .imgArea li p {
	height: 40px;
	color: var(--color-primary);
}

#floorMapPop .floorMapPopWrap .mapArea .imgArea li .imgBox {
	position: relative;
	/*   height: calc(100% - 95px); */
	overflow: auto;
	/*   margin: 0 -24px; */
	line-height: calc(100% - 95px);
	text-align: center;
	vertical-align: middle;
}

#floorMapPop .floorMapPopWrap .mapArea .imgArea li .imgBox img {
	display: inline-block;
	vertical-align: middle;
	max-width: none;
	height: 100%;
}

#floorMapPop .floorMapPopWrap .mapArea .btnArea {
	position: absolute;
	bottom: 24px;
	right: 24px;
	display: flex;
	flex-direction: column;
}

#floorMapPop .floorMapPopWrap .mapArea .btnArea a {
	width: 36px;
	height: 36px;
	margin-bottom: 16px;
	border: 1px solid var(--color-white);
	border-radius: 50%;
}

#floorMapPop .floorMapPopWrap .mapArea .btnArea a.btnPlus {
	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='%23fff'/%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='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50%/14px;
}

#floorMapPop .floorMapPopWrap .mapArea .btnArea a.btnMinus {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 1.4'%3E%3Cpath id='path_35307' data-name='path 35307' d='M-6177.547,18333.688v1.4h-10v-1.4Z' transform='translate(-6177.547 18335.088) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat 50%/14px 2px;
}

#floorMapPop .floorMapPopWrap .mapArea .btnArea a:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#floorMapPop .floorMapPopWrap .mapArea .btnArea a:last-of-type::after,
#floorMapPop .floorMapPopWrap .mapArea .btnArea a:last-of-type::before {
	display: none;
}

#floorMapPop .floorMapPopWrap .footArea {
	height: 80px;
	position: relative;
}

#floorMapPop .floorMapPopWrap .footArea .ghost {
	width: 1px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	opacity: 0;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > a {
	display: block;
	width: 22px;
	height: 22px;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > a.btnPrev {
	position: relative;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > a.btnPrev:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 11px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.273 8.849'%3E%3Cpath id='Icon_ArrowDown_8' d='M4,0,0,4,4,8' transform='translate(0.849 0.424)' fill='none' stroke='%23aaa' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > a.btnNext {
	position: relative;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > a.btnNext:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 6px;
	height: 11px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.273 8.849'%3E%3Cpath id='Icon_ArrowDown_8' d='M4,8,0,4,4,0' transform='translate(4.424 8.424) rotate(180)' fill='none' stroke='%23aaa' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > div {
	padding: 0 15px;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > div strong {
	display: inline-block;
	font-size: var(--fontsize-body-RB);
	font-weight: 700;
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > div i {
	display: inline-block;
	margin: 0 5px;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-03);
}

#floorMapPop .floorMapPopWrap .footArea .mapPaging > div span {
	display: inline-block;
	font-size: var(--fontsize-body-R);
	color: var(--color-grey-03);
}

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

#floorMapPop .floorMapPopWrap .btnPopClose {
	position: relative;
}

#floorMapPop .floorMapPopWrap .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='%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%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

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

#brandSearch .brandSearchWrap {
	position: relative;
	height: 100%;
	padding: 26px 24px;
}

#brandSearch .brandSearchWrap h2 {
	height: 35px;
	margin-bottom: 40px;
	font-size: var(--fontsize-heading-M);
}

#brandSearch .brandSearchWrap .searchAra {
	display: flex;
	position: relative;
	margin-bottom: 40px;
	padding-left: 16px;
	align-items: center;
	height: 56px;
	background: var(--color-grey-07);
}

#brandSearch .brandSearchWrap .searchAra input {
	width: 100%;
	height: 56px;
	border: 0;
	background: none;
	font-size: var(--fontsize-body-XS);
	padding: 0 54px 0 16px;
}

#brandSearch .brandSearchWrap .searchAra select {
	padding-right: 22px;
	font-size: var(--fontsize-body-XS);
	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='%23aaa' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 100% 50%/11px 6px;
}

#brandSearch .brandSearchWrap .searchAra .btnBrandSearch {
	position: absolute !important;
	right: 0;
	top: 0;
	width: 56px;
	height: 56px;
}

#brandSearch .brandSearchWrap .searchAra .btnBrandSearch {
	position: relative;
}

#brandSearch .brandSearchWrap .searchAra .btnBrandSearch:after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background: url("/static/images/icon/search_g.svg") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#brandSearch .brandSearchWrap .tableArea {
	position: relative;
	height: calc(100% - 171px);
	overflow-y: auto;
}

#brandSearch .brandSearchWrap .tableArea ul {
	border-top: 1px solid var(--color-grey-01);
}

#brandSearch .brandSearchWrap .tableArea ul li {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	height: 120px;
	padding-right: 46px;
	border-bottom: var(--border-table-bottom);
}

#brandSearch .brandSearchWrap .tableArea ul li strong {
	display: block;
	margin-bottom: 7px;
	font-size: var(--fontsize-body-R);
}

#brandSearch .brandSearchWrap .tableArea ul li em {
	display: flex;
	font-size: var(--fontsize-body-XS);
}

#brandSearch .brandSearchWrap .tableArea ul li em span {
	display: block;
	color: var(--color-grey-02);
	padding-left: 11px;
	margin-left: 10px;
}

#brandSearch .brandSearchWrap .tableArea ul li em span {
	position: relative;
}

#brandSearch .brandSearchWrap .tableArea ul li em span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background: var(--color-grey-04);
}

#brandSearch .brandSearchWrap .tableArea ul li em span:first-of-type {
	padding-left: 0;
	margin-left: 0;
}

#brandSearch .brandSearchWrap .tableArea ul li em span:first-of-type:after {
	display: none;
}

#brandSearch .brandSearchWrap .tableArea ul li a {
	position: absolute !important;
	right: 0;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	border: var(--border-table-bottom);
	border-radius: 50%;
}

#brandSearch .brandSearchWrap .tableArea ul li a {
	position: relative;
}

#brandSearch .brandSearchWrap .tableArea ul li a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
	height: 14px;
	background: url("/static/images/icon/phone_f.svg") no-repeat 0 0/100%;
}

#brandSearch .brandSearchWrap .listNone {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: calc(100% - 171px);
}

#brandSearch .brandSearchWrap .listNone .textArea {
	font-size: var(--fontsize-body-R);
	padding-top: 74px;
}

#brandSearch .brandSearchWrap .listNone .textArea strong {
	font-weight: 700;
}

#brandSearch .brandSearchWrap .listNone .textArea {
	position: relative;
}

#brandSearch .brandSearchWrap .listNone .textArea:after {
	content: "";
	position: absolute;
	width: 52px;
	height: 58px;
	left: 50%;
	top: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53.709 59.346'%3E%3Cg id='not-02' data-name='not-02' transform='translate(-8.452 -5.094)'%3E%3Cpath id='path_34974' data-name='path 34974' d='M32.207,54.173H9.452V18.018L21.375,6.094H47.646V28.763' transform='translate(0 0)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cpath id='path_34975' data-name='path 34975' d='M9.894,18.11H21.456V6.431' transform='translate(-0.074 -0.056)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='group_33416' data-name='group 33416' transform='translate(27.038 29.085)'%3E%3Cg id='group_33414' data-name='group 33414' transform='translate(6.988)'%3E%3Ccircle id='sc_2001' data-name='sc 2001' cx='13.568' cy='13.568' r='13.568' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cg id='group_33413' data-name='group 33413' transform='translate(8.192 8.192)'%3E%3Cline id='line_1464' data-name='line 1464' x2='10.751' y2='10.751' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1465' data-name='line 1465' x1='10.751' y2='10.751' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Cg id='group_33415' data-name='group 33415' transform='translate(0 21.103)'%3E%3Cpath id='path_34976' data-name='path 34976' d='M43.577,63.03l-8.45,8.449a2.149,2.149,0,0,1-3.029,0l-.9-.9a2.149,2.149,0,0,1,0-3.029l8.5-8.5' transform='translate(-30.57 -59.045)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3Cline id='line_1466' data-name='line 1466' x2='20.18' transform='translate(18.459 24.746)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1467' data-name='line 1467' x2='10.857' transform='translate(27.781 19.325)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3Cline id='line_1468' data-name='line 1468' x2='14.454' transform='translate(18.459 30.133)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	left: 50%;
	transform: translateX(-50%);
}

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

#brandSearch .brandSearchWrap .btnPopClose {
	position: relative;
}

#brandSearch .brandSearchWrap .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%);
}

/*etc*/
#companyIdentity .tabTypeA {
	margin-bottom: 43px;
}

#companyIdentity .tabTypeB {
	margin-bottom: 40px;
}

#companyIdentity .tabTypeB li a {
	font-size: var(--fontsize-heading-M);
}

#companyIdentity main > div > p {
	line-height: 26px;
}

#companyIdentity main .ciCont .logoArea {
	margin: 25px 0 56px;
}

#companyIdentity main .ciCont .logoArea li {
	margin-bottom: 37px;
}

#companyIdentity main .ciCont .logoArea li .imgArea {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 127px;
	padding: 0 20px;
	border: var(--border-table-bottom);
}

#companyIdentity main .ciCont .logoArea li .imgArea span {
	display: inline-block;
}

#companyIdentity main .ciCont .logoArea li .imgArea span.logoTypeA {
	width: 301px;
	height: 40px;
	background: url("/static/images/icon/logo_bl.svg") no-repeat 0 0/100%;
}

#companyIdentity main .ciCont .logoArea li .imgArea span.logoTypeB {
	width: 163px;
	height: 82px;
	background: url("/static/images/icon/logo_row.svg") no-repeat 0 0/100%;
}

#companyIdentity main .ciCont .logoArea li strong {
	display: block;
	margin-top: 8px;
	font-size: var(--fontsize-body-XS);
}

#companyIdentity main .ciCont .logoArea li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#companyIdentity main .ciCont .logoArea li:last-of-type::after,
#companyIdentity main .ciCont .logoArea li:last-of-type::before {
	display: none;
}

/*#companyIdentity main .ciCont .btnArea a span {
	padding-right: 24px;
}

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

#companyIdentity main .ciCont .btnArea a span:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 16px;
	background: url("/static/images/icon/download.svg") no-repeat 0 0/100%;
}*/

#companyIdentity main .colorCont {
	display: none;
	margin-top: 40px;
}

#companyIdentity main .colorCont .colorArea {
	margin-top: 40px;
}

#companyIdentity main .colorCont .colorArea > li {
	margin-bottom: 35px;
}

#companyIdentity main .colorCont .colorArea > li > strong {
	display: block;
	height: 42px;
	padding: 0 24px;
	line-height: 42px;
	color: var(--color-white);
	font-weight: 700;
}

#companyIdentity main .colorCont .colorArea > li > ul {
	padding-top: 10px;
}

#companyIdentity main .colorCont .colorArea > li > ul li {
	display: flex;
	font-size: var(--fontsize-body-XS);
	line-height: 22px;
}

#companyIdentity main .colorCont .colorArea > li > ul li strong {
	width: 83px;
}

#companyIdentity main .colorCont .colorArea > li > ul li span {
	width: calc(100% - 83px);
	color: var(--color-grey-02);
}

#companyIdentity main .colorCont .colorArea > li.colorBlack > strong {
	background: var(--color-primary);
}

#companyIdentity main .colorCont .colorArea > li.colorNavy > strong {
	background: #002350;
}

#companyIdentity main .colorCont .colorArea > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#companyIdentity main .colorCont .colorArea > li:last-of-type::after,
#companyIdentity main .colorCont .colorArea > li:last-of-type::before {
	display: none;
}

#companyIdeology .tabTypeA {
	margin-bottom: 68px;
}

#companyIdeology .topArea {
	margin-bottom: 82px;
	text-align: center;
}

#companyIdeology .topArea .logoArea {
	display: inline-block;
	width: 189px;
	height: 24px;
	margin-bottom: 26px;
	background: url("/static/images/icon/logo_bl.svg") no-repeat 0 0/100%;
}

#companyIdeology .topArea p {
	margin-bottom: 24px;
	font-size: var(--fontsize-title-S);
	line-height: var(--baseline-7x);
}

#companyIdeology .topArea p strong {
	font-weight: 700;
}

#companyIdeology .topArea .imgArea {
	text-align: center;
}

#companyIdeology article h3 {
	margin-bottom: 10px;
	font-size: var(--fontsize-title-M);
	font-weight: 700;
	text-align: center;
}

#companyIdeology article > p {
	margin-bottom: 44px;
	text-align: center;
}

#companyIdeology article ul li {
	padding-left: 142px;
	min-height: 110px;
	margin-bottom: 45px;
}

#companyIdeology article ul li strong {
	display: block;
	margin-bottom: 10px;
	line-height: var(--baseline-7x);
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#companyIdeology article ul li {
	position: relative;
}

#companyIdeology article ul li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	height: 110px;
	border-radius: 50%;
}

#companyIdeology article ul li:last-of-type {
	margin-bottom: 0;
}

#companyIdeology article ul li.ico_store:after {
	background: var(--color-grey-06) url("/static/images/icon/company.svg") no-repeat 50% 50%/42px auto;
}

#companyIdeology article ul li.ico_idea:after {
	background: var(--color-grey-06) url("/static/images/icon/idea.svg") no-repeat 50%/45px auto;
}

#companyIdeology article ul li.ico_technology:after {
	background: var(--color-grey-06) url("/static/images/icon/technology.svg") no-repeat 50%/57px auto;
}

#companySituation .tabTypeA {
	margin-bottom: 43px;
}

#companySituation .tabTypeB {
	margin-bottom: 64px;
}

#companySituation main article {
	display: none;
}

#companySituation main article ul li {
	margin-bottom: 63px;
}

#companySituation main article ul li strong {
	display: block;
	margin-bottom: 8px;
	font-size: var(--fontsize-title-M);
	font-weight: 700;
}

#companySituation main article ul li p {
	line-height: 26px;
}

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

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

#companySituation main article:first-of-type {
	display: block;
}

@media screen and (max-width: 320px) {
	#storeAirport main .topText p {
		font-size: var(--fontsize-description) /*13px*/;
	}

	#storeAirport main .infoArea .infoList > strong {
		font-size: var(--fontsize-title-L) /*21px*/;
	}

	#storeAirport main .infoArea .infoList .utilList li span br {
		display: block;
	}

	#storeFood main .timeArea dl dd {
		font-size: var(--fontsize-body-XS);
	}

	#facilityPlaza .tellArea ul li strong {
		font-size: var(--fontsize-body-XS);
	}

	#facilityPlaza .tellArea ul li span {
		font-size: var(--fontsize-body-XS);
	}
}

/*쇼핑&이벤트*/
#edm .contentText {
	margin: 39px 0 45px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	line-height: 30px;
	text-align: center;
}

#edm .contentText strong {
	font-weight: 700;
	background: linear-gradient(to top, var(--color-white)A9E 50%, transparent 50%);
}

#edm .methodArea {
	padding-top: 316px;
	background: url(/static/images/board/m_edmPhoneImg.jpg) no-repeat 50% 0;
	background-size: 270px;
}

#edm .methodArea p {
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	text-align: center;
}

#edm .methodArea > div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	margin: 8px auto 38px;
	background: var(--color-grey-07);
	font-size: var(--fontsize-body-XS);
	text-align: center;
	line-height: 1.57;
}

#edm .btnArea {
	display: block;
	text-align: center;
}

#edm .btnArea a {
	margin: 0 0 8px 0;
	width: 200px;
	height: 48px;
	line-height: var(--baseline-12x);
	font-size: var(--fontsize-body-XS);
}

#edm .listTypeA {
	margin: 24px auto 0;
}

#edm .listTypeA li {
	position: relative;
	margin: 0 0 8px 0;
	padding-left: 8px;
	font-size: var(--fontsize-body-XS);
	line-height: 1.43;
	color: var(--color-grey-02);
}

#edm .listTypeA li:before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #666;
}

#edm .edmWrapper {
	margin: 0 -24px;
}

#edm .edmWrapper #photoCardSwiper {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
}

#edm .edmWrapper #photoCardSwiper .controllers {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 20px;
}

#edm .edmWrapper #photoCardSwiper .controllers .swiper-pagination {
	position: static;
	width: auto;
	bottom: auto;
	margin: 0 20px;
	white-space: nowrap;
}

#edm .edmWrapper #photoCardSwiper .controllers .swiper-button-next,
#edm .edmWrapper #photoCardSwiper .controllers .swiper-button-prev {
	position: static;
	width: 40px;
	height: 40px;
	border: var(--border-table-bottom);
	border-radius: 50%;
	margin: 0;
	top: 0;
}

#edm .edmWrapper #photoCardSwiper .controllers .swiper-button-next:after,
#edm .edmWrapper #photoCardSwiper .controllers .swiper-button-prev:after {
	color: var(--color-grey-02);
	font-size: var(--fontsize-description);
}

#edm .edmWrapper .snsArea {
	margin-top: 100px;
	text-align: center;
}

#edm .edmWrapper .snsArea strong {
	position: relative;
	display: block;
	font-size: var(--fontsize-display-M);
	font-weight: bold;
	color: var(--color-primary);
}

#edm .edmWrapper .snsArea strong {
	position: relative;
}

#edm .edmWrapper .snsArea strong:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8;
	width: 100%;
	height: 16px;
	background: var(--color-white)a9e;
	z-index: -1;
}

#edm .edmWrapper .snsArea p {
	padding-top: 16px;
	font-size: var(--fontsize-body-XS);
	text-align: center;
	color: #333;
}

#edm .edmWrapper .snsArea ul {
	display: flex;
	justify-content: center;
	padding-top: 32px;
}

#edm .edmWrapper .snsArea ul li {
	margin: 0 10px;
}

#edm .edmWrapper .snsArea ul li a {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

#edm .edmWrapper .snsArea ul li a.btn_instagram {
	background: #E1539A;
}

#edm .edmWrapper .snsArea ul li a.btn_instagram {
	position: relative;
}

#edm .edmWrapper .snsArea ul li a.btn_instagram:after {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	background: url("/static/images/icon/sns/insta.svg") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#edm .edmWrapper .snsArea ul li a.btn_facebook {
	background: #465AC4;
}

#edm .edmWrapper .snsArea ul li a.btn_facebook {
	position: relative;
}

#edm .edmWrapper .snsArea ul li a.btn_facebook:after {
	content: "";
	position: absolute;
	width: 11px;
	height: 36px;
	background: url("/static/images/icon/sns/febk.svg") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#edm .edmWrapper .snsArea ul li a.btn_kakaoCh {
	background: #FEE500;
}

#edm .edmWrapper .snsArea ul li a.btn_kakaoCh {
	position: relative;
}

#edm .edmWrapper .snsArea ul li a.btn_kakaoCh:after {
	content: "";
	position: absolute;
	width: 26px;
	height: 18px;
	background: url(/static/images/main/ico_kakaoCh.png) no-repeat 50%/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#edm .edmWrapper .snsArea ul li a.btn_youtube {
	background: var(--color-red-01);
}

#edm .edmWrapper .snsArea ul li a.btn_youtube {
	position: relative;
}

#edm .edmWrapper .snsArea ul li a.btn_youtube:after {
	content: "";
	position: absolute;
	width: 19.3px;
	height: 13.51px;
	background: url("/static/images/icon/sns/youtube.svg") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#edm.single .edmHeader {
	display: flex;
	justify-content: space-between;
	padding: 24px 0 31px;
	background: var(--color-white);
}

#edm.single .edmHeader strong {
	display: block;
	font-size: var(--fontsize-title-L);
	line-height: var(--baseline-9x);
}

#edm.single .edmHeader a {
	display: block;
	flex: none;
	margin-left: 20px;
	margin-top: 7px;
	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='%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%;
}

/* 검색 */
#searchAll .summary {
	padding: 14% 0;
	background: url(/static/images/search/bgSearchTop.jpg) no-repeat 0 0;
	background-size: 100%;
}

#searchAll .summary > strong {
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	color: var(--color-white);
}

#searchAll .summary p {
	margin-top: 4px;
	color: var(--color-white);
	font-size: var(--fontsize-body-XS);
}

#searchAll .summary p strong {
	font-weight: 700;
}

#searchAll article {
	margin-top: 60px;
}

#searchAll article h3 {
	margin-bottom: 16px;
	font-weight: 700;
	line-height: 30px;
}

#searchAll .branchInfoResult .resultList > li {
	margin-bottom: 40px;
}

#searchAll .branchInfoResult .resultList > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#searchAll .branchInfoResult .resultList > li:last-of-type::after,
#searchAll .branchInfoResult .resultList > li:last-of-type::before {
	display: none;
}

#searchAll .branchInfoResult .resultList > li p.title {
	margin-bottom: 20px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: var(--baseline-7x);
}

#searchAll .branchInfoResult .resultList > li .btnArea {
	background-color: var(--color-grey-07);
}

#searchAll .branchInfoResult .resultList > li ul {
	padding: 20px;
	background: var(--color-grey-07);
}

#searchAll .branchInfoResult .resultList > li ul li {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2px;
	/*i{width:18px; height:18px; margin:2px 6px 0 0;}*/
}

#searchAll .branchInfoResult .resultList > li ul li span {
	margin-right: 10px;
	color: var(--color-grey-02);
}

#searchAll .branchInfoResult .resultList > li ul li strong {
	flex: 1;
	font-weight: 700;
	word-break: break-all;
}

#searchAll .branchInfoResult .resultList > li .btnArea {
	display: flex;
	border-top: 1px solid var(--color-grey-04);
}

#searchAll .branchInfoResult .resultList > li .btnArea a {
	width: 50%;
	padding: 16px 0;
	text-align: center;
}

#searchAll .branchInfoResult .resultList > li .btnArea a:first-child {
	border-right: 1px solid var(--color-grey-04);
}

#searchAll .branchInfoResult .resultList > li .btnArea a .ico_location {
	padding-left: 24px;
}

#searchAll .branchInfoResult .resultList > li .btnArea a .ico_location {
	position: relative;
}

#searchAll .branchInfoResult .resultList > li .btnArea a .ico_location:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("/static/images/icon/location.svg") no-repeat 0 0/100%;
}

#searchAll .branchInfoResult .resultList > li .btnArea a .ico_phone3 {
	padding-left: 30px;
}

#searchAll .branchInfoResult .resultList > li .btnArea a .ico_phone3 {
	position: relative;
}

#searchAll .branchInfoResult .resultList > li .btnArea a .ico_phone3:before {
	content: "";
	position: absolute;
	width: 22px;
	height: 20px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("/static/images/icon/phone.svg") no-repeat 0 0/100%;
}

#searchAll .brandResult .resultList > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 35px 0;
	border-bottom: 1px solid var(--color-grey-03);
}

#searchAll .brandResult .resultList > li.none {
	padding-bottom: 0;
}

#searchAll .brandResult .resultList > li div ul li {
	display: inline;
	font-size: var(--fontsize-body-XS);
	padding-right: 10px;
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
	white-space: normal;
}

#searchAll .brandResult .resultList > li div ul li:nth-of-type(2) {
	padding-left: 10px;
	border-left: var(--border-table-bottom);
}

#searchAll .brandResult .resultList > li .ico_tell2 {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: var(--border-table-bottom);
}

#searchAll .brandResult .resultList > li .ico_tell2 {
	position: relative;
}

#searchAll .brandResult .resultList > li .ico_tell2:before {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	background: url("/static/images/icon/phone_f.svg") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#searchAll .brandResult .resultList > li:not(.none):first-child {
	border-top: 1px solid var(--color-grey-01);
}

#searchAll .newsResult h3:nth-of-type(2) {
	margin-top: 60px;
}

#searchAll .newsResult .boardListA {
	margin-top: 0;
	overflow: visible;
}

#searchAll .contentsResult h3 {
	position: relative;
}

#searchAll .contentsResult h3:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: var(--color-primary);
	bottom: -17px;
	left: 0;
}

#searchAll .contentsResult .resultList > li {
	display: flex;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: var(--border-table-bottom);
}

#searchAll .contentsResult .resultList > li .lo {
	display: flex;
}

#searchAll .contentsResult .resultList > li .lo li {
	padding-right: 24px;
}

#searchAll .contentsResult .resultList > li .lo li {
	position: relative;
}

#searchAll .contentsResult .resultList > li .lo li:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 10px;
	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='%23ccc' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

#searchAll .contentsResult .resultList > li .lo li:last-child:after {
	display: none;
}

#searchAll .contentsResult .resultList > li .moveBtn {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	border: var(--border-table-bottom);
}

#searchAll .contentsResult .resultList > li .moveBtn {
	position: relative;
}

#searchAll .contentsResult .resultList > li .moveBtn:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 7px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.273 8.849'%3E%3Cpath id='Icon_ArrowDown_8' d='M4,8,0,4,4,0' transform='translate(4.424 8.424) rotate(180)' fill='none' stroke='%231A1818' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 0 0/100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#searchAll .resultList li.none {
	display: block;
	padding-top: 20px;
	border-top: 1px solid var(--color-grey-01);
	text-align: center;
	border-bottom: 0;
}

@media screen and (max-width: 320px) {
	#edm .contentText {
		font-size: var(--fontsize-body-R) /*17px*/;
	}

	#edm .methodArea > div {
		font-size: var(--fontsize-description) /*13px*/;
		letter-spacing: -0.5px;
	}

	#edm .listTypeA li {
		letter-spacing: -0.5px;
	}
}

/* 정기 이벤트 */
.monthlyEventWrapper section {
	padding-top: 32px;
}

.monthlyEventWrapper main {
	padding: 0;
}

.monthlyEventWrapper main img {
	width: 100%;
}

.monthlyEventWrapper .eventInfo {
	display: flex;
	padding: 0 24px 10px;
	margin-bottom: 30px;
	justify-content: space-between;
	align-items: flex-end;
}

.monthlyEventWrapper .eventInfo .titleArea {
	flex: 1;
}

.monthlyEventWrapper .eventInfo .titleArea > em {
	display: inline-block;
	height: 25px;
	line-height: var(--baseline-6x);
	padding: 0 10px;
	color: var(--color-blue-02);
	background: var(--color-white);
	border: 1px solid var(--color-blue-02);
	font-size: var(--fontsize-body-XS);
}

.monthlyEventWrapper .eventInfo .titleArea .branch {
	display: inline-block;
	height: 25px;
	margin-left: 2px;
	line-height: var(--baseline-6x);
	padding: 0 10px;
	color: var(--color-white);
	background: var(--color-blue-02);
	border: 1px solid var(--color-blue-02);
	font-size: var(--fontsize-body-XS);
}

.monthlyEventWrapper .eventInfo .titleArea h3 {
	padding-top: 10px;
	font-weight: 700;
	margin-bottom: 15px;
	font-size: var(--fontsize-title-XL);
	line-height: 34px;
}

.monthlyEventWrapper .eventInfo .titleArea .date {
	color: var(--color-grey-03);
	font-size: var(--fontsize-body-XS);
}

.monthlyEventWrapper .eventInfo .fnArea {
	display: flex;
}

.monthlyEventWrapper .eventInfo .fnArea a.ico_scrap {
	display: inline-block;
	width: 12px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.2' height='17.199' viewBox='0 0 13.2 17.199'%3E%3Cpath d='M2458.792-20983.27v-16h12v16l-6.028-2.91z' transform='translate(-2458.192 20999.869)' fill='%23fff' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2px' /%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

.monthlyEventWrapper .eventInfo .fnArea a.ico_scrap.on {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.2' height='17.199' viewBox='0 0 13.2 17.199'%3E%3Cpath d='M2458.792-20983.27v-16h12v16l-6.028-2.91z' transform='translate(-2458.192 20999.869)' fill='%2328324e' stroke='%2328324e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2px' /%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

.monthlyEventWrapper .accordionBox li {
	background: var(--color-white);
	border-bottom: 1px solid var(--color-grey-04);
}

.monthlyEventWrapper .accordionBox li:last-of-type {
	border-bottom: 0;
}

.monthlyEventWrapper .accordionBox li .boxTitle {
	display: flex;
	padding: 10px 20px;
	justify-content: space-between;
	align-items: center;
}

.monthlyEventWrapper .accordionBox li .boxTitle a {
	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;
}

.monthlyEventWrapper .accordionBox li .boxContent {
	display: none;
	padding: 0 20px 20px;
	word-break: break-all;
}

.monthlyEventWrapper .accordionBox li .boxContent pre {
	white-space: pre-wrap;
	margin: 0 16px;
	font-size: var(--fontsize-body-XS);
}

.monthlyEventWrapper .accordionBox li .slideDown a {
	transform: rotate(-180deg);
}

.monthlyEventWrapper .accordionBox li .chkTypeA + label {
	font-weight: 400;
	font-size: var(--fontsize-body-R);
}

.monthlyEventWrapper .btnSetA {
	margin-bottom: 24px;
}

.monthlyEventWrapper .btnSetA .btnArea {
	margin: 24px 24px 0;
}

.monthlyEventWrapper .btnSetA .btnArea a {
	display: block;
	width: 100%;
	padding: 20px 0;
	text-align: center;
	color: var(--color-white);
	font-size: var(--fontsize-title-S);
	border-radius: var(--radius-m);
	background: var(--color-blue-01);
}

.monthlyEventWrapper .btnSetA .btnLineBottom {
	margin-top: 24px;
	text-align: center;
}

.monthlyEventWrapper .btnSetA .btnLineBottom a {
	color: var(--color-blue-01);
	font-size: var(--fontsize-title-S);
}

.monthlyEventWrapper .btnSetA .btnLineBottom a {
	position: relative;
}

.monthlyEventWrapper .btnSetA .btnLineBottom a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 1px;
	background: var(--color-blue-01);
}

.monthlyEventWrapper .btnSetA .btnColorG a {
	background: #666;
}

.monthlyEventWrapper .btnSetA .btnBorder a {
	background: var(--color-white);
	border: 1px solid var(--color-blue-01);
	color: var(--color-blue-01);
}

#monthlyEventListPop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-white);
	z-index: 21;
	overflow-y: auto;
}

#monthlyEventListPop .monthlyEventListPopWrap {
	padding: 40px 24px;
}

#monthlyEventListPop .monthlyEventListPopWrap h3 {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

#monthlyEventListPop .monthlyEventListPopWrap table {
	width: 100%;
}

#monthlyEventListPop .monthlyEventListPopWrap table th {
	padding: 14px 0;
	text-align: center;
	background: var(--color-grey-07);
	border-top: 1px solid var(--color-primary);
	border-bottom: var(--border-table-bottom);
	border-right: var(--border-table-bottom);
}

#monthlyEventListPop .monthlyEventListPopWrap table td {
	padding: 14px 0;
	text-align: center;
}

#monthlyEventListPop .monthlyEventListPopWrap table td:nth-of-type(odd) {
	border-bottom: var(--border-table-bottom);
	border-right: var(--border-table-bottom);
}

#monthlyEventListPop .monthlyEventListPopWrap table td:nth-of-type(even) {
	border-bottom: var(--border-table-bottom);
}

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

#monthlyEventListPop .monthlyEventListPopWrap .btnPopClose {
	position: relative;
}

#monthlyEventListPop .monthlyEventListPopWrap .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%);
}

.applyResultPop {
	position: fixed;
	width: calc(100% - 48px);
	max-width: 343px;
	overflow: hidden;
	z-index: 999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.applyResultPop .applyResultPopWrap {
	position: relative;
	width: 100%;
	height: 100%;
}

.applyResultPop .applyResultPopWrap .btnPopClose {
	position: absolute;
	top: 20px;
	right: 20px;
	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='%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");
}

.applyResultPop .applyResultPopWrap .fail + .btnPopClose {
	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='%23fff' 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='%23fff' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.bakimomEvent {
	letter-spacing: -1px;
}

.bakimomEvent h4 {
	font-size: 40px;
	font-weight: 700;
	color: #fe76aa;
	letter-spacing: -2px;
}

.bakimomEvent .chkCont {
	padding: 20px 20px 40px;
	background: #241c55;
}

.bakimomEvent .chkCont .statusText {
	margin: 10px 0;
	font-size: var(--fontsize-title-XL);
	text-align: center;
	color: var(--color-white);
}

.bakimomEvent .chkCont .statusText em {
	font-weight: 700;
	color: #fe76aa;
}

.bakimomEvent .chkCont > .round ul {
	display: flex;
	background: var(--color-white);
	border-radius: 20px;
}

.bakimomEvent .chkCont > .round ul li {
	width: 33.3%;
	padding: 20px 0;
	text-align: center;
}

.bakimomEvent .chkCont > .round ul li .rNum {
	display: inline-block;
	margin-bottom: 6px;
	padding: 2px 6px;
	color: var(--color-white);
	font-size: var(--fontsize-body-XS);
	border-radius: 30px;
	background: var(--color-grey-03);
}

.bakimomEvent .chkCont > .round ul li p {
	padding: 0 20px;
}

.bakimomEvent .chkCont > .round ul li span:nth-of-type(2) {
	display: block;
	margin-top: 10px;
	color: var(--color-grey-03);
	font-size: var(--fontsize-body-XS);
}

.bakimomEvent .chkCont > .round ul li.chked > .rNum {
	background: #fe76aa;
}

.bakimomEvent .chkCont > .round ul li.chked span:nth-of-type(2) {
	color: #fe76aa;
}

.bakimomEvent .chkCont > .round ul li.cancel p {
	opacity: 0.6;
}

.bakimomEvent .chkCont > .round ul li.cancel {
	position: relative;
}

.bakimomEvent .chkCont > .round ul li.cancel:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/static/images/event/bakimom/checkin_cc.png) no-repeat center 40%/90%;
	left: 0;
	top: 0;
	z-index: 1;
}

.bakimomEvent .chkCont > .round ul li {
	position: relative;
}

.bakimomEvent .chkCont > .round ul li:after {
	content: "";
	position: absolute;
	border-right: var(--border-table-bottom);
	width: 1px;
	height: 90%;
	right: 0;
	top: 10%;
}

.bakimomEvent .chkCont > .round ul li:last-child:after {
	border-right: 0;
}

.bakimomEvent .chkCont .btnArea {
	margin-top: 16px;
}


/* 
.bakimomEvent .chkCont .btnArea #selectReceiptBtn {
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 16px;
	font-size: var(--fontsize-heading-M);
	color: #fe76aa;
	text-align: center;
	line-height: var(--baseline-12x);
	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='%23fe76aa' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat calc(100% - 16px) 50%/14px 6px;
	border: 1px solid #fe76aa;
	border-radius: 6px;
}

.bakimomEvent .chkCont .btnArea #bkCheckBtn {
	display: block;
	width: 100%;
	height: 54px;
	color: var(--color-white); 
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	text-align: center;
	line-height: 54px;
	background: #fe76aa;
	border-radius: 6px;
}
 */

.bakimomEvent .allChked {
	margin-top: 10px;
	padding: 20px 0;
	text-align: center;
	background: var(--color-white);
	border-radius: 20px;
}

.bakimomEvent .allChked p {
	width: 50%;
	margin: 4px auto;
}

.bakimomEvent .chkedList {
	background: #241c55;
}

.bakimomEvent .chkedList .title {
	font-size: var(--fontsize-title-L);
	text-align: center;
	color: var(--color-white);
}

.bakimomEvent .chkedList ol {
	margin: 0 20px;
}

.bakimomEvent .chkedList ol > li {
	margin-top: 10px;
	padding: 15px 20px;
	background: var(--color-white);
	border-radius: 20px;
}

.bakimomEvent .chkedList ol > li > div {
	display: flex;
	justify-content: space-between;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--color-grey-03);
	font-size: var(--fontsize-body-R);
}

.bakimomEvent .chkedList ol > li ul li {
	display: flex;
	padding-left: 20px;
	margin-top: 8px;
}

.bakimomEvent .chkedList ol > li ul li {
	position: relative;
}

.bakimomEvent .chkedList ol > li ul li:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
	border-radius: 100%;
	background: var(--color-grey-02);
}

.bakimomEvent .chkedList ol > li ul li span {
	width: 80px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

.bakimomEvent .chkedList ol > li ul li strong {
	width: calc(100% - 80px);
	font-size: var(--fontsize-body-XS);
}

.bakimomEvent .chkedList ol > li.cancel ul li:nth-of-type(2) strong,
.bakimomEvent .chkedList ol > li.cancel ul li:nth-of-type(3) strong {
	text-decoration: line-through;
	color: var(--color-grey-02);
}

.bakimomEvent .chkedList .cautionText {
	padding: 40px 0 60px;
	color: var(--color-white);
	text-align: center;
}

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

#bkReceiptPop .bkReceiptPopWrap {
	padding: 25px;
}

#bkReceiptPop .bkReceiptPopWrap > p {
	padding-bottom: 14px;
	font-weight: 700;
}

#bkReceiptPop .bkReceiptPopWrap > .receiptList {
	max-height: 250px;
	overflow-y: auto;
}

#bkReceiptPop .bkReceiptPopWrap > .receiptList li {
	padding: 14px 0;
	border-top: var(--border-table-bottom);
}

.stampEvent .stampArea {
	padding: 50px 24px 0;
	background: var(--color-white);
}

.stampEvent .stampArea .info {
	display: flex;
	padding-bottom: 6px;
	justify-content: space-between;
	align-items: center;
	background: var(--color-white);
	border-bottom: 2px solid var(--color-primary);
}

.stampEvent .stampArea .info p {
	font-size: var(--fontsize-heading-M);
}

.stampEvent .stampArea .info span {
	font-size: var(--fontsize-title-L);
}

.stampEvent .stampArea .stampCont {
	display: flex;
	margin: 40px 0 0;
	flex-wrap: wrap;
	background: var(--color-white);
}

.stampEvent .stampArea .stampCont li {
	width: 20%;
	max-height: 146px;
	height: calc((100vw - 48px) / 5);
	margin-bottom: 22px;
}

.stampEvent .stampArea .stampCont li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	margin: 0 auto;
	color: var(--color-grey-03);
	font-weight: 700;
	font-size: var(--fontsize-heading-L);
	text-align: center;
	border: 2px solid var(--color-grey-04);
	border-radius: 50%;
}

.stampEvent .stampArea .stampCont li.end a {
	text-indent: -9999px;
	border: 0;
	background: url("/static/images/event/stampEvent/stampA.png") no-repeat center center;
	background-size: 100%;
}

.stampEvent .stampArea .stampCont li.end:nth-of-type(5n) a {
	background: url("/static/images/event/stampEvent/stampB.png") no-repeat center center;
	background-size: 100%;
}

.stampEvent .stampArea .stampCont li.now a {
	color: rgb(221, 221, 221);
	animation: stampNow 1s ease-in-out infinite backwards;
}

@keyframes stampNow {
	0% {
		color: rgb(221, 221, 221);
	}

	50% {
		color: rgba(221, 221, 221, 0.2);
	}
}

.stampEvent .accordionBox {
	border-top: 1px solid var(--color-grey-04);
}

.stampEvent .giftInfo {
	display: flex;
	margin-top: 24px;
	padding: 0 24px;
	justify-content: space-between;
	flex-wrap: wrap;
}

.stampEvent .giftInfo li {
	width: 100%;
	margin-bottom: 50px;
	border-radius: 10px;
	overflow: hidden;
}

.stampEvent .giftInfo li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

.stampEvent .giftInfo li:last-of-type::after,
.stampEvent .giftInfo li:last-of-type::before {
	display: none;
}

.stampEvent .giftInfo li.half {
	width: 48%;
}

.stampEvent .giftInfo li .cont {
	padding: 20px 0;
	text-align: center;
	background: var(--color-blue-01);
}

.stampEvent .giftInfo li .cont span {
	color: var(--color-white);
}

.stampEvent .giftInfo li .linkBtn {
	display: block;
	width: 140px;
	margin: 20px auto 0;
	padding: 4px 10px;
	color: var(--color-white);
	font-size: var(--fontsize-body-XS);
	text-align: center;
	border: 1px solid var(--color-white);
	border-radius: 6px;
}

.stampEvent .giftInfo li .linkBtn span {
	padding-right: 16px;
}

.stampEvent .giftInfo li .linkBtn span {
	position: relative;
}

.stampEvent .giftInfo li .linkBtn span:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 10px;
	right: 0;
	top: 50%;
	transform: translateY(-4px);
	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='%23fff' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat no-repeat 0 0/100%;
}

.appPushEvent .setPush {
	padding: 30px 0;
	background: var(--color-blue-01);
}

.appPushEvent .setPush ul {
	margin: 0 20px;
	padding: 22px 40px;
	background: var(--color-white);
	border-radius: 10px;
}

.appPushEvent .setPush ul li {
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between;
	align-items: center;
	color: var(--color-blue-01);
	font-weight: 500;
	font-size: var(--fontsize-title-S);
}

.appPushEvent .setPush ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

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

.appPushEvent .setPush ul li .switchStyle {
	position: relative;
	width: 80px;
	height: 36px;
	overflow: hidden;
	border-radius: 24px;
}

.appPushEvent .setPush ul li .switchStyle input {
	position: absolute;
	width: 1px;
	height: 2px;
	left: -1px;
	top: -1px;
}

.appPushEvent .setPush ul li .switchStyle input:checked + label {
	background: var(--color-blue-01);
}

.appPushEvent .setPush ul li .switchStyle input:checked + label span.on {
	opacity: 1;
}

.appPushEvent .setPush ul li .switchStyle input:checked + label span.off {
	opacity: 0;
}

.appPushEvent .setPush ul li .switchStyle input:checked + label:after {
	left: 50px;
}

.appPushEvent .setPush ul li .switchStyle label {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 10px;
	color: var(--color-white);
	background: var(--color-grey-04);
}

.appPushEvent .setPush ul li .switchStyle label span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 0.3s;
	padding-left: 8px;
	font-size: var(--fontsize-body-XS);
	line-height: var(--baseline-9x);
}

.appPushEvent .setPush ul li .switchStyle label span.on {
	opacity: 0;
}

.appPushEvent .setPush ul li .switchStyle label span.off {
	padding-right: 8px;
	text-align: right;
	opacity: 1;
	color: var(--color-grey-02);
}

.appPushEvent .setPush ul li .switchStyle label:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 5px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: var(--color-white);
	transition: 0.3s;
}

.appPushEvent .giftList {
	display: flex;
	padding: 30px 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.appPushEvent .giftList li {
	width: 48%;
	margin-bottom: 44px;
	text-align: center;
}

.appPushEvent .giftList div .cate {
	display: inline-block;
	margin: 8px 0;
	padding: 2px 12px;
	background: var(--color-grey-04);
	text-align: center;
	border-radius: 20px;
}

.appPushEvent .giftList div > a {
	display: block;
	text-align: center;
	margin-top: 10px;
}

.appPushEvent .giftList div > a span {
	padding-right: 16px;
	font-size: var(--fontsize-body-XS);
}

.appPushEvent .giftList div > a span {
	position: relative;
}

.appPushEvent .giftList div > a span:after {
	content: "";
	position: absolute;
	width: 6px;
	height: 12px;
	right: 0;
	top: 34%;
	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 no-repeat 0 0/100%;
}

.appPushEvent .btnCont {
	margin-top: 40px;
}

.appPushEvent .btnCont .btnArea {
	margin: 10px 20px 0;
}

.appPushEvent .btnCont .btnArea a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: var(--baseline-15x);
	text-align: center;
	color: var(--color-blue-01);
	border: 1px solid var(--color-blue-01);
	border-radius: 10px;
}

.appPushEvent .btnCont .btnArea a.active {
	background: var(--color-blue-01);
	color: var(--color-white);
}

.appPushEvent .alertBtnCont {
	margin: 26px 20px 0;
	padding: 28px 20px;
	border: var(--border-table-bottom);
	border-radius: 10px;
	text-align: center;
}

.appPushEvent .alertBtnCont strong {
	display: inline-block;
	height: 28px;
	line-height: var(--baseline-7x);
	padding-left: 26px;
	background: url("/static/images/icon/pushev_bell.svg") no-repeat left center/20px 24px;
}

.appPushEvent .alertBtnCont span {
	display: block;
	margin: 8px 0 12px;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
}

.appPushEvent .alertBtnCont a {
	display: inline-block;
	font-size: var(--fontsize-body-XS);
	padding-bottom: 4px;
}

.appPushEvent .alertBtnCont a {
	position: relative;
}

.appPushEvent .alertBtnCont a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: -1px;
	background: var(--color-primary);
}

.speedMileageEvent .receiptListCont {
	padding: 40px 20px;
	text-align: center;
}

.speedMileageEvent .receiptListCont h4 {
	color: var(--color-white);
}

.speedMileageEvent .receiptListCont h4 strong {
	font-weight: 700;
	font-size: var(--fontsize-title-L);
}

.speedMileageEvent .receiptListCont h4 span {
	font-size: var(--fontsize-body-XS);
}


/*
.speedMileageEvent .receiptListCont .receiptList .scrollArea {
	position: relative;
	overflow-y: auto;
}

.speedMileageEvent .receiptListCont .receiptList ul {
	position: relative;
	height: 200px;
	margin: 20px 0;
	padding: 20px;
	border-radius: 10px;
	background: var(--color-white);
	overflow-x: auto;
}

.speedMileageEvent .receiptListCont .receiptList ul li {
	display: table;
	width: 400px;
	margin: 0 auto;
	padding: 10px 0;
	border-bottom: 1px solid var(--color-grey-05);
}

.speedMileageEvent .receiptListCont .receiptList ul li span,
.speedMileageEvent .receiptListCont .receiptList ul li strong {
	display: table-cell;
	font-size: var(--fontsize-body-XS); 
	padding: 0 5px;
}

.speedMileageEvent .receiptListCont .receiptList ul li span:nth-of-type(1) {
	width: 84px;
}

.speedMileageEvent .receiptListCont .receiptList ul li:first-child {
	padding-top: 0;
}

.speedMileageEvent .receiptListCont .receiptList ul li strong {
	font-weight: 700;
	width: 110px;
}

.speedMileageEvent .receiptListCont .receiptList ul li.none {
	display: flex;
	width: auto;
	height: 100%;
	justify-content: center;
	align-items: center;
	color: var(--color-grey-03);
	border-bottom: 0;
}

.speedMileageEvent .receiptListCont .receiptList ul + strong {
	color: var(--color-white); 
	font-size: var(--fontsize-title-L); 
}

.speedMileageEvent .receiptListCont .receiptList .btnArea {
	margin-top: 40px;
}

.speedMileageEvent .receiptListCont .receiptList .btnArea a {
	display: block;
	padding: 20px 0;
	text-align: center;
	color: var(--color-white); 
	font-weight: 700;
	background: #100074;
	border-radius: var(--radius-m)
}

.speedMileageEvent .receiptListCont .receiptList .btnArea.btnColorG a {
	background: #666;
}
*/


#speedRankPop {
	position: fixed;
	width: calc(100% - 48px);
	padding: 50px 28px;
	overflow: hidden;
	background: var(--color-white);
	z-index: 999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 30px;
}

#speedRankPop .speedRankPopWrap > h3 {
	font-size: var(--fontsize-title-S);
	text-align: center;
}

#speedRankPop .speedRankPopWrap > span {
	display: block;
	width: 120px;
	height: 120px;
	margin: 20px auto;
	line-height: 120px;
	text-align: center;
	color: #FFD500;
	font-size: 30px;
	background: #4533B8;
	border-radius: 50%;
}

#speedRankPop .speedRankPopWrap > p {
	line-height: var(--baseline-6x);
	text-align: center;
}

#speedRankPop .speedRankPopWrap > p strong {
	font-weight: 700;
}

#speedRankPop .speedRankPopWrap .btnPopClose {
	position: absolute;
	top: 20px;
	right: 20px;
	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='%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");
}

#speedRankPop .speedRankPopWrap .fail + .btnPopClose {
	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='%23fff' 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='%23fff' stroke-width='1.6'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.receiptPaybackEvent .rouletteCont {
	padding: 0 24px;
}

.receiptPaybackEvent .receiptPaybackCont {
	padding: 40px 36px;
}

.receiptPaybackEvent .receiptPaybackCont .receiptArea {
	display: flex;
	padding: 20px;
	justify-content: space-between;
	align-items: center;
	background: var(--color-white);
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(102, 102, 102, 0.1);
}

.receiptPaybackEvent .receiptPaybackCont .receiptArea > p,
.receiptPaybackEvent .receiptPaybackCont .receiptArea > span {
	font-size: var(--fontsize-body-R);
	line-height: 26px;
}

.receiptPaybackEvent .receiptPaybackCont .receiptArea > span strong {
	font-weight: 700;
	font-size: 42px;
	color: #F14338;
}

.receiptPaybackEvent .receiptPaybackCont > .btnArea {
	margin-top: 14px;
}

.receiptPaybackEvent .receiptPaybackCont > .btnArea a {
	display: block;
	height: 60px;
	line-height: var(--baseline-15x);
	color: var(--color-white);
	font-weight: 700;
	font-size: var(--fontsize-title-XL);
	text-align: center;
	background: #F14338;
	border-radius: 10px;
}

.receiptPaybackEvent .receiptPaybackCont #checkApplyList {
	margin-top: 16px;
	text-align: center;
	font-size: var(--fontsize-body-R);
}

.receiptPaybackEvent .receiptPaybackCont #checkApplyList a {
	position: relative;
}

.receiptPaybackEvent .receiptPaybackCont #checkApplyList a:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: var(--color-primary);
	bottom: -2px;
	left: 0;
}

.rouletteEvent .rouletteCont {
	position: relative;
	padding: 24px 0;
	overflow: hidden;
}

.rouletteEvent .rouletteCont .rouletteBoard {
	transition: 2s all;
}

.rouletteEvent .rouletteCont > a {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

.rouletteEvent .rouletteCont > a img {
	max-width: 50%;
	filter: drop-shadow(5px 5px 5px #000);
}

.checkEvent .checkArea {
	padding: 52px 24px;
	background: var(--color-blue-04);
}

.checkEvent .checkArea > div {
	background: var(--color-white);
	border-radius: 20px;
	border: 5px solid var(--color-blue-01);
	box-shadow: 7px 7px 20px rgba(1, 1, 1, 0.16);
}

.checkEvent .checkArea .checkInfo {
	padding: 26px 0;
	text-align: center;
	font-size: var(--fontsize-description);
}

.checkEvent .checkArea .checkInfo span {
	color: #2f478a;
	font-weight: 700;
}

.checkEvent .checkArea .stampCont {
	display: flex;
	flex-wrap: wrap;
	padding: 0 14px;
}

.checkEvent .checkArea .stampCont li {
	width: 33.3%;
	padding: 0 10px;
}

.checkEvent .checkArea .stampCont li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc((100vw - 48px - 28px - 10px) / 3 - 20px);
	max-height: 230px;
	font-weight: 700;
	font-size: 34px;
	text-align: center;
	color: #b3b3b3;
	border-radius: 100%;
	border: 2px solid var(--color-grey-03);
}

.checkEvent .checkArea .stampCont li .dateArea {
	margin: 10px 0 20px;
	height: 24px;
	font-size: 8px;
	color: var(--color-grey-01);
	text-align: center;
}

.checkEvent .checkArea .stampCont li.end a {
	text-indent: -9999px;
	border: 0;
}

.checkEvent .checkArea .stampCont li.end a {
	position: relative;
}

.checkEvent .checkArea .stampCont li.end a:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 116%;
	height: 100%;
	background: url("/static/images/event/checkinEvent/onStamp.png") no-repeat;
	background-size: 100%;
}

.checkEvent .checkArea .stampCont li.now a {
	color: rgb(179, 179, 179);
	animation: stampNow 1.4s ease-in-out infinite backwards;
}

@keyframes stampNow {
	0% {
		color: rgb(179, 179, 179);
	}

	50% {
		color: rgba(179, 179, 179, 0.2);
	}
}

#surveyWrapper img {
	width: auto;
}

#surveyWrapper .topTit {
	padding: 24px;
	font-size: var(--fontsize-body-XS) /*15px*/;
	font-weight: 700;
	color: var(--color-white);
	background: var(--color-blue-01);
}

#surveyWrapper .topArea {
	padding: 30px 24px 0;
}

#surveyWrapper .topArea a {
	display: inline-block;
	width: 8px;
	height: 14px;
	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='%231A1818' stroke-width='1.2'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#surveyWrapper main {
	padding: 48px 24px 0;
}

#surveyWrapper main > .btnArea {
	margin-top: 40px;
}

#surveyWrapper main > .btnArea a {
	font-size: var(--fontsize-body-R);
}

#surveyWrapper main .btnArea .btnSave {
	display: block;
	text-align: center;
	color: #8e99a1;
	line-height: var(--baseline-14x);
}

#surveyWrapper .alertPopup {
	position: fixed;
	display: none;
	width: calc(100% - 48px);
	margin: 0 24px;
	padding: 40px 18px;
	z-index: 1000000;
	background: var(--color-white);
	top: 50%;
	transform: translateY(-50%);
}

#surveyWrapper .alertPopup h3 {
	margin-bottom: 20px;
	font-size: var(--fontsize-heading-M);
	text-align: center;
}

#surveyWrapper .alertPopup .textCont {
	text-align: center;
}

#surveyWrapper .alertPopup .btnPopClose {
	position: absolute;
	top: 32px;
	right: 18px;
	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='%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");
}

#surveyWrapper .alertPopup .btnArea {
	display: flex;
	margin-top: 26px;
	justify-content: space-between;
}

#surveyWrapper .alertPopup .btnArea a {
	flex: 1;
	height: 56px;
	line-height: var(--baseline-14x);
	margin-right: 14px;
	text-align: center;
	font-size: var(--fontsize-body-R);
	border: 1px solid var(--color-blue-01);
}

#surveyWrapper .alertPopup .btnArea a:last-of-type {
	margin-right: 0;
	padding-right: 0;
}

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

#surveyWrapper .alertPopup .btnArea .btnA {
	background: var(--color-white);
	color: var(--color-blue-01);
}

#surveyWrapper .alertPopup .btnArea .btnB {
	background: var(--color-blue-01);
	color: var(--color-white);
}

.surveyQnaArea > .qNum {
	display: block;
	margin-bottom: 18px;
	font-size: var(--fontsize-title-S);
	color: #8e99a1;
}

.surveyQnaArea > .qArea {
	margin: 0 -24px;
	padding: 0 24px 40px;
	font-size: var(--fontsize-heading-M);
	color: var(--color-primary);
	border-bottom: 6px solid var(--color-grey-06);
}

.surveyQnaArea > .aArea {
	margin-top: 24px;
}

.surveyQnaArea > .aArea > ul li {
	margin-bottom: 10px;
}

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

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

.surveyQnaArea > .aArea > ul li input + label {
	display: block;
	padding: 16px 24px;
	color: var(--color-primary);
	font-weight: 700;
	background: var(--color-grey-07);
	border: 2px solid var(--color-grey-07);
}

.surveyQnaArea > .aArea > ul li input[type=checkbox] {
	display: none;
}

.surveyQnaArea > .aArea > ul li input[type=checkbox]:checked + label {
	border: var(--border-tab);
}

.surveyQnaArea > .aArea textarea {
	width: 100%;
	height: 176px;
	padding: 16px 20px;
	border: 2px solid var(--color-grey-06);
}

.surveyQnaArea > .aArea textarea::placeholder {
	color: #b2b7bd;
	font-size: var(--fontsize-body-R);
}

.surveyQnaArea > .aArea .byteArea {
	display: block;
	color: #8e99a1;
	font-size: var(--fontsize-description);
}


/* content_n5 에서 이동 */
/* 비회원 문의  */
#customerInquiry ul.buttonList {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 35px;
}

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

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

#customerInquiry 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);
}

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

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