/***** 메인 *****/
/* content_n0 로 이동 */


#wrapper.main {
	padding-top: 0 !important;
}

#wrapper.main section #visual #visualSlide .slideList .imgArea:after {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 100%;
	height: 100%;
	/* 
	background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);
	 */
	content: "";
}


/* 신 디스플레이 작업중 */


#wrapper.main #main {
	margin-top: 0px;
}

#wrapper.main header,
#wrapper.main #appHeader {
	position: relative;
}

#wrapper.main section #visual {
	position: relative;
}

#wrapper.main section #visual #visualSlide {
	z-index: 1;
}

#wrapper.main section #visual #visualSlide .slideList .imgArea {
	overflow: hidden;
}

#wrapper.main section #visual #visualSlide .slideList .imgArea img {
	transform: scale(1.3);
	transition: 0s;
	transition-delay: 1s;
}

#wrapper.main section #visual #visualSlide .slideList .textArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 24px 30px;
	/*text-shadow: 1px 2px 20px #000;*/
}

#wrapper.main section #visual #visualSlide .slideList .textArea strong {
	display: block;
	font-size: var(--fontsize-display-M);
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	line-height: 38px;
	color: var(--color-white);
	transform: translateY(30px);
	opacity: 0;
	transition: 0.75s;
}

#wrapper.main section #visual #visualSlide .slideList .textArea .btnArea {
	margin-top: 20px;
	transform: translateY(-10px);
	opacity: 0;
	transition: 0.75s;
}

#wrapper.main section #visual #visualSlide .slideList .textArea .btnArea a {
	display: inline-block;
	padding-right: 14px;
	color: var(--color-white);
}

#wrapper.main section #visual #visualSlide .slideList .textArea .btnArea a {
	position: relative;
	font-size: var(--fontsize-description) /*13px*/;
	letter-spacing: 0.5px;
	display: inline-block;
	padding: 3px 13px;
	color: var(--color-white);
	background-color: #00000035;
	border-radius: 20px;
}



/*#wrapper.main section #visual #visualSlide .slideList .textArea .btnArea a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
  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='%23fff' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}*/
#wrapper.main section #visual #visualSlide .slick-slide:first-child {
	position: relative;
	z-index: 1;
}

#wrapper.main section #visual #visualSlide .slick-slide {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

#wrapper.main section #visual #visualSlide .on .imgArea img {
	transform: scale(1);
	transition: 1s;
}

#wrapper.main section #visual #visualSlide .on .textArea strong {
	transform: translateY(0);
	opacity: 1;
}

#wrapper.main section #visual #visualSlide .on .textArea .btnArea {
	opacity: 1;
	transition-delay: 0.35s;
}

#wrapper.main section #visual .slidePage {
	display: flex;
	align-items: center;
	position: absolute;
	left: 24px;
	bottom: 30px;
	z-index: 2;
	opacity: 0;
}

#wrapper.main section #visual .slidePage .bar {
	position: relative;
	width: 50px;
	height: 2px;
	background: rgba(255, 255, 255, 0.4);
}

#wrapper.main section #visual .slidePage .bar em {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 2px;
	background: var(--color-white);
	transition: 0.5s;
}

#wrapper.main section #visual .slidePage .numberText {
	display: flex;
	margin-left: 16px;
}

#wrapper.main section #visual .slidePage .numberText strong {
	display: block;
	font-size: calc(var(--baseline-4x) / 1.333);
	color: var(--color-white);
	font-weight: 700;
	/*	opacity: 0.8;*/
}

#wrapper.main section #visual .slidePage .numberText i {
	display: block;
	margin: 0 3px;
	font-size: var(--fontsize-description);
	color: var(--color-white);
	/*	opacity: 0.8;*/
}

#wrapper.main section #visual .slidePage .numberText span {
	display: block;
	font-size: var(--fontsize-description);
	color: var(--color-white);
	/*	opacity: 0.8;*/
}

#wrapper.main section #visual .slidePage.on {
	opacity: 1;
	transition: 1s;
	transition-delay: 0.5s;
}

#wrapper.main section main {
	overflow: hidden;
}

#wrapper.main section main h2.typeA {
	position: relative;
	line-height: var(--baseline-13x);
	z-index: 1;
}

