@charset "utf-8"; /* main new */ body.fixed #wrapper.main { background: #f8f8f8; } body #wrapper.main header, body #wrapper.main #appHeader { background: transparent; background-image: none; } /* body #wrapper.main header, body #wrapper.main #appHeader { left: auto; right: auto; } */ body #wrapper.main header h1 a, body #wrapper.main #appHeader h1 a { width: 139px; height: 18px; background: url("https://static-m.akplaza.com/static/images/icon/logo_bl.svg") no-repeat 0 0/139px 18px; } #content { padding-bottom: 80px; } #appBanner { display: none; } /*#mobileapp0 {}*/ /* main */ /*main {padding: 0;}*/ #main.main-wrap-n {position: relative; z-index: 2;} #main.main-wrap-n .content-inner {padding: 60px 0 0 0; overflow: hidden;} .main-bg-wrap01 {position: absolute; top: 0; left: 0; width: 100%; height: 1800px; -webkit-backdrop-filter: blur(50px); backdrop-filter:blur(50px); z-index: 1; background-color: rgb(248 248 248 / 80%); background-blend-mode: lighten; } .main-bg-wrap02 {position: absolute; top: 0; left: 0; width: 100%; height: 1650px; background-size: cover;} .main-bg-wrap01.trans {transition: 0.8s;} .main-bg-wrap02.trans {transition: 0.8s;} section.sec-main {padding-bottom: 56px;} .main-tit-ty01 {position: relative; padding: 0 28px 8px 28px; overflow: hidden;} .main-tit-ty01 p {color: #000; font-size: 20px; font-style: normal; font-weight: 700; line-height: 150%;} .main-tit-ty01 a.btn-view-all {position: absolute; top: 6.5px; right: 0; display: inline-block; font-size: 12px; color: var(--color-grey-01); line-height: 145%;} .motion .main-tit-ty01 p {transform: translateX(-60px); opacity: 0;} .motion.active .main-tit-ty01 p {opacity: 1; transform: translateX(0); transition: 0.5s;} .motion .main-tit-ty01 a.btn-view-all {transform: translateX(60px); opacity: 0;} .motion.active .main-tit-ty01 a.btn-view-all {opacity: 1; transform: translateX(-28px); transition: 0.5s;} .member-info {margin-bottom: 40px;} .member-info .top-area {padding-bottom: 13px;} .member-info .top-area .bx-name-grade {color: var(--color-primary); font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 155%;} .member-info .top-area .bx-name-grade span.name {font-weight: 700; line-height: var(--baseline-6x);} .member-info .top-area .bx-name-grade .btm-more-n {display: inline-block; width: 22px; height: 22px; font-weight: 500; font-size: 10.5px; color: var(--color-primary); line-height: var(--baseline-5x); margin: 3px 0 0 0; background: var(--color-white); border: 1px solid var(--color-grey-04); border-radius: 11px; text-align: center; vertical-align: top;} .member-info .top-area .bx-bt-tx {color: var(--color-primary); font-family: Pretendard; font-size: 18px; font-style: normal; font-weight: 400; line-height: 155%;} .member-info .top-area .ticket01 {display: inline-block; margin:3px 0 0 0; vertical-align:top;} .member-info .top-area .ticket01 span {display: inline-block; width: 62px; height: 10px; vertical-align: top; margin-top: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='10' viewBox='0 0 62 10' fill='none'%3E%3Cpath d='M0 0.116211V8.88621H3.2V8.12221H0.836V4.85121H2.941V4.08821H0.836V0.881211H3.16V0.116211H0Z' fill='white'/%3E%3Cpath d='M9.14289 4.729H6.48389V5.524H9.14289V4.729Z' fill='white'/%3E%3Cmask id='mask0_653_1706' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='62' height='10'%3E%3Cpath d='M62 0.5H0V9.5H62V0.5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_653_1706)'%3E%3Cpath d='M14.0569 8.64779C15.2439 8.64779 16.0989 7.53179 16.0989 5.12579V4.87379C16.0989 2.46679 15.2059 1.35179 14.0439 1.35179H13.6739V8.65179L14.0569 8.64779ZM12.8459 0.612793H14.0069C15.7549 0.612793 16.9409 2.06779 16.9409 4.87379V5.12579C16.9409 7.93279 15.7559 9.38679 14.0069 9.38679H12.8459V0.612793Z' fill='white'/%3E%3Cpath d='M21.5209 0.611816H20.6929V9.38682H21.5209V0.611816Z' fill='white'/%3E%3Cpath d='M28.3468 6.38008L27.4398 1.96608L26.5338 6.38008H28.3468ZM27.0068 0.580078H27.8998L29.7878 9.39308H28.9458L28.4728 7.12308H26.4068L25.9468 9.39308H25.1318L27.0068 0.580078Z' fill='white'/%3E%3Cpath d='M33.321 0.612793H34.24L35.729 5.06279L37.239 0.612793H38.157V9.38779H37.357V2.44379L35.757 7.05479H35.706L34.113 2.44379V9.38779H33.322L33.321 0.612793Z' fill='white'/%3E%3Cpath d='M45.3768 5.138V4.863C45.3768 2.394 44.7888 1.253 44.0228 1.253C43.2568 1.253 42.6708 2.394 42.6708 4.863V5.139C42.6708 7.609 43.2568 8.749 44.0228 8.749C44.7888 8.749 45.3768 7.607 45.3768 5.138ZM41.8298 5.139V4.863C41.8298 1.963 42.7618 0.5 44.0238 0.5C45.2858 0.5 46.2058 1.966 46.2058 4.863V5.139C46.2058 8.039 45.2888 9.501 44.0238 9.501C42.7588 9.501 41.8298 8.035 41.8298 5.139Z' fill='white'/%3E%3Cpath d='M49.906 0.612793H50.736L53.197 7.19279V0.612793H53.997V9.38779H53.223L50.697 2.61879V9.38779H49.906V0.612793Z' fill='white'/%3E%3Cpath d='M59.1161 8.64779C60.3031 8.64779 61.1581 7.53179 61.1581 5.12579V4.87379C61.1581 2.46679 60.2651 1.35179 59.1041 1.35179H58.7341V8.65179L59.1161 8.64779ZM57.9041 0.612793H59.0651C60.8131 0.612793 62.0001 2.06779 62.0001 4.87379V5.12579C62.0001 7.93279 60.8131 9.38679 59.0651 9.38679H57.9041V0.612793Z' fill='white'/%3E%3C/g%3E%3C/svg%3E"); background-size: 62px 10px; background-repeat: no-repeat;} .member-info .btm-area .tp-q-menu {padding: 0 24px;} .member-info .btm-area .tp-q-menu .swiper-slide {display: inline-block; font-size: 14px; line-height: var(--baseline-5x); padding: 7px 12px; background: var(--color-white); border-radius: 90px; width: auto !important;} .member-info .btm-area .tp-q-menu .swiper-slide span.txt {display: inline-block;} .member-info .btm-area .tp-q-menu .swiper-slide span.num {display: inline-block; font-size: 16px; font-weight: 600; padding-left: 8px;} .member-info .btm-area .tp-q-menu .swiper-slide.btn-login-n {display: inline-block; font-size: 14px; line-height: var(--baseline-5x); padding: 7px 12px; background: var(--color-blue-01); border-radius: 90px;} .member-info .btm-area .tp-q-menu .swiper-slide.btn-login-n span {display: inline-block; color: var(--color-white);} .member-info .btm-area .tp-q-menu .swiper-slide.btn-join-n {display: inline-block; font-size: 14px; line-height: var(--baseline-5x); padding: 7px 12px; background: var(--color-white); border-radius: 90px;} .member-info .btm-area .tp-q-menu .swiper-slide.btn-join-n span {display: inline-block;} .member-info .btm-area .tp-q-menu .swiper-slide .dnc span.txt {color: var(--color-blue-06);} .member-info .btm-area .tp-q-menu .swiper-slide .dnc span.num {color: var(--color-blue-06);} .member-info {overflow: hidden;} .member-info .top-area {padding: 0 0 13px 24px;} .member-info .top-area .bx-name-grade {display: flex; flex-direction: row; align-content: center; align-items: center; width: 100%;} .member-info .top-area .bx-name-grade .bx-l-side {flex-shrink: 0; align-content: center; align-items: center; padding-right: 8px; font-size: 18px;} .member-info .top-area .bx-name-grade .bx-r-side {flex-grow: 1; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scroll-behavior: smooth;} .member-info .top-area .bx-name-grade .bx-r-side .inner-bx {display: flex; flex-wrap: nowrap; width: max-content; align-items: center;} .member-info .top-area .ticket01 {margin: 0 5px 0 0;} .member-info .top-area .bx-name-grade .btm-more-n {margin-top: 0;} @media (max-width: 340px) { .member-info .top-area .bx-name-grade.before {display: inline-block; font-size: 17px; letter-spacing: -0.5px;} .member-info .top-area .bx-bt-tx {font-size: 17px; letter-spacing: -0.5px;} } .main-vis-wrap { position: relative; animation-name: up; animation-duration: 0.5s; animation-delay: 0; animation-duration: leaner; animation-iteration-count:1; animation-direction: alternate; animation-fill-mode: forwards; transform: translateY(30%); } .main-visual-n {padding-bottom: 56px;} .main-visual-n .inner-bx {width: 327px; height: 377px;} .main-visual-n .inner-bx .swiper-slide {display: flex; align-items: center;} .main-visual-n .inner-bx .swiper-slide > div {width: 100%; height: 347px; border-radius: 40px; overflow: hidden; transform: translateZ(0); transition: 0.3s; transition-delay: 0.1s; overflow: hidden;} .main-visual-n .inner-bx .swiper-slide img {width: 100%; height: 100%; object-fit: cover; transform: scale(1.4);} .main-visual-n .inner-bx .swiper-slide-active > div {height: 377px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05);} .main-visual-n .inner-bx .swiper-slide-active img {transform: scale(1); transition: 0.7s;} .main-visual-n .swiper-pagination {bottom: 28px;} .main-visual-n .swiper-pagination-bullet-active {background: #000; width: 28px; border-radius: 12px;} .main-visual-n2 {position: absolute; top: 0; left: 0; width: 100%; overflow: inherit; padding-bottom: 56px;} .main-visual-n2 .inner-bx.swiper-wrapper {display: none;} .main-visual-n2 .pagination-wrap {position: absolute; top: 18px; left: 0; width: 100%;} .main-visual-n2 .pagination-wrap .in-bx-n {width: 327px; padding: 0 18px 0 0; margin: 0 auto; text-align: right;} .main-visual-n2 .swiper-pagination2 {top: 0; left: auto; bottom: auto; display: inline-block; width: auto; font-size: 11px; color: var(--color-white); padding: 6px 8px; background: rgb(0, 0, 0, 0.40); border-radius: 22px; text-align: right; z-index: 100;} @media (max-width: 340px) { .main-visual-n .inner-bx {width: 280px; height: 323px;} .main-visual-n .inner-bx .swiper-slide > div {height: 283px;} .main-visual-n .inner-bx .swiper-slide-active > div {height: 323px;} .main-visual-n2 .inner-bx {width: 280px; height: 323px;} .main-visual-n2 .inner-bx .swiper-slide > div {height: 283px;} .main-visual-n2 .inner-bx .swiper-slide-active > div {height: 323px;} .main-visual-n2 .pagination-wrap .in-bx-n {width: 280px;} } .shopping-news-list {padding: 0 24px 56px 24px;} .shopping-news-list .inner-bx {height: 194px;} .shopping-news-list .inner-bx .swiper-slide {width: 160px; height: 194px; border-radius: 30px; background: var(--color-white); overflow: hidden; display: flex; flex-direction: column;} .shopping-news-list .inner-bx .swiper-slide .bx-thum {height: 120px;} .shopping-news-list .inner-bx .swiper-slide .bx-thum img {width: 100%; height: 100%; object-fit: cover;} .shopping-news-list .inner-bx .swiper-slide .bx-cnt {max-height: 58px; color: var(--color-primary); font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 700; line-height: 150%; padding: 16px 16px 0 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .shopping-news-list .swiper-pagination {display: none !important;} .shopping-news-list2 {display: none;} .type-top .shopping-news-list .inner-bx {width: 327px; height: 377px;} .type-top .shopping-news-list .inner-bx .swiper-slide {width: 327px; height: 377px; display: flex; align-items: center; justify-content: center; background: transparent;} .type-top .shopping-news-list .inner-bx .swiper-slide .bx-thum {width: 100%; height: 347px; border-radius: 30px; overflow: hidden; transform: translateZ(0); transition: 0.3s; transition-delay: 0.1s; overflow: hidden;} .type-top .shopping-news-list .inner-bx .swiper-slide img {width: 100%; height: 100%; object-fit: cover; transform: scale(1.4);} .type-top .shopping-news-list .inner-bx .swiper-slide-active {height: 377px; overflow: hidden;} .type-top .shopping-news-list .inner-bx .swiper-slide-active .bx-thum {height: 377px; border: 1px solid rgba(0, 0, 0, 0.05);} .type-top .shopping-news-list .inner-bx .swiper-slide-active img {transform: scale(1); transition: 0.7s;} .type-top .shopping-news-list .inner-bx .swiper-slide .bx-cnt {position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; font-size: 16px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .type-top .shopping-news-list .inner-bx .swiper-slide .bx-thum::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.0) 0%, rgba(0, 0, 0, 0.5) 70%); } .type-top .shopping-news-list .swiper-pagination {display: block !important; bottom: 28px;} .type-top .shopping-news-list .swiper-pagination-bullet-active {background: #000; width: 28px; border-radius: 12px;} .type-top .shopping-news-list2 {position: absolute; top: 0; left: 0; width: 100%; overflow: inherit; padding-bottom: 56px; display: block;} .type-top .shopping-news-list2 .inner-bx.swiper-wrapper {display: none;} .type-top .shopping-news-list2 .pagination-wrap {position: absolute; top: 18px; left: 0; width: 100%;} .type-top .shopping-news-list2 .pagination-wrap .in-bx-n {width: 327px; padding: 0 18px 0 0; margin: 0 auto; text-align: right;} .type-top .shopping-news-list2 .swiper-pagination2 {top: 0; left: auto; bottom: auto; display: inline-block; width: auto; font-size: 11px; color: var(--color-white); padding: 6px 8px; background: rgb(0, 0, 0, 0.40); border-radius: 22px; text-align: right; z-index: 100;} @media (max-width: 340px) { .type-top .shopping-news-list .inner-bx {height: 284px;} .type-top .shopping-news-list .inner-bx .swiper-slide {width: 250px; height: 284px;} .type-top .shopping-news-list .inner-bx .swiper-slide .bx-thum {height: 210px;} .type-top .shopping-news-list .inner-bx {width: 280px; height: 323px;} .type-top .shopping-news-list .inner-bx .swiper-slide {width: 280px; height: 323px;} .type-top .shopping-news-list .inner-bx .swiper-slide .bx-thum {height: 283px;} .type-top .shopping-news-list .inner-bx .swiper-slide-active .bx-thum {height: 323px;} .type-top .shopping-news-list2 .inner-bx {width: 280px; height: 323px;} .type-top .shopping-news-list2 .inner-bx .swiper-slide > div {height: 283px;} .type-top .shopping-news-list2 .inner-bx .swiper-slide-active > div {height: 323px;} .type-top .shopping-news-list2 .pagination-wrap .in-bx-n {width: 280px;} } .shopping-news-n.motion .inner-bx .swiper-slide {transform: translateX(60px); opacity: 0;} .shopping-news-n.motion.active .inner-bx .swiper-slide {opacity: 1; transform: translateX(0); transition: 1s;} .shopping-news-n.motion.active .inner-bx .swiper-slide:nth-of-type(1) {transition-delay: 0.2s;} .shopping-news-n.motion.active .inner-bx .swiper-slide:nth-of-type(2) {transition-delay: 0.4s;} .shopping-news-n.motion.active .inner-bx .swiper-slide:nth-of-type(3) {transition-delay: 0.6s;} .shopping-news-n.type-top.motion .inner-bx .swiper-slide {transform: none; opacity: 1;} .shopping-news-n.type-top.motion.active .inner-bx .swiper-slide {opacity: 1; transform: none; transition: none;} .shopping-news-n.type-top.motion.active .inner-bx .swiper-slide:nth-of-type(1) {transition-delay: 0;} .shopping-news-n.type-top.motion.active .inner-bx .swiper-slide:nth-of-type(2) {transition-delay: 0;} .shopping-news-n.type-top.motion.active .inner-bx .swiper-slide:nth-of-type(3) {transition-delay: 0;} @keyframes up { from { transform: translatey(30%); } to { transform: translatey(0%); } } @keyframes tit1 { from { transform: translatex(-30%); } to { transform: translatex(0%); } } @keyframes tit2 { from { transform: translatex(30%); } to { transform: translatex(0%); } } .event-reward-n {padding-bottom: 56px;} .event-reward-n .event-wrap {padding: 0 24px;} .event-reward-n .event-list {/*max-height: 451px;*/ padding: 20px; background: var(--color-white); border-radius: 40px;} .event-reward-n .event-list ul {display: flex; flex-direction: column; row-gap: 16px;} .event-reward-n .event-list li {display: flex; column-gap: 12px; align-items: center;} .event-reward-n .event-list li .bx-thum a {display: block; width: 80px; height: 80px; border-radius: 30px; border: 1px solid rgba(0, 0, 0, 0.05); background: url() lightgray 50% / cover no-repeat; overflow: hidden;} .event-reward-n .event-list li .bx-thum img {width:100%; height: 100%; object-fit: cover;} .event-reward-n .event-list li .bx-cnt {flex: 1; overflow: hidden;} .event-reward-n .event-list li .bx-cnt a {display: block;} .event-reward-n .event-list li .bx-cnt .flag-area { display: inline-block; font-weight: 500; font-size: 10px; color: var(--color-white); line-height: 11px; padding: 3.5px 5px; border-radius: 0; background: var(--color-blue-01); } .event-reward-n .event-list li .bx-cnt dt {color: var(--color-primary); font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 700; line-height: 150%; padding: 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .event-reward-n .event-list li .bx-cnt dd {color: var(--color-grey-02); font-family: Pretendard; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%;} .event-reward-n .reward-list {position: relative; padding: 0 20px 0 20px; margin: 20px -20px 0 -20px;} .event-reward-n .reward-list::before {content: ''; display: block; position: absolute; top: 0; left: 20px; right: 20px; height: 1px; background: var(--color-grey-05)} .event-reward-n .reward-list .inner-bx {display: flex; row-gap: 16px; padding-top: 20px;} .event-reward-n .reward-list .inner-bx .swiper-slide {display: flex; height: 80px; column-gap: 12px; align-items: center;} .event-reward-n .reward-list .inner-bx .swiper-slide .bx-thum {width: 80px; height: 80px; border-radius: 30px; border: 1px solid rgba(0, 0, 0, 0.05); background: url() lightgray 50% / cover no-repeat; overflow: hidden;} .event-reward-n .reward-list .inner-bx .swiper-slide .bx-thum img {width:100%; height: 100%; object-fit: cover;} .event-reward-n .reward-list .inner-bx .swiper-slide .bx-cnt {flex: 1; overflow: hidden;} .event-reward-n .reward-list .inner-bx .swiper-slide .bx-cnt a {display: block;} .event-reward-n .reward-list .inner-bx .swiper-slide .bx-cnt .flag-area {display: inline-block; font-weight: 500; font-size: 11px; color: var(--color-white); line-height: 11px; padding: 4.5px 6px; border-radius: 0; background: var(--color-blue-01);} .event-reward-n .reward-list .inner-bx .swiper-slide .bx-cnt dt {color: var(--color-primary); font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 700; line-height: 150%; padding: 4px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .event-reward-n .reward-list .inner-bx .swiper-slide .bx-cnt dd {color: var(--color-grey-02); font-family: Pretendard; font-size: 12px; font-style: normal; font-weight: 400; line-height: 150%;} .event-reward-n .reward-list .swiper-pagination {position: relative; left: auto; bottom: auto;} .event-reward-n .reward-list .swiper-pagination-bullet-active {background: #000; width: 28px; border-radius: 12px;} .event-reward-n.motion .event-list {transform: translateY(50px); opacity: 0;} .event-reward-n.motion.active .event-list {transform: translateY(0); opacity: 1; transition: 1s;} .keyword-n {padding: 0 24px 56px 24px; overflow: hidden;} .keyword-n ul::after {content: ''; display: block; clear: both;} .keyword-n li {float: left; margin: 0 6px 6px 0;} .keyword-n li a {display: block; height: 40px; font-weight: 500; font-size: 12px; line-height: 150%; padding: 11px 14px; background: rgb(255, 255, 255, 0.6); border: 1px solid rgb(255, 255, 255, 0.7); border-radius: 90px; max-width: 136px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .members-club-n {padding: 0 24px 56px 24px;} .members-club-n .inner-bx {display: flex;} .members-club-n .inner-bx .swiper-slide {width: 96px; height: 96px;} .members-club-n .inner-bx .swiper-slide .in-bx {width: 96px; height: 96px; border-radius: 40px;} .members-club-n .swiper-pagination {display: none !important;} .members-club-n .inner-bx .swiper-slide .in-bx {background-color: var(--color-white); background-position: center; background-repeat: no-repeat; background-size: 60% !important;} .culture-n {padding: 0 24px 56px 24px;} .culture-n .inner-bx {display: flex;} .culture-n .inner-bx .swiper-slide {height: 268px; border-radius: 40px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box;} .culture-n .inner-bx .swiper-slide img {width:100%; height: 100%; object-fit: cover;} .culture-n .inner-bx .swiper-slide .bx-thum {height: 268px; overflow: hidden;} .culture-n .inner-bx .swiper-slide .bx-thum img {width:100%; height: 100%; object-fit: cover;} .culture-n .inner-bx .swiper-slide .bx-gradation {position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.0) 0%, rgba(0, 0, 0, 0.5) 70%);} .culture-n .inner-bx .swiper-slide .bx-cnt {position: absolute; left: 18px ; bottom: 18px; font-weight: 500; font-size: 14px; color: var(--color-white); line-height: 150%; text-shadow: 0 0 60px rgba(0, 0, 0, 0.75);} .culture-n .inner-bx .swiper-slide .bx-cnt span {font-weight: 700; font-size: 18px; line-height: 135%;} .culture-n .swiper-pagination {bottom: 32px;} .culture-n .swiper-pagination-bullet-active {background: #000; width: 28px; border-radius: 12px;} .aclass-n {padding: 0 24px 56px 24px;} .aclass-n .inner-bx {display: flex;} .aclass-n .inner-bx .swiper-slide {height: 268px; border-radius: 40px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box;} .aclass-n .inner-bx .swiper-slide img {width:100%; height: 100%; object-fit: cover;} .aclass-n .inner-bx .swiper-slide .bx-thum {height: 268px; overflow: hidden;} .aclass-n .inner-bx .swiper-slide .bx-thum img {width:100%; height: 100%; object-fit: cover;} .aclass-n .inner-bx .swiper-slide .bx-gradation {position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.0) 0%, rgba(0, 0, 0, 0.5) 70%);} .aclass-n .inner-bx .swiper-slide .bx-cnt {position: absolute; left: 18px ; bottom: 18px; right: 18px; font-weight: 500; font-size: 14px; color: var(--color-white); line-height: 150%; text-shadow: 0 0 60px rgba(0, 0, 0, 0.75); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .aclass-n .inner-bx .swiper-slide .bx-cnt span {font-weight: 700; font-size: 18px; line-height: 135%;} .aclass-n .swiper-pagination {bottom: 32px;} .aclass-n .swiper-pagination-bullet-active {background: #000; width: 28px; border-radius: 12px;} .socialak-n {padding: 0 24px 56px 24px;} .socialak-n .inner-bx {display: flex;} .socialak-n .inner-bx .swiper-slide {height: 388px; border-radius: 30px; margin-right: 12px; background: var(--color-white); overflow:hidden;} .socialak-n .inner-bx .swiper-slide .bx-thum {height: 260px; overflow: hidden;} .socialak-n .inner-bx .swiper-slide .bx-thum img {width: 100%; height: 100%; object-fit: cover;} .socialak-n .inner-bx .swiper-slide .bx-cnt {height: 128px; color: var(--color-primary); font-family: Pretendard; font-size: 14px; font-style: normal; font-weight: 700; line-height: 150%; padding: 24px; background: var(--color-white);} .socialak-n .inner-bx .swiper-slide .bx-cnt .tx01 {color: var(--color-grey-01); font-size: 14px; font-style: normal; font-weight: 500; line-height: 150%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .socialak-n .inner-bx .swiper-slide .bx-cnt .tx02 {color: var(--color-primary); font-size: 18px; font-style: normal; font-weight: 700; line-height: 150%; padding: 4px 0 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .socialak-n .inner-bx .swiper-slide .bx-cnt .tx03 {color: var(--color-grey-02); font-size: 14px; font-weight: 500; line-height: var(--baseline-5x);} .socialak-n .swiper-pagination {bottom: 32px;} .socialak-n .swiper-pagination-bullet-active {background: #000; width: 28px; border-radius: 12px;} .sns-n {padding-top: 24px; padding-bottom: 156px;} .sns-n .sns-list {display: flex; column-gap: 16px; justify-content: center; padding-bottom: 24px;} .sns-n .sns-list a {position: relative; display: block; width: 48px; height: 48px; background: var(--color-grey-03); border-radius: 48px; text-indent: -9999px; overflow: hidden;} .sns-n .sns-list a.insta {background: var(--color-grey-03) url('https://static-m.akplaza.com/static/images/icon/sns/insta.svg') no-repeat center center; background-size: 20px;} .sns-n .sns-list a.facebook {background: var(--color-grey-03) url('https://static-m.akplaza.com/static/images/icon/sns/febk.svg') no-repeat center center; background-size: 9.1px 17px;} .sns-n .sns-list a.kakaoCh {background-color: var(--color-grey-03); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='20' viewBox='0 0 29 20' fill='none'%3E%3Cg clip-path='url(%23clip0_472_760)'%3E%3Cpath d='M9.99725 -0.00683594C4.79525 -0.00683594 0.578125 3.91202 0.578125 8.7463C0.591757 10.1272 0.939768 11.4843 1.5924 12.7013C2.24503 13.9184 3.18285 14.9591 4.32556 15.7346V19.5763C4.32563 19.6029 4.33302 19.629 4.34693 19.6517C4.36084 19.6743 4.38072 19.6928 4.4044 19.7049C4.42476 19.7156 4.44741 19.7211 4.4704 19.7212C4.50116 19.7214 4.53118 19.7117 4.55612 19.6937L7.92641 17.2886C8.60754 17.4306 9.30147 17.5021 9.99725 17.502C15.1993 17.502 19.4164 13.5832 19.4164 8.74888C19.4164 3.9146 15.2001 -0.00683594 9.99725 -0.00683594Z' fill='white'/%3E%3Cpath d='M15.8776 7.7337C15.6936 7.55198 15.4732 7.4114 15.2309 7.32126C14.9886 7.23112 14.7298 7.19348 14.4719 7.21084C14.1506 7.20639 13.8334 7.28304 13.5496 7.4337C13.355 7.53725 13.1771 7.66928 13.0216 7.82541V4.9917H11.6887V12.5003H13.0122V9.6957C13.0089 9.48308 13.0408 9.27138 13.1064 9.06912C13.1625 8.90039 13.2497 8.74368 13.3636 8.60712C13.4648 8.48652 13.5908 8.38916 13.733 8.32169C13.8729 8.25571 14.0258 8.22174 14.1804 8.22227C14.2953 8.21505 14.4104 8.2309 14.5191 8.26888C14.6277 8.30686 14.7277 8.3662 14.813 8.44341C14.9869 8.67491 15.0662 8.96386 15.035 9.25169V12.5003H16.3576V9.30484C16.4003 8.73946 16.229 8.17867 15.8776 7.7337Z' fill='%23AAAAAA'/%3E%3Cpath d='M7.18693 6.55247C7.63368 6.55715 8.06829 6.69847 8.43236 6.95742C8.79643 7.21638 9.07251 7.58057 9.22351 8.00104H10.6455C10.4819 7.20097 10.0498 6.48085 9.42071 5.96013C8.79165 5.43942 8.00348 5.1494 7.18693 5.13818C6.22838 5.15598 5.31614 5.55368 4.65071 6.24385C3.98529 6.93403 3.62117 7.86019 3.63837 8.81875C3.62917 9.29382 3.71367 9.76603 3.88706 10.2084C4.06044 10.6508 4.3193 11.0547 4.64885 11.397C4.97841 11.7393 5.37221 12.0133 5.8077 12.2033C6.2432 12.3933 6.71186 12.4957 7.18693 12.5045C8.00355 12.4931 8.79174 12.2029 9.42079 11.682C10.0498 11.1611 10.482 10.4409 10.6455 9.64075H9.22351C9.07246 10.0614 8.79623 10.4257 8.432 10.6846C8.06776 10.9436 7.63296 11.0848 7.18607 11.0893C6.59589 11.0778 6.03437 10.8327 5.62475 10.4076C5.21514 9.98258 4.9909 9.41239 5.00123 8.82218C4.99021 8.23139 5.21428 7.66041 5.62415 7.23478C6.03403 6.80915 6.59614 6.56373 7.18693 6.55247Z' fill='%23AAAAAA'/%3E%3Cpath d='M20.9395 8.05859H28.1352V9.98202H20.9395V8.05859Z' fill='white'/%3E%3Cpath d='M23.5747 12.6191V5.42343H25.4981V12.6191H23.5747Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_472_760'%3E%3Crect width='27.5554' height='19.728' fill='white' transform='translate(0.579346 -0.00683594)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-size: 27.5px 19.7px; background-position: center center; background-repeat: no-repeat; } .sns-n .sns-list a.youtube {background: var(--color-grey-03) url('https://static-m.akplaza.com/static/images/icon/sns/youtube.svg') no-repeat center center; background-size: 20.9px 14.6px;} .sns-n .btn-dm {width: 240px; height: 40px; margin: 0 auto; border-radius: 90px; border: 1px solid var(--color-grey-05); background: var(--color-white); text-align: center;} .sns-n .btn-dm a {color: var(--color-grey-02); font-size: 14px; font-weight: 500; line-height: var(--baseline-10x);} /* app 다운 팝업 */ #appDownAreaTot {/*display: none !important;*/} /* block */ /* app 알림 팝업 */ #bcdApp {/*display: none !important;*/} /* flex */