.spinner{display:none;background-image:url(/console-images/images/indicator/spinner.svg);position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);z-index:11;text-align:center;width:150px;height:150px;background-color:#fff0;background-size:contain;background-repeat:no-repeat}.spinner.active{display:block}.input-group .md{height:44px}.input-group .sm{height:36px}.required-badge{color:#2b7fff}.input-box{display:flex;align-items:center;padding:12px 16px;width:100%;border:1px solid #D1D5DC;border-radius:8px}.input-box input::-moz-placeholder{color:#d1d5dc!important;font-size:14px;line-height:20px}.input-box input::placeholder{color:#d1d5dc!important;font-size:14px;line-height:20px}.input-box:has(input:disabled){background-color:#f3f4f6!important;color:#99a1af!important}.input-box input:disabled{background-color:#f3f4f6!important;color:#99a1af!important}.input-box input:disabled:-webkit-autofill{box-shadow:0 0 0 1000px #f3f4f6 inset!important;-webkit-text-fill-color:#99A1AF!important;color:#99a1af!important}.input-box .eye{background-color:#99a1af}.input-box:has(input.focus-danger,textarea.focus-danger){border:1px solid #FB2C36!important}.input-box:has(input:focus){border:1px solid #2B7FFF}.input-box.dark input::-moz-placeholder{color:#99a1af!important;font-size:14px;line-height:20px}.input-box.dark input::placeholder{color:#99a1af!important;font-size:14px;line-height:20px}.input-box.dark textarea::-moz-placeholder{color:#99a1af!important;font-size:14px;line-height:20px}.input-box.dark textarea::placeholder{color:#99a1af!important;font-size:14px;line-height:20px}.input-box.dark:has(input[type=file]){background-color:#282f3e!important}.input-group .input-box.dark{border-color:#1e2939;background-color:#101828}.input-group .input-box.dark:not(.file):hover{border-color:#99a1af!important}.input-box.dark input:-webkit-autofill{box-shadow:0 0 0 1000px #101828 inset!important;-webkit-text-fill-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;caret-color:#fff}.checkbox-group{display:flex;align-items:center;gap:12px}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin:unset;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #D1D5DC;border-radius:4px;position:relative;cursor:pointer}.checkbox-group input[type=checkbox]:checked{background-color:#2b7fff;border-color:#2b7fff}.checkbox-group input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:3px;width:4px;height:7px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-group.dark input[type=checkbox]{border-color:#6a7282}.checkbox-group.dark input[type=checkbox]:checked{background-color:#2b7fff;border-color:#2b7fff}p.support-msg{display:none;color:#fb2c36;font-size:12px;line-height:18px;font-family:Pretendard;font-weight:400;padding-left:4px;margin-top:4px}p.support-msg.active{display:block}.dim{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:10}.dim.active{display:flex!important}header.white{background-color:#fff!important;border-bottom:1px solid #F3F4F6!important}header.white nav li>a{color:#101828}header.white nav li>a:hover{color:#2b7fff!important}header.white nav li.active,header.white nav li.active>a{color:#2b7fff!important}header.white .dropdown-button{color:#101828}header.white .dropdown-button:hover{color:#2b7fff!important}header.white .dropdown-menu{background-color:#fff!important}header.white .dropdown-menu .dropdown-item .item-row a{color:#101828}header.white .dropdown-menu .dropdown-item .item-row a:hover{background-color:#f9fafb!important;border-radius:8px;color:#101828!important}header.white .dropdown-menu{border-color:#fff!important}header.white .dropdown-menu hr{background-color:#f3f4f6}header.white .dropdown-menu .dropdown-item .profile-area span,header.white .dropdown-menu .dropdown-item .gray-400{color:#6b7280!important}header{position:fixed;top:0;width:100%;background-color:#030712!important;z-index:10;height:60px!important;border-bottom:1px solid #1E2939!important}header nav{display:flex!important;padding-left:40px;padding-right:40px;height:inherit}header nav li>a{color:#99a1af}header nav li>a:hover{color:#fff}header .logo{width:114px;height:24px}header .logo img{width:100%;height:auto}header svg.ic-hamburger{display:none}header .login{font-size:13px;line-height:18px;font-family:Pretendard;font-weight:500;border-color:#030712;width:58px;height:36px}header .login:hover{border:1px solid #fff}header .experience{font-size:13px;line-height:18px;font-family:Pretendard;font-weight:500;border-color:#030712;width:90px;height:36px}header .dropdown-button{cursor:pointer;color:#99a1af;display:flex;overflow:hidden}header .dropdown-button:hover{color:#fff;border-radius:8px}header .dropdown-menu{max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:max-height .4s ease,opacity .3s ease,transform .3s ease;position:absolute;top:100%;right:0;border-radius:12px;background-color:#030712!important;padding:8px 0;box-shadow:0 5px 15px #0000001a;border:1px solid #1E2939;pointer-events:none}header .dropdown-menu hr{width:100%;height:1px;background-color:#1e2939;margin:12px 0;border:none;box-sizing:border-box}header .dropdown-menu.open{max-height:2000px;opacity:1;transform:translateY(0);pointer-events:unset}header .dropdown-menu .dropdown-item{padding:0 8px;display:flex;flex-direction:column;gap:4px}header .dropdown-menu .dropdown-item .item-row{font-size:14px;line-height:20px;cursor:pointer}header .dropdown-menu .dropdown-item .item-row a{width:100%;padding:10px 12px;display:block;color:#99a1af}header .dropdown-menu .dropdown-item .item-row:hover{background-color:#ffffff0d!important;border-radius:8px}header .dropdown-menu .dropdown-item .item-row:hover a{color:#fff!important}header .menu{position:relative;height:36px;display:flex;align-items:center}header .menu .dropdown-menu{width:180px;left:-2px}header .profile{padding:3px;align-self:center;width:36px;height:36px}header .profile img{width:100%;height:100%;border-radius:8px}header .profile .dropdown-menu{width:240px}header .profile .dropdown-item:first-child{padding:10px 16px}header .profile .dropdown-item .profile-area img{width:41px;height:41px}.demopopup{display:none!important;box-shadow:-5px -5px 15px #0000001a,5px 5px 15px #0000001a;width:480px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;background-color:#101828;border:1px solid #1E2939;padding:40px;border-radius:24px;text-align:center}.demopopup .input-group .input-box{height:44px;border-color:#4a5565}.demopopup .input-group .input-box:has(input:focus){border:1px solid #99A1AF}.demopopup .input-group .input-box input::-moz-placeholder{color:#99a1af!important}.demopopup .input-group .input-box input::placeholder{color:#99a1af!important}.demopopup .input-domin{background-color:#1e2939!important;color:#fff!important}.demopopup.qr .domain-block{padding:12px 16px;border:1px solid #4A5565;border-radius:8px;color:#fff;background-color:#1e2939}.demopopup.qr .qr-img{width:212px;height:212px;border:1px solid #99A1AF;display:flex;justify-content:center;align-items:center;border-radius:12px}.demopopup.qr .qr-img canvas{max-width:238px}.demopopup.active{display:flex!important}.demopopup.white{background-color:#fff;border-color:#e5e7eb}.demopopup.white .input-group .input-box,.demopopup.qr.white .qr-img,.demopopup.qr.white .domain-block{border-color:#d1d5dc}.fucpopup{display:none!important;box-shadow:-5px -5px 15px #0000001a,5px 5px 15px #0000001a;width:660px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;background-color:#101828;border:1px solid #1E2939;padding:40px;border-radius:24px;text-align:center}.fucpopup.active{display:flex!important}.fucpopup .fuc-img-wapper{padding:12px 40px;border-radius:12px;height:293px;display:flex;justify-content:center;align-items:center}.fucpopup .fuc-img{width:200px;height:200px}.fucpopup ul li{position:relative;padding-left:12px;text-indent:0;line-height:20px;font-size:14px}.fucpopup ul.disc li:before{content:"•";position:absolute;left:0;top:0;color:#999;font-size:14px}footer{width:100%;background-color:#030712!important;height:400px}footer .footer-content{max-width:1200px;margin:0 auto}footer .logo{width:114px;height:24px}footer .logo a{display:block;width:100%;height:100%}footer .logo img{width:114px;height:24px;-o-object-fit:contain;object-fit:contain}footer .mobile{display:none}footer ul{display:flex;flex-direction:column;gap:16px}footer ul li a:hover{color:#fff}footer.white ul li a:hover{color:#6a7282}footer ul li,footer ul li a{color:#99a1af;font-size:14px;line-height:20px}footer.white{background-color:#f3f4f6!important}footer.white .gray-500{color:#666e7b!important}footer.white .gray-400{color:#626a78!important}footer .terms a:hover{text-decoration:underline}.policy{padding:24px;border:1px solid #D1D5DC;border-radius:12px}.table-scroll{overflow:auto;display:flex}.tbl{width:100%}.tbl th{padding:12px 16px;background-color:#f9fafb;width:33.33%;font-size:14px;line-height:20px}.tbl td{padding:12px 16px;font-size:13px;line-height:18px}@media (max-width: 1023px){header nav{padding:16px 24px!important}header nav .pc{display:none!important}header nav svg.ic-hamburger{display:flex!important;align-self:center;width:24px;height:24px}footer .pc{display:none}footer{padding:80px 40px!important}.fucpopup .fuc-img-wapper{padding:24px;height:auto}.fucpopup .fuc-img{width:102px;height:102px}}@media (max-width: 768px){footer{height:unset;padding:80px 24px!important}footer .terms{flex-direction:column;gap:24px}.demopopup{width:328px;min-height:382px;padding:40px 20px!important}.demopopup .popup-title{font-size:18px;line-height:26px}.demopopup .popup-subtitle{font-size:20px;line-height:28px}.demopopup .text-16{font-size:13px;line-height:18px}.demopopup .error-500{min-height:20px}.fucpopup{width:312px;padding:40px 24px}.fucpopup .text-16{font-size:14px;line-height:20px}.fucpopup .text-14,.fucpopup ul li{font-size:13px;line-height:18px}}html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,ul,li,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;color:#101828;font-family:Pretendard,Pretendard Fallback,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;letter-spacing:0}html{scroll-behavior:auto!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;overflow:auto;scrollbar-gutter:stable}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.flex{display:flex!important}.flex-col{display:flex;flex-direction:column}.justify-center{justify-content:center!important}.align-center{align-items:center!important}.text-center{text-align:center!important}h1{font-size:48px;line-height:62px;font-family:Pretendard;font-weight:600}h2{font-size:40px;line-height:52px;font-family:Pretendard;font-weight:500}h3{font-size:32px;line-height:42px;font-family:Pretendard;font-weight:500}h4{font-size:28px;line-height:38px;font-family:Pretendard;font-weight:500}h5{font-size:24px;line-height:34px;font-family:Pretendard;font-weight:500}h6{font-size:20px;line-height:28px;font-family:Pretendard;font-weight:500}.white{color:#fff!important}.gray-800{color:#101828!important}.primary-500{color:#2b7fff!important}.bg-white{background-color:#fff!important}.bg-primary-500{background-color:#2b7fff!important}ul{list-style-type:none}header{scrollbar-gutter:stable}img{display:inline-block;width:100%;height:auto;-o-object-fit:cover;object-fit:cover}a{text-decoration:none;cursor:pointer;transition:color .3s}pre{margin:unset;font-family:Pretendard;font-weight:400}input:focus{outline:none}input{border:none;outline:none;width:100%;padding:unset}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset!important}button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid;border-radius:8px;white-space:nowrap;box-sizing:border-box;opacity:1;transition:opacity .3s ease}button:hover{opacity:.8}textarea{border:none;outline:none;width:100%;padding:unset;box-sizing:border-box;resize:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.black{color:#000!important}.gray-900{color:#030712!important}.gray-700{color:#1e2939!important}.gray-600{color:#4a5565!important}.gray-500{color:#7b8494!important}.gray-400{color:#aeb5bf!important}.gray-300{color:#d1d5dc!important}.gray-200{color:#e5e7eb!important}.gray-100{color:#f3f4f6!important}.gray-50{color:#f9fafb!important}.primary-600{color:#2772e5!important}.primary-400{color:#408cff!important}.info-500{color:#00a6f4!important}.info-50{color:#80d3f9!important}.info-20{color:#ccedfd!important}.info-10{color:#f2fbfe!important}.success-500{color:#00bc7d!important}.success-50{color:#80ddbe!important}.success-20{color:#ccf2e5!important}.success-10{color:#f2fcf8!important}.warning-500{color:#fe9a00!important}.warning-50{color:#ffcd80!important}.warning-20{color:#ffebcc!important}.warning-10{color:#fffaf2!important}.error-500{color:#fb2c36!important}.error-50{color:#fd959a!important}.error-20{color:#fed5d7!important}.error-10{color:#fff4f5!important}.blue-500{color:#74d4ff!important}.green-500{color:#00d492!important}.orange-500{color:#ffb900!important}.bg-black{background-color:#000!important}.bg-gray-900{background-color:#030712!important}.bg-gray-800{background-color:#101828!important}.bg-gray-700{background-color:#1e2939!important}.bg-gray-600{background-color:#4a5565!important}.bg-gray-500{background-color:#6a7282!important}.bg-gray-400{background-color:#99a1af!important}.bg-gray-300{background-color:#d1d5dc!important}.bg-gray-200{background-color:#e5e7eb!important}.bg-gray-100{background-color:#f3f4f6!important}.bg-gray-50{background-color:#f9fafb!important}.bg-primary-600{background-color:#2772e5!important}.bg-primary-400{background-color:#408cff!important}.bg-info-500{background-color:#00a6f4!important}.bg-info-50{background-color:#80d3f9!important}.bg-info-20{background-color:#ccedfd!important}.bg-info-10{background-color:#f2fbfe!important}.bg-success-500{background-color:#00bc7d!important}.bg-success-50{background-color:#80ddbe!important}.bg-success-20{background-color:#ccf2e5!important}.bg-success-10{background-color:#f2fcf8!important}.bg-warning-500{background-color:#fe9a00!important}.bg-warning-50{background-color:#ffcd80!important}.bg-warning-20{background-color:#ffebcc!important}.bg-warning-10{background-color:#fffaf2!important}.bg-error-500{background-color:#fb2c36!important}.bg-error-50{background-color:#fd959a!important}.bg-error-20{background-color:#fed5d7!important}.bg-error-10{background-color:#fff4f5!important}.bg-blue-500{background-color:#74d4ff!important}.bg-green-500{background-color:#00d492!important}.bg-orange-500{background-color:#ffb900!important}button.outline-primary{border-color:#2b7fff!important;color:#2b7fff;background-color:#fff}button.primary{border-color:#2b7fff!important;color:#fff;background-color:#2b7fff}button.gray{border-color:#4a5565!important;background-color:#101828;color:#d1d5dc}button.lightgray{border-color:#e5e7eb!important;color:#4a5565}button.outline-primary:hover{border-color:#2b7fff!important;color:#fff;background-color:#2b7fff}button.outline-primary:hover i{background-color:#fff!important}button.primary:hover{border-color:#2b7fff!important;color:#fff;background-color:#1d4ed8}button.lightgray:hover{border-color:#2b7fff!important;color:#2b7fff!important}button.lightgray:hover i{background-color:#2b7fff!important}button.primary.active{border-color:#2b7fff!important;color:#fff;background-color:#1d4ed8}button.gray.active{border-color:#2b7fff!important;background-color:#2b7fff!important;color:#d1d5dc}button.lightgray.active{border-color:#2b7fff!important;color:#2b7fff}button.lightgray.active i{background-color:#2b7fff!important}button.xs{font-size:12px;line-height:18px;padding:4px 6px}button.sm{font-size:12px;line-height:24px;padding:7px 8px}button.md{font-size:14px;line-height:20px;padding:9px 12px}button.demo{font-size:14px;line-height:20px;padding:12px 16px}button.lg{font-size:16px;line-height:18px;padding:12px 16px}.line-20px{line-height:20px}p.title1{font-size:32px;line-height:42px;font-family:Pretendard;font-weight:500}p.title2{font-size:28px;line-height:38px;font-family:Pretendard;font-weight:500}p.title3{font-size:24px;line-height:34px;font-family:Pretendard;font-weight:500}p.title4{font-size:20px;line-height:28px;font-family:Pretendard;font-weight:500}p.title5{font-size:18px;line-height:26px;font-family:Pretendard;font-weight:500}p.title6{font-size:16px;line-height:24px;font-family:Pretendard;font-weight:500}p.subtitle{font-size:15px;line-height:22px;font-family:Pretendard;font-weight:400}.text-24{font-size:24px;line-height:34px}.text-20{font-size:20px;line-height:28px}.text-18{font-size:18px;line-height:26px}.text-16{font-size:16px;line-height:24px}.text-15{font-size:15px;line-height:22px}.text-14{font-size:14px;line-height:20px}.text-13{font-size:13px;line-height:19px}.text-11{font-size:11px;line-height:16px}span.text-13{font-size:13px;line-height:16px}span.text-12{font-size:12px;line-height:18px}span.text-11{font-size:11px;line-height:16px}.font-l{font-family:Pretendard!important;font-weight:300}.font-r{font-family:Pretendard!important;font-weight:400}.font-m{font-family:Pretendard!important;font-weight:500}.font-sb{font-family:Pretendard!important;font-weight:600}.font-b{font-family:Pretendard!important;font-weight:700}.font-10px{font-size:10px!important}.font-12px{font-size:12px!important;line-height:18px!important}.font-14px{font-size:14px!important;line-height:20px!important}.font-15px{font-size:15px!important;line-height:22px!important}.font-16px{font-size:16px!important;line-height:24px!important}.font-18px{font-size:18px!important;line-height:26px!important}.font-20px{font-size:20px!important;line-height:28px!important}.font-22px{font-size:22px!important;line-height:30px!important}.font-24px{font-size:24px!important;line-height:32px!important}.font-28px{font-size:28px!important;line-height:36px!important}.font-30px{font-size:30px!important;line-height:38px!important}.font-32px{font-size:32px!important;line-height:40px!important}.font-34px{font-size:34px!important;line-height:44px!important}.font-36px{font-size:36px!important;line-height:48px!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.white-space-nowrap{white-space:nowrap}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.underline{text-decoration:underline}.flex-row{display:flex;flex-direction:row}.flex-reverse{display:flex;flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.flex-grow{flex:1 0 0}.flex-1{flex:1}.flex-auto{flex:0 0 auto}.flex-10{flex:0 0 10%}.flex-20{flex:0 0 20%}.flex-30{flex:0 0 30%}.flex-40{flex:0 0 40%}.flex-50{flex:0 0 50%}.flex-60{flex:0 0 60%}.flex-70{flex:0 0 70%}.flex-80{flex:0 0 80%}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-self-start{align-self:flex-start!important}.align-self-center{align-self:center!important}.align-self-end{align-self:flex-end!important}.gap-unset{gap:unset!important}.gap-2{gap:2px!important}.gap-4{gap:4px!important}.gap-6{gap:6px!important}.gap-8{gap:8px!important}.gap-10{gap:10px!important}.gap-12{gap:12px!important}.gap-16{gap:16px!important}.gap-18{gap:18px!important}.gap-20{gap:20px!important}.gap-22{gap:22px!important}.gap-24{gap:24px!important}.gap-32{gap:32px!important}.gap-36{gap:36px!important}.gap-40{gap:40px!important}.gap-48{gap:48px!important}.gap-60{gap:60px!important}.gap-64{gap:64px!important}.gap-80{gap:80px!important}.m-auto{margin:auto!important}.m-unset{margin:unset!important}.m-25px{margin:25px}.m-4{margin:4rem!important}.m-6{margin:6rem!important}.mt-2px{margin-top:2px!important}.mt-4px{margin-top:4px!important}.mt-5px{margin-top:5px!important}.mt-12px{margin-top:12px!important}.mt-16px{margin-top:16px!important}.mt-20px{margin-top:20px!important}.mt-34px{margin-top:34px!important}.mt-40px{margin-top:40px!important}.mt-1\/4{margin-top:.25rem!important}.mt-1\/2{margin-top:.5rem!important}.mt-1{margin-top:1rem!important}.mt-2{margin-top:2rem!important}.mt-3{margin-top:3rem!important}.mt-4{margin-top:4rem!important}.mt-5{margin-top:5rem!important}.mt-5\/2{margin-top:2.5rem!important}.mt-6{margin-top:6rem!important}.mt-8{margin-top:8rem!important}.mt-10{margin-top:10rem!important}.mt-12{margin-top:12rem!important}.mt-16{margin-top:16rem!important}.mt-20{margin-top:20rem!important}.mt-24{margin-top:24rem!important}.mt-32{margin-top:32rem!important}.mb-2px{margin-bottom:2px!important}.mb-12px{margin-bottom:12px!important}.mb-20px{margin-bottom:20px!important}.mb-24px{margin-bottom:24px!important}.mb-34px{margin-bottom:34px!important}.mb-40px{margin-bottom:40px!important}.mb-60px{margin-bottom:60px!important}.mb-1\/4{margin-bottom:.25rem!important}.mb-1\/2{margin-bottom:.5rem!important}.mb-1{margin-bottom:1rem!important}.mb-2{margin-bottom:2rem!important}.mb-3{margin-bottom:3rem!important}.mb-4{margin-bottom:4rem!important}.mb-5{margin-bottom:5rem!important}.mb-8{margin-bottom:8rem!important}.mb-10{margin-bottom:10rem!important}.mb-16{margin-bottom:16rem!important}.mb-20{margin-bottom:20rem!important}.mb-24{margin-bottom:24rem!important}.mb-32{margin-bottom:32rem!important}.ml-1px{margin-left:1px!important}.ml-2px{margin-left:2px!important}.ml-5px{margin-left:5px!important}.ml-15px{margin-left:15px!important}.ml-25px{margin-left:25px!important}.ml-30px{margin-left:30px!important}.ml-1\/2{margin-left:.5rem!important}.ml-1{margin-left:1rem!important}.ml-7{margin-left:7rem!important}.mr-1px{margin-right:1px!important}.mr-5px{margin-right:5px!important}.mr-6px{margin-right:6px!important}.mr-1\/4{margin-right:.25rem!important}.mr-15px{margin-right:15px!important}.mr-1\/2{margin-right:.5rem!important}.mr-1{margin-right:1rem!important}.mr-14{margin-right:1.4rem!important}.mr-27{margin-right:1.7rem!important}.mx-1\/4{margin-left:.25rem;margin-right:.25rem}.mx-1{margin-left:1rem;margin-right:1rem}.mx-4{margin-left:4rem;margin-right:4rem}.my-1{margin-top:1rem!important;margin-bottom:1rem!important}.my-3\/2{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-2{margin-top:2rem!important;margin-bottom:2rem!important}.my-3{margin-top:3rem!important;margin-bottom:3rem!important}.my-4{margin-top:4rem!important;margin-bottom:4rem!important}.my-6{margin-top:6rem!important;margin-bottom:6rem!important}.my-16{margin-top:16rem!important;margin-bottom:16rem!important}.my-24{margin-top:24rem!important;margin-bottom:24rem!important}.my-20px{margin-top:20px!important;margin-bottom:20px!important}.p-unset{padding:unset!important}.p-1\/2{padding:.5rem!important}.p-1{padding:1rem!important}.p-2{padding:2rem!important}.p-4{padding:4rem!important}.p-16{padding:16rem!important}.p-2px{padding:2px!important}.p-3px{padding:3px!important}.pt-2{padding-top:2rem!important}.pt-3px{padding-top:3px!important}.pt-4px{padding-top:4px!important}.pt-40px{padding-top:2.5rem!important}.pt-5{padding-top:5rem!important}.pt-8{padding-top:8rem!important}.pt-10{padding-top:10rem!important}.pb-5{padding-bottom:5rem!important}.pb-2{padding-bottom:2rem!important}.pb-60px{padding-bottom:60px!important}.pl-1\/2{padding-left:.5rem!important}.pl-1{padding-left:1rem!important}.pl-2{padding-left:2rem!important}.pl-40px{padding-left:40px!important}.pl-3{padding-left:3rem!important}.pl-3\/2{padding-left:1.5rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:1rem}.pr-3\/2{padding-right:1.5rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-11px{padding-left:11px!important;padding-right:11px!important}.px-13px{padding-left:13px!important;padding-right:13px!important}.px-18px{padding-left:18px!important;padding-right:18px!important}.px-20px{padding-left:20px!important;padding-right:20px!important}.px-33px{padding-left:33px!important;padding-right:33px!important}.px-40px{padding-left:40px!important;padding-right:40px!important}.px-1{padding-left:1rem!important;padding-right:1rem!important}.px-2{padding-left:2rem!important;padding-right:2rem!important}.px-3\/2{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-4{padding-left:4rem!important;padding-right:4rem!important}.px-8{padding-left:8rem!important;padding-right:8rem!important}.px-16{padding-left:16rem!important;padding-right:16rem!important}.px-20{padding-left:20rem!important;padding-right:20rem!important}.py-1\/4{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-7px{padding-top:7px!important;padding-bottom:7px!important}.py-1\/2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-12px{padding-top:12px!important;padding-bottom:12px!important}.py-20px{padding-top:20px!important;padding-bottom:20px!important}.py-3\/2{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-1{padding-top:1rem!important;padding-bottom:1rem!important}.py-5\/4{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-2{padding-top:2rem!important;padding-bottom:2rem!important}.py-3{padding-top:3rem!important;padding-bottom:3rem!important}.py-4{padding-top:4rem!important;padding-bottom:4rem!important}.py-5{padding-top:5rem!important;padding-bottom:5rem!important}.py-8{padding-top:8rem!important;padding-bottom:8rem!important}.py-10{padding-top:10rem!important;padding-bottom:10rem!important}.py-16{padding-top:16rem!important;padding-bottom:16rem!important}.py-23{padding-top:23rem!important;padding-bottom:23rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-1rem{width:1rem!important}.w-4rem{width:4rem!important}.w-5{width:5%!important}.w-7{width:7%!important}.w-10{width:10%!important}.w-13{width:13%!important}.w-15{width:15%!important}.w-20{width:20%!important}.w-30{width:30%!important}.w-35{width:35%!important}.w-40{width:40%!important}.w-60{width:60%!important}.w-70{width:70%!important}.w-80{width:80%!important}.w-90{width:90%!important}.w-1\/5{width:20%!important}.w-1\/4{width:25%!important}.w-1\/3{width:33.33%!important}.w-1\/2{width:50%!important}.w-2\/3{width:66.66%!important}.w-69px{width:69px!important}.w-50px{width:50px!important}.w-88px{width:88px!important}.w-100px{width:100px!important}.w-120px{width:120px!important}.w-140px{width:140px!important}.w-160px{width:160px!important}.w-180px{width:180px!important}.h-full{height:100%!important}.h-1rem{height:1rem!important}.h-4rem{height:4rem!important}.h-30px{height:30px}.h-36px{height:36px!important}.h-44px{height:44px!important}.h-48px{height:48px!important}.min-h-100vh{min-height:100vh!important}.min-w-0{min-width:0!important}.max-w-32px{max-width:32px!important}.max-w-35{max-width:35%!important}.max-w-80{max-width:80%}.max-w-90{max-width:90%}.max-w-150px{max-width:150px!important}.max-w-200px{max-width:200px!important}.max-w-250px{max-width:250px!important}.max-w-300px{max-width:300px!important}.max-w-400px{max-width:400px!important}.max-w-500px{max-width:500px!important}.max-w-600px{max-width:600px!important}.max-w-1200px{max-width:1200px!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.left-0{left:0}.top-0{top:0}.right-1{right:1rem}.right-20px{right:20px}.top-20px{top:20px}.right-2{right:2rem}.right-5\/2{right:2.5rem}.hidden{display:none!important}.active.flex{display:flex!important}.float-right{float:right}.float-end{float:inline-end}.vertical-top{vertical-align:top}.vertical-middle{vertical-align:middle}.z-10{z-index:10}.z-11{z-index:11}.border-unset{border:unset!important}.border-1{border:1px solid}.border-gray{border-color:#dadada}.border-darkgray{border-color:#1e2939}.border-radius-8px{border-radius:8px}.border-radius-10px{border-radius:10px}.border-radius-12px{border-radius:12px}.border-radius-24px{border-radius:24px}.border-radius-50{border-radius:50%}.border-collapse{border-collapse:collapse!important}.overflow-hidden{overflow:hidden!important}.list-style-none{list-style-type:none}.pointer{cursor:pointer!important}.line-through{text-decoration:line-through}svg.ic{display:inline-block;width:16px;height:16px;flex-shrink:0}svg.ic.\33xlg{width:64px;height:64px}svg.ic.\32xlg{width:56px;height:56px}svg.ic.xlg{width:40px;height:40px}svg.ic.lg{width:28px;height:28px}svg.ic.\32sm{width:36px;height:36px}svg.ic.sm{width:18px;height:18px}svg.ic.xs{width:16px;height:16px}svg.ic.\32xs{width:14px;height:14px}.toast-container{display:none;opacity:0;gap:16px;z-index:9999;position:fixed;top:80px;left:50%;transform:translate(-50%,-20px);transition:opacity .3s ease,transform .3s ease;border-radius:8px;padding:12px 13px;align-items:center;box-shadow:-2px -2px 8px #0000000d,2px 2px 8px #0000000d}.toast-container.active{display:flex;opacity:1;transform:translate(-50%);pointer-events:auto}.toast-container .toast-message{display:flex;gap:8px;pointer-events:none;align-items:center}.toast-container .toast-message .toast-message-text{color:#fff;font-size:13px;line-height:15px;font-family:Pretendard;font-weight:500;white-space:nowrap;max-width:1024px;overflow:hidden;text-overflow:ellipsis}.toast-container .toast-message-close,.toast-container .toast-message-icon{display:flex;align-items:center}.toast-container .toast-message-icon svg.ic{color:#fff}.toast-container.error{background-color:#fb2c36}.toast-container.success{background-color:#00bc7d}.toast-container.info{background-color:#00a6f4}.toast-container.warning{background-color:#fe9a00}.modal{display:none;position:fixed;top:0;left:0;background-color:#00000080;width:100vw;height:100vh;z-index:1012}.modal .modal-close{position:absolute;right:20px;top:20px;width:24px;height:24px;cursor:pointer;display:flex;align-items:center}.modal .modal-close i{color:#99a1af}.modal .modal-container{max-height:90vh;overflow:hidden;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:20px}.modal .modal-header{padding:24px 24px 12px;display:flex;flex-direction:column;gap:8px}.modal .modal-contents{padding:0 24px;max-height:70vh;overflow:auto}.modal .modal-footer{padding:12px 24px 28px}.cover{min-width:280px}#mobile-only{width:-moz-max-content;width:max-content;gap:0;min-height:60px;display:none;margin:-1rem;padding:8px 0 20px 16px;max-width:100vw;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#mobile-only .slide-item{position:relative;width:135px;min-width:135px;padding:4px 14px 8px;text-align:center;box-sizing:border-box}#mobile-only .slide-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#2b7fff;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}#mobile-only .slide-item.active:after{transform:scaleX(1)}#mobile-only .slide-item a{font-size:14px;line-height:20px;transition:color .3s ease;text-decoration:none;color:#333;display:block}#mobile-only .slide-item.active a{color:#2b7fff}aside::-webkit-scrollbar,.breadcrumb::-webkit-scrollbar{width:5px}aside::-webkit-scrollbar-track,.breadcrumb::-webkit-scrollbar-track{background:transparent}aside::-webkit-scrollbar-thumb,.breadcrumb::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:5px;padding:16px 0}aside{margin:4px 0}aside.left-side{background-color:#fff;min-height:calc(100% - 68px);padding:20px 8px 60px 16px;position:fixed;left:0;top:60px;height:calc(100% - 68px);width:260px;overflow:auto;border-right:1px solid #F3F4F6;display:flex;flex-direction:column;scrollbar-gutter:stable}aside.left-side button{border:none;opacity:unset;width:100%}aside.left-side.open{padding-left:16px;padding-right:16px;width:100%;z-index:9;position:fixed;top:0;height:100%;left:0;padding-top:84px;overflow-x:hidden;overflow-y:auto}aside.left-side .menu .depth1{padding:6px 8px;font-size:13px;line-height:18px}aside.left-side .menu .depth2{margin-bottom:4px}aside.left-side .menu .depth2 button{padding:10px 14px;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:space-between}aside.left-side .menu .depth2.not-child button{font-family:Pretendard;font-weight:400}aside.left-side .menu .depth2>button{margin-bottom:4px}aside.left-side .menu .depth2>button:hover{background-color:#0000000a!important;border-radius:8px}aside.left-side .menu .depth2>button svg.ic{transition:all .2s ease;transform:rotate(0)}aside.left-side .menu .depth2>button svg.ic.open{transform:rotate(90deg)}aside.left-side .menu .depth2 li{margin-bottom:4px}aside.left-side .menu .depth2 li:hover{background-color:#0000000a!important;border-radius:8px}aside.left-side .menu .depth2 button.active{color:#2b7fff!important;background-color:#0000000a;border-radius:8px;font-family:Pretendard;font-weight:500}aside.left-side .menu .depth2 ul{max-height:0;opacity:0;overflow:hidden;transition:max-height .2s ease-in-out,opacity .2s linear}aside.left-side .menu .depth2 ul.open{display:flex;flex-direction:column;max-height:10000px;opacity:1}aside.left-side .menu .depth3 button{padding:12px 24px;font-size:13px;line-height:18px}aside.left-side .menu .depth3:hover{background-color:#f3f4f6!important;border-radius:8px}aside.right-side{position:fixed;top:60px;left:calc(50% + 430px);width:280px;height:auto;max-height:calc(100% - 70px);padding:56px 24px 80px;overflow:auto;z-index:0;background-color:#fff;scrollbar-gutter:stable}aside.right-side button{border:none;opacity:unset}aside.right-side .menu{display:flex;flex-direction:column;gap:12px}aside.right-side .menu .depth2{font-size:15px;line-height:22px;padding:4px 0}aside.right-side .menu .depth3>button{font-size:13px;line-height:18px;margin-bottom:4px;display:block;padding:4px 0}aside.right-side .menu .depth3>ul{margin-bottom:12px}aside.right-side .menu .depth3 button:hover,aside.right-side .menu .depth3.active>button{color:#2b7fff!important}aside.right-side .menu .depth3>ul li:hover,aside.right-side .menu .depth4.active{color:#2b7fff!important;cursor:pointer;border-left:2px solid #2B7FFF}aside.right-side .menu .depth4{font-size:12px;line-height:18px;border-left:2px solid #F3F4F6;padding:8px 16px}.container .content{display:flex;min-height:calc(100vh - 54px);width:100%}.container .content .page{padding:60px 40px 80px;width:100%;height:100%;margin:0 auto}.container .content .page .inner{width:92%;height:100%}.scrollTop{display:none}section img{cursor:zoom-in;border-radius:12px}article{font-size:16px;line-height:24px;font-family:Pretendard;font-weight:400}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center;z-index:9999;display:flex;visibility:hidden;opacity:0;transition:opacity .3s ease}.image-modal-overlay.show{visibility:visible;opacity:1}.image-modal-overlay img{max-width:90%;max-height:90%;cursor:zoom-out;display:block;-o-object-fit:contain;object-fit:contain}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center;z-index:9999;display:flex;visibility:hidden;opacity:0;transition:opacity .3s ease}.video-modal-overlay.show{visibility:visible;opacity:1}.video-modal-overlay video{position:relative;width:100%;height:calc(100vh - 150px);-o-object-fit:contain;object-fit:contain;max-height:929px;max-width:437px;padding:.5rem}.code-block{background:#101828;color:#e2e8f0;padding:20px;border-radius:12px;overflow-x:auto}.code-block .code-header{display:flex;justify-content:space-between;margin-bottom:16px}.code-block .code-header .label{border-radius:8px;background:#1e2939;color:#d1d5dc;padding:7px 8px;font-size:12px;line-height:18px;height:32px;display:inline-flex;align-items:center;border:1px solid #4A5565}.code-block .code-header button.label:hover{background:#101828}.code-block .code-body{max-height:400px;overflow:auto}.code-block .code-body::-webkit-scrollbar{width:5px;height:5px}.code-block .code-body::-webkit-scrollbar-track{background:transparent}.code-block .code-body::-webkit-scrollbar-thumb{background-color:#6a7282;border-radius:5px}.code-block .code-body *{font-size:14px;line-height:20px;font-family:Pretendard;font-weight:300}.code-block .code-body .line{display:flex;gap:6px}.code-block .code-body .line *{flex-shrink:0}.code-block .code-body .line .code-line{color:#fff}.code-block .code-body .line-number{color:#64748b;width:20px;text-align:left;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-block .tab-1{margin-left:1rem}.code-block .tab-2{margin-left:2rem}.code-block .tab-3{margin-left:3rem}.code-block .tab-4{margin-left:4rem}.code-block .tab-5{margin-left:5rem}.code-block .tab-6{margin-left:6rem}.code-block .tab-7{margin-left:7rem}.code-block .tab-8{margin-left:8rem}.code-block .tab-9{margin-left:9rem}.code-block .tab-10{margin-left:10rem}.code-tag{color:#7dd3fc}.code-attr{color:#22d3ee}.code-value{color:#00d492}.code-url{color:#ffb900}.code-gray{color:#6a7282}.code-red{color:#fd959a}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;max-width:100%;width:100%}table thead{color:#6a7282}table th{background-color:#f3f4f6;padding:12px 16px;text-align:left;font-size:14px;color:#6a7282;line-height:20px;white-space:nowrap}table td{padding:12px 16px;border:1px solid #E5E7EB;text-align:left;font-size:13px;color:#1e2939;line-height:18px;white-space:nowrap}table tr th:first-child,table tr td:first-child{border-left:none}table tr th:last-child,table tr td:last-child{border-right:none}.ribbon{gap:8px;min-height:50px;border-radius:12px;border:1px solid;padding:16px;font-size:13px;line-height:18px;display:inline-flex;align-items:center;white-space:normal;width:100%}.ribbon svg.ic{vertical-align:middle;width:18px;height:18px;flex-shrink:0;align-self:self-start}.ribbon.info{border-color:#ccedfd!important;background-color:#f2fbfe!important;color:#4a5565!important}.ribbon.warning{border-color:#ffcd80!important;background-color:#fffaf2!important;color:#4a5565!important}.ribbon.gray{border-color:#d1d5dc!important;background-color:#fff!important;color:#4a5565!important}.ribbon.error{border-color:#fd959a!important;background-color:#fff4f5!important;color:#4a5565!important}.ribbon.success{border-color:#80ddbe!important;background-color:#f2fcf8!important;color:#4a5565!important}.ribbon.warning svg.ic{color:#fe9a00!important}.ribbon.gray svg.ic{color:#d1d5dc!important}.ribbon.error svg.ic{color:#fb2c36!important}.ribbon.success svg.ic{color:#00bc7d!important}.ribbon.info svg.ic{color:#00a6f4!important}.ribbon span,.ribbon a{font-family:Pretendard;font-weight:600}.ribbon span{color:#101828}.ribbon a{color:#00a6f4}ul.template li{position:relative;padding-left:12px;text-indent:0;line-height:20px;font-size:14px}ul.template.disc li:before{content:"•";position:absolute;left:0;top:0;color:#999;font-size:14px}ol.template{list-style:decimal;list-style-position:outside;padding-left:13px;margin:0}ol.template li{position:relative;padding-left:0;font-size:14px;line-height:20px}button.preview{border-radius:100px;display:flex;align-self:center;gap:4px;align-items:center;padding:4px 8px 4px 5px!important}.wrapper{position:relative;padding-left:64px;padding-top:.55rem}.num{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;color:#99a1af;position:absolute;left:0;top:0;z-index:1;font-family:Pretendard;font-weight:500}.wrapper:before{content:"";position:absolute;left:19px;top:30px;bottom:0;width:2px;background-image:repeating-linear-gradient(to bottom,#E5E7EB,#E5E7EB 4px,transparent 4px,transparent 8px);z-index:0}.codeside{padding:24px;background-color:#f3f4f6;align-items:center;border-radius:12px}.wrapper.active:before{display:block;position:absolute;left:19px;top:-24px;height:24px;border-left:2px solid #2B7FFF;z-index:0}.wrapper.active .num{color:#fff;background-color:#2b7fff;border:1px solid #2B7FFF}.wrapper.completed:after{content:"";position:absolute;left:19px;top:24px;bottom:0;border-left:3px solid #2B7FFF}section:first-child .wrapper.active:before{display:none}.wrapper:last-child:before{display:none}.wrapper:last-child:after{display:none}.wrapper.active .title5{color:#2b7fff}.template-box{padding:24px;border:1px solid #E5E7EB;border-radius:8px;width:100%}.template-box article{font-size:13px;line-height:18px}.template-box button{padding:12px 16px;font-size:14px;line-height:20px;color:#4a5565;border:1px solid #E5E7EB;display:flex;align-items:center;justify-content:center;gap:6px}.template-box button svg.ic{color:#99a1af}.template-box button:hover{border:1px solid #2B7FFF}.template-box button.gray:hover{background-color:#6a7282;border:1px solid #6A7282!important}.template-box button:hover svg.ic{color:#2b7fff}.segment-text{display:inline-block;height:22px;padding:2px 4px;background-color:#f3f4f6;border-radius:4px;font-size:13px;line-height:18px;color:#6a7282}.text{font-size:13px;line-height:18px;color:#6a7282}.text-box{padding:1rem;border:1px solid #E5E7EB;border-radius:8px}@media screen and (max-width: 1350px){.right-side{display:none}}@media screen and (min-width: 1024px){.container .content .page{max-width:1179px;padding-right:292px}}@media screen and (min-width: 768px){.container .content .page{margin-left:auto;margin-right:auto}}@media screen and (max-width: 1023px){.container .content .page{padding:60px 30px 80px 24px!important}.container .content .page .inner{width:100%!important}aside.left-side{left:-100%}.cover{display:none}.container .content .page .inner section .mobile-box{flex-direction:column!important}.code-block .code-header .label.copy{font-size:0}.scrollTop{position:fixed!important;display:flex;bottom:24px;right:24px;width:48px;height:48px;padding:4px;border-radius:100px;border:1px solid #E5E7EB;align-items:center;justify-content:center;background:#fff;cursor:pointer}#mobile-only{display:flex}#mobile-only::-webkit-scrollbar{display:none}}@media (max-width: 760px){header nav{padding:16px 24px!important}.flex{flex-wrap:wrap}header nav .pc{display:none!important}header nav svg.ic-hamburger{display:flex!important;align-self:center;width:24px;height:24px}.container .content .page{padding:48px 24px 80px!important}.container .content .page .inner{width:100%!important}}.devcenter-label-code{padding-left:1.2rem;padding-top:.75rem;padding-bottom:.75rem;border-radius:3px;border-left:5px solid #0F172A;font-size:22px;line-height:38px;font-family:Pretendard;font-weight:600;color:#0f172a;background:#f3f3f3;overflow:auto}.img-rounded-box{display:inline-block;vertical-align:top;line-height:0;border:1px solid #aaaaaa;border-radius:15px;box-sizing:border-box;overflow:hidden}.img-rounded-box img{display:block;width:100%;height:auto;border:0;clip-path:inset(1px round 12px);-webkit-clip-path:inset(2px round 14px)}.guide-page-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}