#wrapper.main section main h2.typeA span {
	display: block;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 48px;
}

#wrapper.main section main h2.typeA strong {
	display: block;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 48px;
}

#wrapper.main section main h2.typeB span {
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 48px;
	line-height: 63px;
}

#wrapper.main section main h2.typeB strong {
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 63px;
}

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

#wrapper.main section main a.btnMore {
	position: relative;
}

#wrapper.main section main 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%;
}

#wrapper.main section main .storeArea {
	margin-bottom: 32px;
}

#wrapper.main section main .storeArea .boxArea {
	padding-top: 20px;
}

#wrapper.main section main .storeArea .boxArea h3 {
	margin-bottom: 16px;
}

#wrapper.main section main .storeArea .boxArea h3 strong {
	display: inline-block;
	line-height: var(--baseline-10x);
	font-size: var(--fontsize-display-M);
	font-weight: 700;
}

#wrapper.main section main .storeArea .boxArea h3 > a {
	display: inline-block;
	padding-right: 18px;
	margin-bottom: 4px;
	margin-left: 8px;
	vertical-align: bottom;
	line-height: var(--baseline-5x);
	font-size: var(--fontsize-body-XS);
}

#wrapper.main section main .storeArea .boxArea h3 > a {
	position: relative;
}

#wrapper.main section main .storeArea .boxArea h3 > a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	border: 1px solid #666;
	border-radius: 50%;
	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='%23002D62'/%3E%3C/svg%3E") no-repeat 50% 50%/6px 6px;
}

#wrapper.main section main .storeArea .boxArea .infoArea {
	position: relative;
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea {
	display: none;
}

#wrapper.main section main .storeArea .boxArea .infoArea .timeArea {
	display: flex;
	padding-bottom: 15px;
}

#wrapper.main section main .storeArea .boxArea .infoArea .timeArea strong {
	display: block;
	font-size: var(--fontsize-title-S);
}

#wrapper.main section main .storeArea .boxArea .infoArea .timeArea span {
	display: block;
	margin-left: 10px;
	font-size: var(--fontsize-title-M);
	font-weight: 700;
}

#wrapper.main section main .storeArea .boxArea .infoArea ul li i {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 11px;
	vertical-align: middle;
	margin-top: 3px;
}

#wrapper.main section main .storeArea .boxArea .infoArea ul li i img {
	width: 16px;
	height: 16px;
}

#wrapper.main section main .storeArea .boxArea .infoArea ul li strong {
	display: block;
	flex: none;
	margin-right: 10px;
	font-size: var(--fontsize-body-XS) /*15px*/;
	color: var(--color-grey-02);
	vertical-align: middle;
	line-height: normal;
}

#wrapper.main section main .storeArea .boxArea .infoArea ul li strong.ico_calendar_none {
	padding-left: 24px;
}

#wrapper.main section main .storeArea .boxArea .infoArea ul li strong.ico_calendar_none {
	position: relative;
}

#wrapper.main section main .storeArea .boxArea .infoArea ul li strong.ico_calendar_none:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url("/static/images/icon/offday.svg") no-repeat 0 0/16px auto;
}

#wrapper.main section main .storeArea .boxArea .infoArea ul li span {
	font-size: var(--fontsize-body-XS) /*15px*/;
	font-weight: 500;
	vertical-align: middle;
	line-height: initial;
}

#wrapper.main section main .storeArea .boxArea .infoArea .basicInfo {
	/* display: flex; */
	flex-wrap: wrap;
}

#wrapper.main section main .storeArea .boxArea .infoArea .basicInfo li {
	display: flex;
	align-items: center;
	margin-right: 20px;
	/*margin-top: 8px;*/
	font-size: 0;
}

