@keyframes ani__graph--rotate{
    from {transform: rotate(0)}
    to {transform: rotate(var(--graph-rotate, 140deg))}
}

.prem__qucik--wrap{position: relative;}
.prem__qucik--wrap .prem__quick{position: absolute; top: 60px; right: 16px; z-index: 10; height: 100%; pointer-events: none;}
.prem__qucik--wrap .prem__quick > div{position: sticky; top: 120px; right: 0;}
.prem__qucik--wrap .prem__quick > div > img{width: 210px;}
.prem__qucik--wrap .prem__quick ul{position: absolute; top: 76px; left: 15px; display: flex; flex-direction: column; gap: 6px;}
.prem__qucik--wrap .prem__quick ul > li{width: 180px; height: 60px; pointer-events: all;}
.prem__qucik--wrap .prem__quick ul > li > a{display: block; width: 100%; height: 100%; font-size: 0;}

.premium__home_v2 .prem__inner img{max-width: 1140px;}

.premium__home_v2 .prem__contents{padding: 0;}
.premium__home_v2 .prem__home{position: relative; background: #0E0020; height: 600px; padding-top: 70.5px; overflow: hidden;}
.premium__home_v2 .prem__home .home__video{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1284px; height: 737px; z-index: 1; margin-left: 343px;}
.premium__home_v2 .prem__home .home__dim1{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 3000px; height: 600px; z-index: 2; mix-blend-mode: soft-light;}
.premium__home_v2 .prem__home .home__dim1 img{width: 100%; height: 100%; object-fit: cover;}
.premium__home_v2 .prem__home .home__dim2{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 469px; height: 600px; z-index: 2; background: linear-gradient(270deg, rgba(10, 0, 24, 0.00) 0%, #0A0018 100%); margin-left: -66px;}
.premium__home_v2 .prem__home .home__icon{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 605px; height: 600px; z-index: 3; margin-left: 430px;}
.premium__home_v2 .prem__home h2{position: relative; z-index: 4;}

.premium__home_v2 .prem__end{background: linear-gradient(180deg, #FFF 0%, #FFF 51.84%, #6F05D9 79.65%, #3E0B71 100%), #FFF; padding: 100px 0 108px;}
.premium__home_v2 .prem__end h3{text-align: center; margin-bottom: 50px;}
.premium__home_v2 .prem__end h3 span{color: #6101D9; text-align: center; font-family: 'Pretendard'; font-size: 23px; font-weight: 700; line-height: 32.2px; letter-spacing: -0.69px; text-transform: capitalize;}
.premium__home_v2 .prem__end h3 p{color: #111; text-align: center; font-family: 'Pretendard'; font-size: 50px; font-weight: 800; line-height: 70px; letter-spacing: -1px; text-transform: capitalize;}
.premium__home_v2 .prem__end .end__profile--wrap{text-align: center;}
.premium__home_v2 .prem__end .end__profile--wrap .end__profile{display: flex; justify-content: center; align-items: center; gap: 30px; width: fit-content; border-radius: 20px; outline: 3px solid #6101D9; background: #FFF; box-shadow: 0 6px 12px 0 rgba(97, 1, 217, 0.20); padding: 20px; margin: 100px auto 0;}
.premium__home_v2 .prem__end .end__profile--wrap .end__profile--img{width: 180px; height: 122px;}
.premium__home_v2 .prem__end .end__profile--wrap .end__profile--img img{width: 100%; height: 100%; object-fit: cover;}
.premium__home_v2 .prem__end .end__profile--wrap .end__profile--text{width: 150px;}
.premium__home_v2 .prem__end .end__profile--wrap .end__profile--text span{color: #6101D9; font-family: 'Pretendard'; font-size: 18px; font-weight: 600; line-height: 20px; letter-spacing: -0.18px;}
.premium__home_v2 .prem__end .end__profile--wrap .end__profile--text strong{color: #121212; font-family: 'Pretendard'; font-size: 26px; font-weight: 700; line-height: 34px; letter-spacing: -0.26px;}
.premium__home_v2 .prem__end .end__profile--wrap .end__close{width: 35px; height: 52px; margin: 34px 0;}

.premium__home_v2 .prem__end .end__grid--layout{display: flex; flex-direction: column; gap: 60px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap{display: flex; flex-direction: column; gap: 30px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid--text{color: #121212; text-align: center; font-family: 'Pretendard'; font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: -0.24px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item a{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; border-radius: 20px; background: #FFF; padding: 20px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item a:hover::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 212px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.18) 100%); pointer-events: none; z-index: 2; border-radius: 20px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item .end__grid--img{width: 171px; height: 122px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item .end__grid--img img{width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item .end__grid--txt{display: flex; flex-direction: column; gap: 6px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item .end__grid--txt .end__grid--name{color: #111; font-family: 'SUIT'; font-size: 20px; font-weight: 800; line-height: 26px; letter-spacing: -0.4px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item .end__grid--txt .end__grid--job{color: #111; font-family: 'SUIT'; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.32px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item .end__grid--txt .end__grid--tag{display: flex; flex-direction: column; gap: 6px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item .end__grid--txt .end__grid--tag span{width: fit-content; border-radius: 4px; background: #A100FF;color: #FFF;font-family: 'SUIT'; font-size: 15px; font-weight: 700; line-height: 22.5px; letter-spacing: -0.3px; padding: 0 6px;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--wrap .end__grid .end__grid--item .end__grid--txt .end__grid--tag span:last-child{background: #6101D9;}
.premium__home_v2 .prem__end .end__grid--layout .end__grid--more{display: flex; align-items: center; justify-content: center; width: 343px; height: 60px; border-radius: 100px; background: linear-gradient(0deg, #000 0%, #000 100%), linear-gradient(90deg, #6101D9 0.1%, #C800FF 104.28%); text-align: center; color: #FFF; font-family: 'Pretendard'; font-size: 16px; font-weight: 700; line-height: 22.4px; margin: 0 auto;}

.premium__home_v2 .prem__report{padding: 100px 0 70px;}
.premium__home_v2 .prem__report h4{border-radius: 20px; box-shadow: 0 6px 12px 0 rgba(97, 1, 217, 0.20);}

.premium__home_v2 .prem__use{padding-bottom: 100px;}
.premium__home_v2 .prem__use h4{text-align: center;}
.premium__home_v2 .prem__use h4 span{color: #121212; text-align: center; font-family: 'Pretendard'; font-size: 50px; font-weight: 800; line-height: 70px; letter-spacing: -1px; text-transform: capitalize;}
.premium__home_v2 .prem__use h4 p{color: #121212; text-align: center; font-family: 'Pretendard'; font-size: 20px; font-weight: 500; line-height: 28px; letter-spacing: -0.6px; text-transform: capitalize;}

.premium__home_v2 .prem__use .app__layout{display: flex; flex-direction: column; gap: 50px;}
.premium__home_v2 .prem__use .app__layout .app__img--wrap{position: relative; overflow: hidden;}
.premium__home_v2 .prem__use .app__layout .app__img--wrap .app__icon{position: absolute; top: 218px; left: 344px;}
.premium__home_v2 .prem__use .pass__layout{display: flex; flex-direction: column; gap: 30px; margin-top: 130px;}

.premium__home_v2 .prem__use .pass__layout .pass__item--layout{display: flex; flex-direction: column; gap: 100px;}

.premium__home_v2 .prem__use .pass__layout .pass__item--layout .cnt01{position: relative;}
.premium__home_v2 .prem__use .pass__layout .pass__item--layout .pass__slide{width: 780px; position: absolute; top: 88px; right: 0px; padding: 10px 10px 15px;}
.premium__home_v2 .prem__use .pass__layout .pass__item--layout .pass__slide .swiper-wrapper{transition-timing-function:linear;}
.premium__home_v2 .prem__use .pass__layout .pass__item--layout .pass__slide .swiper-slide{ width: 181px;border-radius: 10px 10px 12px 11px;box-shadow: 4px 7px 12.085px 0 rgba(74, 74, 74, 0.12);}
.premium__home_v2 .prem__use .pass__layout .pass__item--layout .cnt01.active .cnt01_ani img{position: absolute; opacity: 0; z-index: 11;}

.premium__home_v2 .prem__use .pass__layout .pass__item--layout .cnt02{position: relative;}
.premium__home_v2 .prem__use .pass__layout .pass__item--layout .cnt02 .graph{position: absolute; top: 168px; left: 473px;  background: var(--gray-10); width: 153px; height:76px; margin: 0 auto; -webkit-mask-image: url('//un-static-qa.conects.com/un_static/img/common/premium/passmaker/graph_mask.svg'); mask-image: url('//un-static-qa.conects.com/un_static/img/common/premium/passmaker/graph_mask.svg'); mask-size: 100% auto;}
.premium__home_v2 .prem__use .pass__layout .pass__item--layout .cnt02.active .graph::after{content: ""; position: absolute; top: 100%; left: 0; transform-origin: center top; width: 100%; height: 100%; background: linear-gradient(-105deg, #6101D9 -14.14%, #C800FF 183.02%); mask-image: url('//un-static-qa.conects.com/un_static/img/common/premium/passmaker/graph_mask_flip.svg'); animation: ani__graph--rotate .5s .5s forwards; pointer-events: none; mask-size: 100% auto;}


.premium__home_v2 .prem__freepass{background: url('//un-static-qa.conects.com/un_static/img/common/premium/home/v2/pc/freepass_bg.jpg') no-repeat center center; padding: 102px 0 92px;}
.premium__home_v2 .prem__freepass .freepass__layout{display: flex; flex-direction: column; gap: 30px;}
.premium__home_v2 .prem__freepass .freepass__layout h4{text-align: center;}
.premium__home_v2 .prem__freepass .freepass__layout h4 span{color: #FFF; font-family: 'Pretendard'; font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: -0.6px; text-transform: capitalize;}
.premium__home_v2 .prem__freepass .freepass__layout h4 p{color: #FFF; font-family: 'Pretendard'; font-size: 50px; font-weight: 800; line-height: 70px; letter-spacing: -1px; text-transform: capitalize;}
.premium__home_v2 .prem__freepass .freepass__layout a{display: flex; align-items: center; justify-content: center; width: 343px; height: 60px; border-radius: 100px; background: #121212; color: #FFF; text-align: center; font-family: 'SUIT'; font-size: 16px; font-weight: 700; line-height: 22.4px; margin: 0 auto;}

/* 멘토 프로필 모달 — cnModal(.mento_modal) + .prem__modal, premium에 없는 보정만 */
.mento_modal.prem__modal a:hover,
.mento_modal.prem__modal a:focus{text-decoration: none;}

.mento_modal.prem__modal .cn-modal-main{background: var(--gray-0, #fff); border-radius: var(--border-radius-l, 12px); width: 600px; overflow: visible;}
.mento_modal.prem__modal .modal_content.prem__modal__inner{position: relative; text-align: left;}
.mento_modal.prem__modal .prem__modal__close{position: absolute; top: 0; right: 0; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; z-index: 2;}
.mento_modal.prem__modal .prem__modal__close .ico_close::after{background-color: var(--gray-60, #7E8B9A);}

.mento_modal.prem__modal .prem__modal__hero{display: flex; flex-direction: row; align-items: center; margin-bottom: 0; padding-right: 36px;}
.mento_modal.prem__modal .prem__modal__avatar-wrap{flex-shrink: 0;}
.mento_modal.prem__modal .prem__modal__avatar{width: 120px; height: 120px; border-radius: 1000px; overflow: hidden; background: #DBD2FC; display: flex; align-items: center; justify-content: center;}
.mento_modal.prem__modal .prem__modal__avatar img{width: 100%; height: 100%; object-fit: cover;}

.mento_modal.prem__modal .prem__modal__intro{display: flex; flex-direction: column; min-width: 0; flex: 1;}
.mento_modal.prem__modal .prem__modal__badge{display: inline-block; width: fit-content;}
.mento_modal.prem__modal .prem__modal__name{display: block;}
.mento_modal.prem__modal .prem__modal__quote{margin: 0; line-height: 22px;}

.mento_modal.prem__modal .prem__modal__section{margin-bottom: 0;}
.mento_modal.prem__modal .prem__modal__section-title{margin: 0;}

.mento_modal.prem__modal .prem__modal__row{display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 8px; min-height: 22px;}
.mento_modal.prem__modal .prem__modal__label{flex: 0 0 110px;}
.mento_modal.prem__modal .prem__modal__value{flex: 1; text-align: right; line-height: 22px;}

.mento_modal.prem__modal .prem__modal__score-wrap{background: var(--gray-0, #fff);}
.mento_modal.prem__modal .prem__modal__score-head,
.mento_modal.prem__modal .prem__modal__score-body{display: flex; flex-direction: row;}
.mento_modal.prem__modal .prem__modal__cell{flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 40px; padding: 10px 8px; box-sizing: border-box; border-right: 1px solid var(--gray-30, #E0E3EB); border-bottom: 1px solid var(--gray-30, #E0E3EB); line-height: 22px;}
.mento_modal.prem__modal .prem__modal__cell:last-child{border-right: 0;}
.mento_modal.prem__modal .prem__modal__score-head .prem__modal__cell{border-bottom: 1px solid var(--gray-30, #E0E3EB);}
.mento_modal.prem__modal .prem__modal__score-body .prem__modal__cell{border-bottom: 0; background: var(--gray-0, #fff);}
.mento_modal.prem__modal .prem__modal__cell--head{font-family: var(--font-pr), 'Pretendard', sans-serif; font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: -0.26px;}

.mento_modal.prem__modal .prem__modal__actions{display: flex; justify-content: center; align-items: center;}
.mento_modal.prem__modal .prem__modal__cta.prem__btn--box{width: 180px; max-width: 100%;}