[data-ani="slideUp"]{opacity: 0;transform: translate3d(0, 30px, 0);transition: opacity .55s linear, transform .55s ease-in-out;}
[data-ani="slideUp"].aniOn {opacity: 1;transform: translate3d(0, 0, 0);}
/* [data-ani="slideUp"].aniReverse {opacity: 0;transform: translate3d(0, -30px, 0);} */



/* Slider */
.slick-slider{position: relative;display: block;box-sizing: border-box;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;width: 100%;height: 100%;}
.slick-track{position: relative;display: block;}
.slick-slide{display: none;float: left;min-height: 1px;}
.slick-initialized .slick-slide{display: block;}

.slick-dots{display: flex;align-items: center;justify-content: center;margin-top: 40px;}
.slick-dots button{font-size: 0;display: block;width: 18px;height: 18px;background: #696969;border-radius: 100%;margin: 0 3px;transition: .1s;}
.slick-dots .slick-active button{width: 60px;height: 18px;border-radius: 10px;}

/* 공통 */
/* 헤더 */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 10;transition: .3s ease;background: white;}
header.on{top: 20px;background: transparent;}
header>div.mobile_gnb_area{display: none;}
header>div.all_gnb_box{margin: 0 auto;width: 1280px;height: 80px;display: flex;align-items: center;justify-content: space-between;padding: 0 40px;transition: .3s ease;}
header.on>div.all_gnb_box{background: white;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);border-radius: 16px;}
header>div.all_gnb_box nav{display: flex;align-items: center;}
header>div.all_gnb_box nav>ul{display: flex;}
header>div.all_gnb_box nav>ul>li{height: 80px;display: flex;align-items: center;position: relative;justify-content: center;margin-left: 30px;}
header>div.all_gnb_box nav>ul>li>a{font-size: 14px;font-weight: 600;line-height: 24px;color: #222222;}
header>div.all_gnb_box nav>ul>li:first-child>a{padding-right: 17px;position: relative;}
header>div.all_gnb_box nav>ul>li:first-child>a::after{content: '';display: inline-block;width: 12px;height: 12px;margin-left: 5px;background: url(../images/common/bottomArrow.svg);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
header>div.all_gnb_box nav>ul>li:hover>a{display: block;}
header>div.all_gnb_box nav>ul + div{margin-left: 30px;}
header>div.all_gnb_box nav>ul + div a{font-size: 14px;font-weight: 700;line-height: 14px;padding: 11px 21px;border: 1px solid #E8EAED;border-radius: 100px;color: #6767F1;}
header>div.all_gnb_box nav>ul>li>a + div{position: absolute;left: 50%;transform: translateX(-50%);top: 80px;background: white;padding: 14px 32px;box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);border-radius: 8px;display: none;width: 888px;}
header>div.all_gnb_box nav>ul>li>a + div::before{content: '';position: absolute;top: -15px;left: calc(50%);transform: translateX(-50%);border-right: 10px solid transparent;border-bottom: 15px solid white;border-left: 10px solid transparent;display: block;}
header>div.all_gnb_box nav>ul>li>a + div ul{display: flex;flex-wrap: wrap;}
header>div.all_gnb_box nav>ul>li>a + div ul li{flex: 1 1 50%;margin-block: 10px;}
header>div.all_gnb_box nav>ul>li>a + div ul li a{display: flex;align-items: center;}
header>div.all_gnb_box nav>ul>li>a + div ul li a>div:nth-child(1){margin-right: 34px;overflow: hidden;border-radius: 16px;box-shadow: 2px 4px 8px 0px #00000012;}
header>div.all_gnb_box nav>ul>li>a + div ul li a strong{font-size: 20px;font-weight: 500;line-height: 24px;color: var(--color-tit-text);}
header>div.all_gnb_box nav>ul>li>a + div ul li a p{font-size: 15px;font-weight: 400;line-height: 18px;color: var(--color-des-text);margin-block: 6px;}
header>div.all_gnb_box + .herder_bg{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;}

/* 푸터 */
footer{background: #F9F9FB;}
footer>div{width: 1200px;margin-inline: auto;padding-block: 66px 45px;}
footer>div>div:nth-child(1){display: flex;justify-content: space-between;}
footer>div>div:nth-child(1)>div:last-child{display: flex;}
footer>div>div:nth-child(1)>div:last-child>div{margin-left: 80px;}
footer>div>div:nth-child(1) a{font-size: 14px;font-weight: 400;}
footer>div>div:nth-child(1) h1 a{color: #292A2F;}
footer>div>div:nth-child(1) li a{color: #558ADB;}
footer>div>div:nth-child(1) h1,
footer>div>div:nth-child(1) li{margin-bottom: 10px;}
footer>div>div:nth-child(1) li:last-child{margin-bottom: 0;}
footer>div>div:nth-child(2){display: flex;justify-content: space-between;align-items: center;margin-top: 65px;}
footer>div>div:nth-child(2) p{font-size: 13.89px;font-weight: 400;color: #8F96BD;}
footer>div>div:nth-child(2)>div,
footer>div>div:nth-child(2)>div ul{display: flex;align-items: center;}
footer>div>div:nth-child(2)>div ul li{margin-left: 12px;}
footer>div>div:nth-child(2)>div ul + a{margin-left: 40px;}

/* 서브 페이지 공통 */
.subCommon,.mainIndex{padding-top: 80px;}




/* 버튼 */
.consultationBtn{display: block;width: fit-content;padding: 12px 24px;border-radius: 100px;border: 1px solid #E8EAED;font-size: 16px;font-weight: 500;color: var(--color-titb-text);}
.consultationBtn:hover{background: linear-gradient(0deg, #12129A, #12129A),linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);color: white;box-shadow: 0px 24px 22px 0px #17066409;}
.colorBtn{display: block;padding: 12px 24px;width: fit-content;background: linear-gradient(0deg, #12129A, #12129A),
    linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 100px;box-shadow: 0px 24px 22px 0px #17066409;font-size: 16px;font-weight: 700;color: white;
}
.lineDefault{display: flex;align-items: center;padding: 12px 24px;width: fit-content;border-radius: 100px;font-size: 16px;font-weight: 400;color: var(--color-tit-text);border: 1px solid transparent;}
.lineDefault::after{content: '';display: block;width: 6px;height: 11px;background: url(../images/common/rightarrow.svg) no-repeat;background-size: cover;margin-left: 14px;}
.lineBtn{display: flex;align-items: center;padding: 12px 24px;width: fit-content;border-radius: 100px;font-size: 16px;font-weight: 400;color: var(--color-tit-text);border: 1px solid transparent;}
.lineBtn::after{content: '';display: block;width: 6px;height: 11px;background: url(../images/common/rightarrow.svg) no-repeat;background-size: cover;margin-left: 14px;}
.lineBtn:hover{box-shadow: 0 0 0 5px transparent;animation: pulse 1s;}
@keyframes pulse{from{box-shadow: 0 0 0 0 #12129A;}}
.lineBtn_open{display: flex;align-items: center;padding: 12px 24px;width: fit-content;border-radius: 100px;font-size: 16px;font-weight: 400;color: var(--color-tit-text);border: 1px solid transparent;transition: 0.3s;position: relative;overflow: hidden;}
.lineBtn_open::after{content: '';display: block;width: 6px;height: 11px;background: url(../images/common/rightarrow.svg) no-repeat;background-size: cover;margin-left: 14px;}
.lineBtn_open::before {position: absolute;content: "";top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background: #12129A;transform: scaleX(0);transition: 0.3s;}
.lineBtn_open:hover {background: transparent;color: white;}
.lineBtn_open:hover::before {transform: scaleX(1);}
.goto{font-size: 13px;font-weight: 700;line-height: 15.6px;color: #8F96BD;display: flex;align-items: center;}
.goto::after{content: '';display: block;width: 6px;height: 10px;background: url(../images/pc/rightArrow.svg);background-size: cover;margin-left: 7px;}









/* 메인 */
.mainTilteArea{background: url(../images/pc/mainbg.png) no-repeat;background-position: bottom -340px left 50px;max-height: 1000px;height: calc(100vh - 80px);display: flex;align-items: center;justify-content: center;}
.mainTilteArea>div{width: 1200px;}
.mainTilteArea>div .textArea h1 p:nth-child(1){font-size: 64px;font-weight: 100;line-height: 76.38px;color: #A2ABAF;letter-spacing: -3.9px;}
.mainTilteArea>div .textArea h1 p:nth-child(2){width: fit-content;font-size: 64px;font-weight: 700;line-height: 76.38px;background: linear-gradient(83.63deg, #9542FF 0%, #1432D0 22%, #128DFF 40%, #2EE89A 67%, rgba(10, 218, 181, 0.1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;letter-spacing: -3.9px;}
.mainTilteArea>div .textArea>p{font-size: 18px;font-weight: 300;line-height: 21.48px;color: #656B8A;margin-block: 30px 58px;letter-spacing: -1.2px;max-width: 450px;}
.mainTilteArea>div .textArea div{display: flex;align-items: center;}
.mainTilteArea>div .textArea + div{margin-top: 110px;}
.mainTilteArea>div .textArea + div .mainTitLink{overflow: hidden;height: 157px;}
.mainTilteArea>div .textArea + div .mainTitLink .linkArea{padding: 8px 14px;border: 1px solid #E8EAED;border-radius: 100px;width: fit-content;display: flex;align-items: center;background: white;}
.mainTilteArea>div .textArea + div .mainTitLink .linkArea p{font-size: 13px;font-weight: 400;line-height: 15.73px;color: var(--color-des-text);}
.mainTilteArea>div .textArea + div .mainTitLink .linkArea a{display: block;width: fit-content;font-size: 13px;font-weight: 400;line-height: 15.51px;color: #6363F1;text-decoration: underline;margin-inline: 7px;}
.mainTilteArea>div .textArea + div .mainTitLink .slick-slide>div{padding-block: 9px;}
.mainTitContent{text-align: center;}
.mainTitContent strong{font-size: 28px;font-weight: 500;line-height: 33.6px;color: var(--color-titb-text);}
.mainTitContent h2{font-size: 52px;font-weight: 500;line-height: 55.64px;letter-spacing: -2.6px;color: var(--color-tit-text);margin-block: 33px 8px;}
.mainTitContent p{font-size: 18px;font-weight: 300;line-height: 21.48px;color: var(--color-des-text);}
.mainTitContent a{display: block;width: fit-content;margin: 33px auto 0;font-size: 16px;font-weight: 700;line-height: 19.2px;color: white;padding: 11px 24px;border-radius: 100px;background: linear-gradient(0deg, #12129A, #12129A),linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);box-shadow: 0px 24px 22px 0px #17066409;}
.mainFeatures{background: #F9F9FB;padding-block: 100px;}
.featuresList{width: 960px;margin: 90px auto 0;}
.featuresList ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 80px 80px;}
.featuresList ul li{width: 410px;}
.featuresList ul li a{display: flex;align-items: center;}
.featuresList ul li a>div:nth-child(1){margin-right: 34px;overflow: hidden;border-radius: 16px;box-shadow: 2px 4px 8px 0px #00000012;flex-shrink: 0;}
.featuresList ul li a strong{font-size: 20px;font-weight: 500;line-height: 24px;color: var(--color-tit-text);}
.featuresList ul li a p{font-size: 15px;font-weight: 400;line-height: 18px;color: var(--color-des-text);margin-block: 6px;}
.mainDevelopers{background: #030527;padding-block: 100px;}
.mainDevelopers>div{width: 1200px;margin-inline: auto;}
.mainDevelopers .mainTitContent{text-align: left;}
.mainDevelopers .mainTitContent strong{color: #18E7E2;}
.mainDevelopers .mainTitContent h2{color: #FFFFFF;}
.mainDevelopers .mainTitContent p{color: #C5CAE8;}
.mainDevelopers .mainTitContent a{margin: 33px 0 0;background: linear-gradient(0deg, #18E7E2, #18E7E2),linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);color: #030527;box-shadow: 0px 24px 22px 0px #18E7E209;}
.mainDevelopers .developersList{margin-top: 56px;}
.mainDevelopers .developersList ul{display: flex;flex-wrap: wrap;gap: 56px 0;}
.mainDevelopers .developersList ul li{width: 33.33333%;}
.mainDevelopers .developersList ul li h2{font-size: 14px;font-weight: 700;line-height: 24px;margin-top: 15px;color: #C5CAE8;}
.mainDevelopers .developersList ul li p{font-size: 14px;font-weight: 400;line-height: 20px;margin-bottom: 15px;color: #C5CAE8;}
.mainDevelopers .developersList ul li a{display: flex;align-items: center;width: fit-content;color: #C5CAE8;font-size: 13px;font-weight: 700;line-height: 15.6px;}
.mainDevelopers .developersList ul li a::after {content: '';display: block;width: 5px;height: 8px;background: url(../images/common/rightarrow.svg) no-repeat;background-size: cover;margin-left: 6px;}
.mainConsole{padding-block: 90px;}
.mainConsole .imgArea{text-align: center;margin-block: 33px 90px;}
.mainConsole .imgArea img{box-shadow: 0px 34px 40px 0px #00000040;}
.mainConsole .consoleList{width: 1200px;margin-inline: auto;}
.mainConsole .consoleList ul{display: flex;flex-wrap: wrap;gap: 56px 0;}
.mainConsole .consoleList ul li{width: 25%;}
.mainConsole .consoleList ul li h2{font-size: 14px;font-weight: 700;line-height: 24px;margin-top: 15px;color: var(--color-tit-text);}
.mainConsole .consoleList ul li p{font-size: 14px;font-weight: 400;line-height: 20px;margin-bottom: 15px;color: var(--color-des-text);}
.mainConsole .consoleList ul li a{display: flex;align-items: center;width: fit-content;color: var(--color-tit-text);font-size: 13px;font-weight: 700;line-height: 15.6px;}
.mainConsole .consoleList ul li a::after {content: '';display: block;width: 5px;height: 8px;background: url(../images/common/rightarrow.svg) no-repeat;background-size: cover;margin-left: 6px;}
.mainRolloAni{background: #020203;padding-block: 80px;position: relative;overflow: hidden;}
.mainRolloAni::before{content: '';display: block;width: 407px;height: 672px;background: #0055AA;opacity: 0.5;mix-blend-mode: hard-light;filter: blur(150px);position: absolute;top: 0;left: 50%;transform: translateX(-50%) rotate(90deg);z-index: 3;}
.mainRolloAni>div{max-width: 1920px;margin-inline: auto;width: 100%;text-align: center;}
.mainRolloAni>div .rolloAni::before{display: none;}
.mainRolloAni>div .rolloAni + div strong{font-size: 28px;font-weight: 700;line-height: 33.6px;color: #18E7E2;margin-block: 20px;display: block;}
.mainRolloAni>div .rolloAni + div p{font-size: 18px;font-weight: 400;line-height: 21.48px;color: #C5CAE8;}
.mainIndex .technicalSupport{padding-top: 80px;}
.mainIndex .faq{margin-top: -200px;}

/* 서브페이지 타이틀 */
.subTitleArea{padding-block: 110px 140px;} 
.subTitleArea>div{width: 1200px;margin-inline: auto;display: flex;align-items: center;justify-content: space-between;}
.subTitleArea>div h2{font-size: 28px;font-weight: 500;color: var(--color-titb-text);letter-spacing: -1.4px;}
.subTitleArea>div h2 span{padding: 0px 10px;border-radius: 10px;background: #12129A;display: inline-block;font-size: 18px;font-weight: 700;line-height: 33.6px;letter-spacing: -1.4px;color: #D7E4F8;margin-left: 10px;vertical-align: bottom;}
.subTitleArea>div p:nth-of-type(1){font-size: 51.7px;font-weight: 300;line-height: 62.03px;color: var(--color-tit-text);margin-block: 20px;letter-spacing: -2.6px;}
.subTitleArea>div p:nth-of-type(1) b{font-weight: 600;}
.subTitleArea>div p:nth-of-type(2){font-size: 18.7px;font-weight: 400;line-height: 30.4px;color: var(--color-des-text);}
.subTitleArea>div>div:nth-child(1){padding-right: 60px;}
.subTitleArea>div>div:nth-child(2){flex-shrink: 0;margin-right: -90px;}
.subTitleArea>div>div:nth-child(2) img{box-shadow: 4px 4px 10px 0px #00000040;}
.subTitleArea>div p + div{display: flex;align-items: center;margin-top: 34px;}

/* 설명 리스트 */
.explanationList{background: #F9F9FB;padding-block: 80px;}
.explanationList>div{width: 1200px;margin-inline: auto;padding-inline: 21px;} 
.explanationList>div>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.explanationList>div>ul>li{width: calc(50% - 10px);background: white;padding: 50px;padding-bottom: 110px;border-radius: 48px;overflow: hidden;margin-bottom: 20px;position: relative;}
.explanationList>div>ul>li::after{content: '';display: block;width: 100%;height: 60px;background: url(../images/common/onebg.svg) no-repeat;position: absolute;left: 0;bottom: 0;}
.explanationList>div>ul>li:nth-last-child(2),
.explanationList>div>ul>li:last-child{margin-bottom: 0;}
.explanationList>div>ul>li h2{font-size: 24px;font-weight: 600;line-height: 30px;color: var(--color-tit-text);}
.explanationList>div>ul>li>p{font-size: 18.85px;font-weight: 400;line-height: 30.4px;margin-block: 13px 26px;color: var(--color-des-text);}
.explanationList>div>ul>li>p b{font-size: inherit;font-weight: 600;color: #0173E6;}
.explanationList>div>ul>li li{padding-left: 28px;position: relative;margin-bottom: 10px;}
.explanationList>div>ul>li li::before{content: '';display: block;width: 16px;height: 16px;background: url(../images/common/check.svg) no-repeat;background-size: cover;position: absolute;left: 0;top: 1px;}
.explanationList>div>ul>li li:last-child{margin-bottom: 0;}
.explanationList>div>ul>li li p{font-size: 16px;font-weight: 500;color: var(--color-des-text);}

/* 기술적 지원 */
.technicalSupport{padding-top: 200px;}
.technicalSupport>div{margin-inline: auto;width: 1440px;padding-bottom: 240px;background: url(../images/common/started_background.jpg) no-repeat center bottom;}
.technicalSupport>div>div{text-align: center;}
.technicalSupport>div>div strong{font-size: 27.67px;font-weight: 500;color: var(--color-titb-text);letter-spacing: -1.6px;}
.technicalSupport>div>div h3{font-size: 52px;font-weight: 300;line-height: 55.64px;color: var(--color-tit-text);margin-block: 11px 15px;}
.technicalSupport>div>div p{font-size: 18.55px;font-weight: 400;color: var(--color-des-text);}
.technicalSupport>div ul{margin-top: 80px;width: 1012px;display: flex;align-items: center;justify-content: space-between;margin-inline: auto;}
.technicalSupport>div ul li{width: 305px;height: 336px;padding: 38px 22px;background: white;border-radius: 16px;box-shadow: 0px 51px 78px 0px #1107350D;display: flex;flex-wrap: wrap;align-content: space-between;}
.technicalSupport>div ul li>div{width: 100%;}
.technicalSupport>div ul li h2{font-size: 23.81px;font-weight: 500;color: var(--color-tit-text);margin-block:14px 3px;letter-spacing: -.72px;}
.technicalSupport>div ul li p{font-size: 15.63px;font-weight: 400;line-height: 24px;color: var(--color-des-text);}

/* faq */
.faq{padding-top: 50px;}
.faq>div{margin-inline: auto;width: 1012px;padding-bottom: 240px;}
.faq>div h2{font-size: 24px;font-weight: 500;line-height: 30px;letter-spacing: -0.7200000286102295px;text-align: center;color: var(--color-tit-text);margin-bottom: 24px;}
.faq>div ul{display: flex;flex-wrap: wrap;gap: 24px;}
.faq>div ul li{padding: 24px;padding-top: 30px;border: 1px solid #E8EAED;border-radius: 8px;width: calc(33.3333% - 16px);}
.faq>div ul li strong{font-size: 16px;font-weight: 500;line-height: 19.2px;text-align: center;color: var(--color-titb-text);display: block;}
.faq>div ul li p{font-size: 15.5px;font-weight: 400;line-height: 24px;color: var(--color-des-text);margin-block: 12px 18px;}

.sub_demo .demo{padding-top: 157px;margin-bottom: 300px;}
.demo>div{margin-inline: auto;width: 1440px;padding-bottom: 240px;background: url(../images/common/started_background.jpg) no-repeat center bottom;}
.demo>div>div:nth-child(1){text-align: center;margin-bottom: 100px;}
.demo>div>div:nth-child(1) strong{font-size: 27.67px;font-weight: 500;line-height: 33.6px;letter-spacing: -1.4px;color: var(--color-titb-text);}
.demo>div>div:nth-child(1) h3{font-size: 52px;font-weight: 500;line-height: 55.64px;letter-spacing: -2.6px;color: var(--color-tit-text);margin-block: 11px 15px;}
.demo>div>div:nth-child(1) p{font-size: 18.55px;font-weight: 400;line-height: 30.4px;color: var(--color-des-text);}
.demo>div>div:nth-child(2){position: relative;}
.demo>div>div:nth-child(2) .bg>div{text-align: center;}
.demo>div>div:nth-child(2) .contents{max-width: 1058px;width: 100%;padding: 54px 78px 100px;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.demo>div>div:nth-child(2) .contents>div:nth-child(1) h2{font-size: 28px;font-weight: 600;line-height: 33.41px;color: #1F1F24;}
.demo>div>div:nth-child(2) .contents>div:nth-child(1) div{display: flex;align-items: center;margin-block: 50px 30px;}
.demo>div>div:nth-child(2) .contents>div:nth-child(1) div a{font-size: 24px;font-weight: 600;line-height: 28.64px;color: #788BA0;margin-right: 30px;border-bottom: 2px solid white;}
.demo>div>div:nth-child(2) .contents>div:nth-child(1) div a:hover,
.demo>div>div:nth-child(2) .contents>div:nth-child(1) div a.on{border-bottom: 2px solid var(--color-titb-text);color: var(--color-titb-text);}
.demo>div>div:nth-child(2) .contents>div:nth-child(2){height: 884px;}
.demo>div>div:nth-child(2) .contents li{border: 1px solid #CBCED1;padding: 20px;margin-bottom: 30px;display: flex;align-items: center;justify-content: space-between;}
.demo>div>div:nth-child(2) .contents li:last-child{margin-bottom: 0;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1){display: flex;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(1){flex-shrink: 0;padding-right: 20px;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(2)>h2{font-size: 24px;font-weight: 600;line-height: 28.64px;color: #1F1F24;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(2)>h2 + p{margin-block: 10px 20px;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(2) p{font-size: 16px;font-weight: 400;line-height: 19.2px;color: #AEAEB2;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(2)>div{display: flex;align-items: center;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(2)>div:last-child{margin-top: 10px;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(2)>div p{color: #5C5C60;width: 100px;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(2)>div p b{font-size: 24px;font-weight: 700;line-height: 28.64px;color: var(--color-titb-text);}
.demo>div>div:nth-child(2) .contents li>div:nth-child(1)>div:nth-child(2)>div p.percent{font-size: 24px;font-weight: 400;line-height: 28.64px;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(2){flex-shrink: 0;}
.demo>div>div:nth-child(2) .contents li>div:nth-child(2) a{font-size: 16px;font-weight: 700;line-height: 19.2px;border-radius: 100px;padding: 12px 24px;color: white;box-shadow: 0px 24px 22px 0px #17066409;background: linear-gradient(0deg, #12129A, #12129A),linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);}

/* 서브 개별페이지 */
.sub_nplayer .subTitleArea>div>div:nth-child(2) img{box-shadow:none;}
.sub_nplayer .subTitleArea>div>div:nth-child(1){padding-right: 140px;}
.sub_nplayer .subTitleArea>div>div:nth-child(2){margin-right: 0;}

.sub_console .subTitleArea{padding-bottom: 32px;}
.sub_console .subTitleArea>div{align-items: flex-start;}
.sub_console .subTitleArea>div>div:nth-child(2) img{box-shadow: none;filter: drop-shadow(4px 4px 10px #00000040);}

.sub_player .subTitleArea{background: #020203;padding: 154px 0;position: relative;z-index: 1;}
.sub_player .lineDefault{color: #A2ABAF;}
.sub_player .subTitleArea>div.rolloAni{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%;}
.sub_player .subTitleArea>div>div:nth-child(1){width: 520px;margin-inline: auto;padding-right: 0;}
.sub_player .subTitleArea>div h2{text-align: center;}
.sub_player .subTitleArea>div p:nth-of-type(1){text-align: center;color: #D7E4F8;}
.sub_player .subTitleArea>div p:nth-of-type(2){color: #A2ABAF;}
.sub_player .subTitleArea>div p + div{justify-content: center;}
.sub_player .subTitleArea>div .lineBtn_open{border: none;color: #D7E4F8;}
.rolloAni {width: 100%;height: 278px;position: relative;overflow: hidden;max-width: 1920px;z-index: 1;}
.rolloAni::before{content: '';display: block;width: 1000px;height: 425px;background: #020203;filter: blur(70px);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;}
.rolloAni img {display: block;position: absolute;left: 0;animation: animation_img 45s linear infinite alternate;width: 9348px;max-width: none;}
@keyframes animation_img{
    0% {left: 0px;}
    100% {left: -7000px;}
}

.sub_getstarted .technicalSupport{padding-top: 80px;}



/* 이벤트 팝업 */
.event_popup{width: 271px;border-radius: 16px;overflow: hidden;position: fixed;top: 140px;right: 56px;z-index: 99999;filter: drop-shadow(0px 8px 24px rgba(5, 9, 32, 0.15));display: none;cursor: all-scroll;}
.event_popup .event_popup_img_area{position: relative; background: #fff;}
.event_popup .event_popup_img_area a{position: absolute;left: 50%;transform: translateX(-50%);bottom: 24px;background: white;display: block;text-align: center;border-radius: 60px;padding: 10px 0px;min-width: 170px;transition: all .4s ease;}
.event_popup .event_popup_img_area a p{font-weight: 800;font-size: 16px;background: linear-gradient(119.99deg, #5569FF 8.62%, #FF8CA1 115.59%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.event_popup .event_popup_img_area a:hover{background: linear-gradient(119.99deg, #5569FF 8.62%, #FF8CA1 115.59%);box-shadow: 0px 0px 9px rgba(255, 255, 255, 0.79);}
.event_popup .event_popup_img_area a:hover p{background: white;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.event_popup .event_popup_btn_area{display: flex;height: 50px;width: 100%;background: white;}
.event_popup .event_popup_btn_area>a{display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 700;color: #050920;}
.event_popup .event_popup_btn_area>a:nth-child(1){width: 100%;color: #05092066;}
.event_popup .event_popup_btn_area>a:nth-child(2){width: 104px;flex-shrink: 0;}

/* 팝업 */
.layer_wrap{position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);top: 0;left: 0;z-index: 99999;display: none;}
.layer_wrap_area{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.layer_wrap_area .werp{width: 711px;padding: 38px 22px;border-radius: 16px;background: white;}
.layer_wrap_area .layer_tit{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 24px;}
.layer_wrap_area .layer_tit h2{font-size: 23.81px;font-weight: 500;line-height: 30px;color: var(--color-tit-text);}
.layer_wrap_area .layer_tit p{font-size: 14px;font-weight: 400;line-height: 14px;margin-top: 10px;color: var(--color-des-text);}
.layer_wrap_area .layer_tit .popupclose{width: 22px;}
.layer_wrap_area .layer_dis .sclArea{height: 60vh;overflow: hidden;max-height: 534px;}
.layer_wrap_area .layer_dis li{margin-top: 10px;}
.layer_wrap_area .layer_dis li:first-child{margin-top: 0px;}
.layer_wrap_area .layer_dis .inputArea p{font-size: 14.5px;font-weight: 700;line-height: 22px;color: #1A1A1A;margin-bottom: 8px;}
.layer_wrap_area .layer_dis .inputArea input[type="text"]{border: 1px solid #B2B2B2;border-radius: 8px;height: 36px;text-align: left;padding: 0 10px;width: 100%;}
.layer_wrap_area .layer_dis .inputArea input[type="email"]{border: 1px solid #B2B2B2;border-radius: 8px;height: 36px;text-align: left;padding: 0 10px;width: 100%;}
.layer_wrap_area .layer_dis .inputArea label{display: flex;margin-bottom: 3px;align-items: center;}
.layer_wrap_area .layer_dis .inputArea label input[type="radio"]{width: 16px;height: 16px;padding: 0;margin: 0;margin-right: 7px;}
.layer_wrap_area .layer_dis .inputArea label span{font-size: 14.88px;font-weight: 400;line-height: 24px;color: #1A1A1A;}
.layer_wrap_area .layer_dis .sclArea + div{padding-top: 24px;}
.layer_wrap_area .layer_dis .sclArea + div button{display: block;font-size: 16px;font-weight: 700;line-height: 22px;background: #0069FF;padding: 11px 61px;width: fit-content;margin: 0 auto;border-radius: 40px;color: white;}

.topBtn{width: 56px;height: 56px;border-radius: 100%;background: white;box-shadow: 0px 4px 13px 0px #00000040;display: flex;align-items: center;justify-content: center;position: fixed;right: 20px;bottom: 30px;z-index: 2;}