#wrapper.main section main .storeArea .boxArea .infoArea .basicInfo li:last-of-type {
	margin-right: 0;
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea ul {
	margin-top: 5px;
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea ul li {
	display: flex;
	margin-bottom: 5px;
	font-size: 0;
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea ul li:last-of-type::after,
#wrapper.main section main .storeArea .boxArea .infoArea .slideArea ul li:last-of-type::before {
	display: none;
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea {
	display: flex;
	justify-content: space-evenly;
	margin-top: 24px;
	padding-top: 0;
	background-color: var(--color-grey-07);

}

/*230906 추가*/
#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea li {
	padding: 20px;
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea li a {
	display: block;
	padding-left: 36px;
	font-size: var(--fontsize-body-R);
}

/*#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea li a.btn_floor {
  padding-left: 36px;
}*/
#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea li a.btn_floor {
	position: relative;
	margin-top: 3px;
	padding-left: 25px;

}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea li a.btn_floor:after {
	content: "";
	position: absolute;
	/* top: 50%; */
	transform: translateY(-45%);
	left: 0px;
	width: 16px;
	height: 16px;
	background-image: url("/static/images/icon/floor.svg");
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea li a.btn_nav {
	padding-left: 30px;
}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea li a.btn_nav {
	position: relative;
	margin-top: 3px;
	padding-left: 25px;

}

#wrapper.main section main .storeArea .boxArea .infoArea .slideArea .btnArea li a.btn_nav:after {
	content: "";
	position: absolute;
	/* top: 50%; */
	transform: translateY(-45%);
	left: 0;
	width: 18px;
	height: 18px;
	background-image: url("/static/images/icon/location.svg");
}

#wrapper.main section main .storeArea .boxArea .infoArea .btnDrop {
	position: absolute;
	right: 0;
	top: 9px;
	width: 13px;
	height: 7px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10.849 6.273'%3E%3Cpath id='path_33904' data-name='path 33904' d='M5,10,0,5,5,0' transform='translate(0.424 5.424) rotate(-90)' fill='none' stroke='%231A1818' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat 0 0/100%;
	transition: 0.3s;
}

#wrapper.main section main .storeArea .boxArea .infoArea .btnDrop.on {
	transform: rotate(180deg);
}

#wrapper.main section main .storeArea .noticeArea {
	display: flex;
	align-items: center;
	height: 52px;
	padding: 0 24px;
	margin: 30px -24px 0;
	background: var(--color-blue-01);
}

#wrapper.main section main .storeArea .noticeArea > strong {
	padding-left: 20px;
	margin-right: 6px;
	font-size: var(--fontsize-body-S);
	font-weight: 700;
	color: var(--color-white);
}

#wrapper.main section main .storeArea .noticeArea > strong {
	position: relative;
}

#wrapper.main section main .storeArea .noticeArea > strong:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background-image: url("/static/images/icon/megaphone_w.svg");
}

#wrapper.main section main .storeArea .noticeArea .noticeSlide {
	width: calc(100% - 78px);
}

#wrapper.main section main .storeArea .noticeArea .noticeSlide .slideList a {
	display: flex;
	align-items: center;
	height: 52px;
	width: 100%;
}

#wrapper.main section main .storeArea .noticeArea .noticeSlide .slideList a strong {
	display: block;
	margin-right: 10px;
	color: var(--color-white);
	font-size: var(--fontsize-body-XS);
}

#wrapper.main section main .brandSearch {
	position: relative;
	margin-bottom: 64px;
}

#wrapper.main section main .brandSearch input {
	height: 52px;
	width: 100%;
	padding: 0 40px 0 0;
	border: 0;
	border-bottom: 2px solid var(--color-grey-02);
}

#wrapper.main section main .brandSearch input::placeholder {
	color: var(--color-grey-03);
}

#wrapper.main section main .brandSearch input:focus {
	outline: none;
}

#wrapper.main section main .brandSearch a {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 19px;
	height: 18px;
	background: url("/static/images/icon/search_hd.svg") no-repeat;
}

#wrapper.main section main .shoppingNewsArea {
	margin-bottom: 100px;
}

#wrapper.main section main .shoppingNewsArea h2 {
	display: flex;
	justify-content: space-between;
	margin-bottom: -27px;
}

#wrapper.main section main .shoppingNewsArea h2 span {
	transform: translateY(30px);
	opacity: 0;
}

#wrapper.main section main .shoppingNewsArea h2 strong {
	transform: translateY(80px);
	opacity: 0;
}

#wrapper.main section main .shoppingNewsArea h2 a.btnList {
	width: 81px;
	height: 10px;
	align-self: center;
}

#wrapper.main section main .shoppingNewsArea h2 a.btnList {
	position: relative;
}

#wrapper.main section main .shoppingNewsArea h2 a.btnList:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/static/images/common/btn_arrow.png) no-repeat center center;
	background-size: 100%;
}

#wrapper.main section main .shoppingNewsArea h2.active span {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
}

#wrapper.main section main .shoppingNewsArea h2.active strong {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
	transition-delay: 0.2s;
}

#wrapper.main section main .shoppingNewsArea ul li {
	margin-bottom: 60px;
}

#wrapper.main section main .shoppingNewsArea ul li .imgArea {
	position: relative;
	text-align: center;
	overflow: hidden;
}

#wrapper.main section main .shoppingNewsArea ul li .imgArea img {
	width: 100%;
	transform: scale(1.4);
	aspect-ratio: 1/1;
}

#wrapper.main section main .shoppingNewsArea ul li .imgArea em {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	padding: 0 12px;
	line-height: 30px;
	color: var(--color-white);
	background: var(--color-blue-02);
}

#wrapper.main section main .shoppingNewsArea ul li .imgArea.active img {
	transform: scale(1);
	transition: 0.5s;
}

#wrapper.main section main .shoppingNewsArea ul li .textArea {
	padding-top: 24px;
	transform: translateY(50px);
	opacity: 0;
}

#wrapper.main section main .shoppingNewsArea ul li .textArea strong {
	display: block;
	margin-bottom: 4px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	padding-bottom: 3px;
}

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

#wrapper.main section main .shoppingNewsArea ul li .textArea.active {
	transform: translateY(0);
	opacity: 1;
	transition: 1s;
}

#wrapper.main section main .shoppingNewsArea ul li:nth-of-type(2) {
	margin-bottom: 0;
}

#wrapper.main section main .shoppingNewsArea ul li:nth-of-type(3),
#wrapper.main section main .shoppingNewsArea ul li:nth-of-type(4) {
	height: 0;
	margin-bottom: 0;
	overflow: hidden;
}

#wrapper.main section main .shoppingNewsArea ul li:last-child {
	margin-bottom: 0 !important;
}

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

#wrapper.main section main .eventArea {
	margin-bottom: 100px;
}

#wrapper.main section main .eventArea h2 {
	margin-bottom: -28px;
}

#wrapper.main section main .eventArea h2 span {
	transform: translateY(30px);
	opacity: 0;
}

#wrapper.main section main .eventArea h2 strong {
	transform: translateY(80px);
	opacity: 0;
}

#wrapper.main section main .eventArea h2.active span {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
}

#wrapper.main section main .eventArea h2.active strong {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
	transition-delay: 0.2s;
}

#wrapper.main section main .eventArea .eventSlide {
	margin-left: -15px;
	margin-bottom: 58px;
}

#wrapper.main section main .eventArea .eventSlide .slick-list {
	overflow: visible;
}

#wrapper.main section main .eventArea .eventSlide .slideList {
	padding: 0 15px 0 15px;
	transform: translateX(60px);
	opacity: 0;
}

#wrapper.main section main .eventArea .eventSlide .slideList a {
	display: block;
}

#wrapper.main section main .eventArea .eventSlide .slideList a .imgArea img {
	width: 100%;
}

#wrapper.main section main .eventArea .eventSlide .slideList a .textArea {
	padding-top: 30px;
}

#wrapper.main section main .eventArea .eventSlide .slideList a .textArea strong {
	display: block;
	margin-bottom: 4px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
	padding-bottom: 3px;
}

#wrapper.main section main .eventArea .eventSlide .slideList a .textArea span {
	color: var(--color-grey-02);
}

#wrapper.main section main .eventArea .eventSlide .slideList a .textArea span i {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	font-size: var(--fontsize-body-XS);
}

#wrapper.main section main .eventArea .eventSlide .slideList a .textArea span i:before {
	content: "/";
}

#wrapper.main section main .eventArea .eventSlide .slideList a .textArea span i:first-of-type {
	padding-left: 0;
	margin-left: 0;
}

#wrapper.main section main .eventArea .eventSlide .slideList a .textArea span i:first-of-type::before {
	display: none;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList {
	opacity: 1;
	transform: translateX(0);
	transition: 1s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(0) {
	transition-delay: 0s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(1) {
	transition-delay: 0.2s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(2) {
	transition-delay: 0.4s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(3) {
	transition-delay: 0.6s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(4) {
	transition-delay: 0.8s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(5) {
	transition-delay: 1s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(6) {
	transition-delay: 1.2s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(7) {
	transition-delay: 1.4s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(8) {
	transition-delay: 1.6s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(9) {
	transition-delay: 1.8s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(10) {
	transition-delay: 2s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(11) {
	transition-delay: 2.2s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(12) {
	transition-delay: 2.4s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(13) {
	transition-delay: 2.6s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(14) {
	transition-delay: 2.8s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(15) {
	transition-delay: 3s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(16) {
	transition-delay: 3.2s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(17) {
	transition-delay: 3.4s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(18) {
	transition-delay: 3.6s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(19) {
	transition-delay: 3.8s;
}

#wrapper.main section main .eventArea .eventSlide.active .slideList:nth-of-type(20) {
	transition-delay: 4s;
}

#wrapper.main section main .eventArea .slidePage {
	display: flex;
	align-items: center;
	width: 100%;
}

#wrapper.main section main .eventArea .slidePage .bar {
	position: relative;
	height: 3px;
	width: 100%;
	overflow: hidden;
}

#wrapper.main section main .eventArea .slidePage .bar svg {
	width: 100%;
}

#wrapper.main section main .eventArea .slidePage .bar .svgBg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

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

#wrapper.main section main .eventArea .slidePage .numberText {
	margin-left: 18px;
	display: flex;
}

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

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

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

#wrapper.main section main .cultureArea {
	position: relative;
	margin: 0 -24px 105px;
}

#wrapper.main section main .cultureArea h2 {
	margin-bottom: -27px;
	margin-left: 24px;
}

#wrapper.main section main .cultureArea h2 span {
	transform: translateY(30px);
	opacity: 0;
}

#wrapper.main section main .cultureArea h2 strong {
	transform: translateY(80px);
	opacity: 0;
}

#wrapper.main section main .cultureArea h2.active span {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
}

#wrapper.main section main .cultureArea h2.active strong {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
	transition-delay: 0.2s;
}

#wrapper.main section main .cultureArea .cultureSlide {
	z-index: 0;
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .imgArea {
	overflow: hidden;
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .imgArea img {
	width: 100%;
	transform: scale(1.3);
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .textArea {
	padding: 32px 24px 40px;
	background: var(--color-grey-06);
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .textArea strong {
	display: block;
	margin-bottom: 6px;
	font-size: var(--fontsize-heading-M);
	font-weight: 700;
	line-height: var(--baseline-9x);
	transform: translateY(20px);
	opacity: 0;
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .textArea p {
	margin-bottom: 100px;
	color: var(--color-primary);
	transform: translateY(20px);
	opacity: 0;
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .textArea .btnArea {
	height: 50px;
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .textArea .btnArea a {
	display: block;
	height: 50px;
	border: var(--border-table-bottom);
	line-height: 50px;
	text-align: center;
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .textArea .btnArea a span {
	display: inline-block;
	padding-right: 16px;
	line-height: normal;
	color: var(--color-grey-01);
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .textArea .btnArea a span {
	position: relative;
}

#wrapper.main section main .cultureArea .cultureSlide .slideList .textArea .btnArea 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='%23444' stroke-width='1'/%3E%3C/svg%3E%0A") no-repeat 0 0/100%;
}

#wrapper.main section main .cultureArea .cultureSlide.active .slideList .textArea strong {
	transform: translateY(20px);
	opacity: 0;
}

#wrapper.main section main .cultureArea .cultureSlide.active .slideList .textArea p {
	transform: translateY(20px);
	opacity: 0;
}

#wrapper.main section main .cultureArea .cultureSlide.active .slideList .imgArea img {
	transform: scale(1.3);
	aspect-ratio: 1/1.128;
}

#wrapper.main section main .cultureArea .cultureSlide.active .slideList.on .textArea strong {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
	transition-delay: 0.3s;
}

#wrapper.main section main .cultureArea .cultureSlide.active .slideList.on .textArea p {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
	transition-delay: 0.3s;
}

#wrapper.main section main .cultureArea .cultureSlide.active .slideList.on .imgArea img {
	transition: 0.85s;
	transform: scale(1);
}

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

#wrapper.main section main .cultureArea .slidePage .bar {
	position: relative;
	height: 3px;
	width: 100%;
	overflow: hidden;
}

#wrapper.main section main .cultureArea .slidePage .bar svg {
	width: 100%;
}

#wrapper.main section main .cultureArea .slidePage .bar .svgBg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

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

#wrapper.main section main .cultureArea .slidePage .numberText {
	margin-left: 18px;
	display: flex;
}

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

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

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

#wrapper.main section main .aClassArea .titleArea {
	margin-bottom: 36px;
}

#wrapper.main section main .aClassArea .titleArea strong {
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(1.25);
	opacity: 0;
	transition: 1s;
	font-size: 30px;
	/*i{display:block; margin:0 15px;}
  .i_a1{width:19.2px; height: 34.05px; background:url(/static/images/main/text_a1.png) no-repeat 0 0 / 100%;}
  .i_star{width: 45.05px; height: 45.03px; margin:0 0 !important; background:url(/static/images/main/text_star.png) no-repeat 0 0 / 100%;}
  .i_c{width: 12.9px; height: 34.34px; background:url(/static/images/main/text_c.png) no-repeat 0 0 / 100%;}
  .i_l{width: 11.06px; height: 33.95px; background:url(/static/images/main/text_l.png) no-repeat 0 0 / 100%;}
  .i_a2{width: 17.7px; height: 34.09px; background:url(/static/images/main/text_a2.png) no-repeat 0 0 / 100%;}
  .i_s{width: 13.24px; height: 34.82px; background:url(/static/images/main/text_s.png) no-repeat 0 0 / 100%;}*/
}

#wrapper.main section main .aClassArea .titleArea.active strong {
	transform: scale(1);
	opacity: 1;
}

#wrapper.main section main .aClassArea .bannerArea {
	height: 200px;
	margin-bottom: 100px;
	background-repeat: no-repeat;
	background-position: 0 calc(50% + 25px);
	background-size: 132% auto;
}

#wrapper.main section main .aClassArea .bannerArea a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	position: relative;
	z-index: 2;
}

#wrapper.main section main .aClassArea .bannerArea a p {
	position: relative;
	font-size: var(--fontsize-title-S);
	text-align: center;
	color: var(--color-white);
	z-index: 2;
	transform: translateY(10px);
	opacity: 0;
}

#wrapper.main section main .aClassArea .bannerArea {
	position: relative;
}

#wrapper.main section main .aClassArea .bannerArea:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1;
}

#wrapper.main section main .aClassArea .bannerArea.active {
	background-position: 0 70%;
	transition: 0.8s;
	transition-delay: 0.2s;
}

#wrapper.main section main .aClassArea .bannerArea.active p {
	opacity: 1;
	transform: translateY(0);
	transition: 0.8s;
	transition-delay: 0.5s;
}

#wrapper.main section main .onlyArea {
	margin-bottom: 100px;
}

#wrapper.main section main .onlyArea h2 {
	position: relative;
	margin-bottom: -23px;
	transform: translateY(30px);
	opacity: 0;
	z-index: 1;
}

#wrapper.main section main .onlyArea h2.active {
	transform: translateY(0);
	opacity: 1;
	transition: 1s;
}

#wrapper.main section main .onlyArea ul li {
	margin-bottom: 50px;
}

#wrapper.main section main .onlyArea ul li .imgArea {
	transform: translateY(30px);
	opacity: 0;
}

#wrapper.main section main .onlyArea ul li .imgArea img {
	width: 100%;
	aspect-ratio: 1/0.526;
}

#wrapper.main section main .onlyArea ul li .imgArea.active {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
}

#wrapper.main section main .onlyArea ul li .textArea {
	padding-top: 20px;
	transform: translateY(30px);
	opacity: 0;
}

#wrapper.main section main .onlyArea ul li .textArea strong {
	display: block;
	margin-bottom: 6px;
}

#wrapper.main section main .onlyArea ul li .textArea strong span {
	display: inline-block;
	position: relative;
	padding-right: 16px;
	font-size: var(--fontsize-title-L);
	font-weight: 700;
}

#wrapper.main section main .onlyArea ul li .textArea strong span {
	position: relative;
}

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

#wrapper.main section main .onlyArea ul li .textArea.active {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
	transition-delay: 0.2s;
}

#wrapper.main section main .onlyArea ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#wrapper.main section main .onlyArea ul li:last-of-type::after,
#wrapper.main section main .onlyArea ul li:last-of-type::before {
	display: none;
}

#wrapper.main section main .socialArea h2 {
	position: relative;
	margin-bottom: -23px;
	transform: translateY(30px);
	opacity: 0;
	z-index: 1;
}

#wrapper.main section main .socialArea h2.active {
	transform: translateY(0);
	opacity: 1;
	transition: 1s;
}

#wrapper.main section main .socialArea ul li {
	margin-bottom: 60px;
	transform: translateY(50px);
	opacity: 0;
}

#wrapper.main section main .socialArea ul li .imgArea {
	text-align: center;
}

#wrapper.main section main .socialArea ul li .imgArea img {
	width: 100%;
	aspect-ratio: 1/0.643;
}

#wrapper.main section main .socialArea ul li .textArea {
	position: relative;
	padding: 24px 20px 24px;
	background: var(--color-grey-07);
}

#wrapper.main section main .socialArea ul li .textArea strong {
	display: block;
	margin-bottom: 5px;
	line-height: var(--baseline-6x);
}

#wrapper.main section main .socialArea ul li .textArea > span {
	display: block;
	margin-bottom: 21px;
}

#wrapper.main section main .socialArea ul li .textArea > span i {
	display: inline-block;
	font-size: var(--fontsize-body-XS);
	color: var(--color-grey-02);
	line-height: var(--baseline-5x);
	margin-right: 8px;
}

#wrapper.main section main .socialArea ul li .textArea > span i:before {
	content: "#";
}

/*#wrapper.main section main .socialArea ul li .textArea .socialBox em {
	display: inline-block;
	padding-left: 22px;
	color: var(--color-grey-01);  
	margin-right: 16px;
	font-size: var(--fontsize-body-XS); 
}

#wrapper.main section main .socialArea ul li .textArea .socialBox em.good {
	position: relative;
}

#wrapper.main section main .socialArea ul li .textArea .socialBox em.good:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 14.26px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14.258'%3E%3Cpath id='heart' d='M15.625,4.165a4.25,4.25,0,0,0-6.013,0L9.1,4.688l-.511-.52,0,0a4.25,4.25,0,0,0-6.011,0l-.23.23a4.25,4.25,0,0,0,0,6.011L8.4,16.461l.684.716L9.1,17.16l.017.017.641-.676,6.1-6.1a4.255,4.255,0,0,0,0-6.011Z' transform='translate(-1.097 -2.92)' fill='%23f5c1c1'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#wrapper.main section main .socialArea ul li .textArea .socialBox em.comment {
	position: relative;
}

#wrapper.main section main .socialArea ul li .textArea .socialBox em.comment:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 13.33px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13.328'%3E%3Cpath id='comment' d='M7.82,16.736s-1.652,1.5-2.3.986.531-2.456.531-2.456A6.366,6.366,0,0,1,4.5,11.111a6.814,6.814,0,0,1,7-6.611,6.814,6.814,0,0,1,7,6.611,6.814,6.814,0,0,1-7,6.611,7.274,7.274,0,0,1-3.68-.986Z' transform='translate(-4.5 -4.5)' fill='%23bccfe8' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 0 0/100%;
}

#wrapper.main section main .socialArea ul li .textArea .socialBox em:last-of-type {
	margin-right: 0;
}
*/

#wrapper.main section main .socialArea ul li:nth-of-type(2),
#wrapper.main section main .socialArea ul li:nth-of-type(3) {
	display: none;
}

#wrapper.main section main .socialArea ul li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}

#wrapper.main section main .socialArea ul li:last-of-type::after,
#wrapper.main section main .socialArea ul li:last-of-type::before {
	display: none;
}

#wrapper.main section main .socialArea ul li.active {
	transform: translateY(0);
	opacity: 1;
	transition: 0.8s;
}

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

#wrapper.main section main .snsArea {
	margin-top: 100px;
	text-align: center;
}

#wrapper.main section main .snsArea strong {
	display: block;
	margin-bottom: 20px;
	font-size: var(--fontsize-title-M);
	color: var(--color-grey-01);
}

#wrapper.main section main .snsArea ul {
	display: flex;
	justify-content: center;
}

#wrapper.main section main .snsArea ul li {
	margin: 0 10px;
}

#wrapper.main section main .snsArea ul li a {
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}

#wrapper.main section main .snsArea ul li a.btn_instagram {
	background: #E1539A;
}

#wrapper.main section main .snsArea ul li a.btn_instagram {
	position: relative;
}

#wrapper.main section main .snsArea ul li a.btn_instagram:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 -11px;
	background: url("/static/images/icon/sns/insta.svg") no-repeat 0 0/100%;
}

#wrapper.main section main .snsArea ul li a.btn_facebook {
	background: #465AC4;
}

#wrapper.main section main .snsArea ul li a.btn_facebook {
	position: relative;
}

#wrapper.main section main .snsArea ul li a.btn_facebook:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 23px;
	margin: -11px 0 0 -6px;
	background: url("/static/images/icon/sns/febk.svg") no-repeat 50%/100% auto;
}

#wrapper.main section main .snsArea ul li a.btn_kakaoCh {
	background: #FEE500;
}

#wrapper.main section main .snsArea ul li a.btn_kakaoCh {
	position: relative;
}

#wrapper.main section main .snsArea ul li a.btn_kakaoCh:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 26px;
	height: 18px;
	margin: -9px 0 0 -13px;
	background: url("/static/images/icon/sns/kakaoch.svg") no-repeat 0 0/100%;
}

#wrapper.main section main .snsArea ul li a.btn_youtube {
	background: var(--color-red-01);
}

#wrapper.main section main .snsArea ul li a.btn_youtube {
	position: relative;
}

#wrapper.main section main .snsArea ul li a.btn_youtube:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 19.3px;
	height: 13.51px;
	margin: -7px 0 0 -10px;
	background: url("/static/images/icon/sns/youtube.svg") no-repeat 0 0/100%;
}

#wrapper.main .mainPopWrap {
	position: fixed;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1000000;
}

#wrapper.main .mainPopWrap .mainPop {
	width: 320px;
	z-index: 121;
	background: rgba(0, 0, 0, 0.5);
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slideList {
	width: 320px;
	height: 387px;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slideList a {
	width: 100%;
	height: 100%;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-dots {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 9999;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-dots li {
	margin: 0 4px;
}

#wrapper.main .mainPopWrap .mainPop .mainPopSlide .slick-dots li button {
	width: 6px;
	height: 6px;
}

#wrapper.main .mainPopWrap .mainPop .checkTodayBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 48px;
	padding: 0 16px;
}

#wrapper.main .mainPopWrap .mainPop .checkTodayBox > div input + label {
	color: var(--color-white);
	font-size: var(--fontsize-body-XS) /*15px*/;
	font-weight: normal;
}

#wrapper.main .mainPopWrap .mainPop .checkTodayBox > div input + label:after {
	width: 19px;
	height: 19px;
}

#wrapper.main .mainPopWrap .mainPop .checkTodayBox a {
	font-size: var(--fontsize-body-XS) /*15px*/;
	color: var(--color-white);
}

#wrapper.main .mainPopWrap .popBg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: var(--color-primary);
	opacity: 0.5;
	z-index: 120;
}

#wrapper.main .mainStickerPopWrap {
	position: fixed;
	bottom: 20px;
	left: 50%;
	width: 320px;
	height: 230px;
	margin-left: -160px;
	border: solid 1px var(--color-grey-02);
	z-index: 99;
	overflow: hidden;
}

#wrapper.main .mainStickerPopWrap .mainStickerCloseBtn {
	position: absolute;
	right: 10px;
	top: 10px;
}

#wrapper.main .mainStickerPopWrap .mainStickerCloseBtn:after {
	content: "";
	display: block;
	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%;
}

#wrapper.main .btnFloating .btnBack {
	display: none;
}

.skyBannerWrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 119;
	overflow: hidden;
}

.skyBannerWrap .skyBnCloseBtn {
	position: absolute;
	right: 15px;
	top: 20px;
}

.skyBannerWrap .skyBnCloseBtn:after {
	content: "";
	display: block;
	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%;
}