*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto}html.is-scroll-locked{overflow:hidden;overscroll-behavior:none}html.has-smooth-scroll,body.has-smooth-scroll{scrollbar-width:none;-ms-overflow-style:none}html.has-smooth-scroll.is-scroll-locked,body.has-smooth-scroll.is-scroll-locked{overflow:hidden;overscroll-behavior:none}html.has-smooth-scroll::-webkit-scrollbar,body.has-smooth-scroll::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;min-height:100vh;line-height:1.6;font-family:"Inter",sans-serif}body.is-scroll-locked{overflow:hidden;overscroll-behavior:none;touch-action:none}section{position:relative;padding:0 20px}a{color:inherit;text-decoration:none}img,svg,video{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{background:none;border:0;margin:0;padding:0;cursor:pointer}.buttons{display:flex;row-gap:10px;column-gap:10px;align-items:center;justify-content:flex-start}.button{display:inline-flex;height:50px;margin:0;padding:0 32px;border-width:1px;border-style:solid;align-items:center;justify-content:center;border-radius:10px;transition-property:background,border-color,opacity;transition-duration:.2s,.2s,.2s;cursor:pointer}.button span{font-size:16px;font-weight:500;font-family:"Inter",sans-serif;pointer-events:none;transition-property:color;transition-duration:.2s}.button.red{border-color:var(--red)}.button.red span{color:var(--red)}.button.red.full{background:var(--red)}.button.red.full span{color:var(--white)}.button.gray{border-color:var(--gray-n1)}.button.gray span{color:var(--gray-n1)}.button.gray.light{border-color:var(--gray-n3)}.button.gray.light span{color:var(--gray-n3)}.button.gray.full{background:var(--gray-n1)}.button.gray.full span{color:var(--white)}.button.gray.full.light{background:var(--gray-n3)}.button.no-hover{opacity:.2;cursor:not-allowed}.button:hover:not(.no-hover){background:var(--red) !important;border-color:var(--red) !important}.button:hover:not(.no-hover) span{color:var(--white) !important}p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.05}h2{font-size:24px;line-height:32px;color:var(--gray-n1)}.sub-h2{font-size:16px;line-height:21px;color:var(--gray-n2)}h3,h4{font-size:16px;line-height:21px;color:var(--gray-n1)}.sub-h3,.sub-h4{font-size:14px;line-height:19px;color:var(--gray-n2)}#viewport,#pageWrapper,#pageContent,#app,.app-shell{min-height:100vh}html.has-smooth-scroll #pageContent{will-change:transform}.app-shell{min-height:inherit;display:flex;flex-direction:column}.app-shell__body{flex:1 0 auto}.container{width:100%;margin:0 auto;max-width:1640px}.card{background:var(--white);padding:60px 20px;border-radius:20px}.card>.inner{width:100%;margin:0 auto;max-width:1046px}.btn-cards{display:flex;width:100%;row-gap:10px;column-gap:10px;align-items:flex-start;justify-content:flex-start}.btn-cards .btn-card{background:var(--gray-n4);display:flex;column-gap:21px;width:100%;padding:16px 24px;max-width:308px;border-radius:10px;border:1px solid var(--gray-n4);box-shadow:inset -3px 3px 5px rgba(0,0,0,.1);align-items:flex-start;justify-content:flex-start;transition-property:background,border-color;transition-duration:.2s,.2s;user-select:none;cursor:pointer}.btn-cards .btn-card .icon{width:24px;flex:0 0 24px;transform:translate(0, 5px)}.btn-cards .btn-card .icon svg path{fill:var(--gray-n1);transition-property:fill;transition-duration:.2s}.btn-cards .btn-card .contents h3,.btn-cards .btn-card .contents span{transition-property:color;transition-duration:.2s}.btn-cards .btn-card:hover{background:var(--red-n1);border-color:var(--red)}.btn-cards .btn-card.active{background:var(--red);box-shadow:inset -3px 3px 5px rgba(0,0,0,0);pointer-events:none}.btn-cards .btn-card.active .icon svg path{fill:var(--white)}.btn-cards .btn-card.active .contents h3,.btn-cards .btn-card.active .contents span{color:var(--white)}.btn-tab{background:var(--white-color);width:60px;height:34px;padding:3px;flex:0 0 60px;border-radius:17px;border:1px solid var(--gray-n5);box-shadow:inset 0 3px 6px rgba(0,0,0,.16);transition-property:background,border-color;transition-duration:.2s,.2s;cursor:pointer}.btn-tab .tab{background:var(--gray-n6);width:auto;height:100%;aspect-ratio:1/1;border-radius:100%;transition-property:background,transform;transition-duration:.2s,.2s}.btn-tab.active{background:var(--red);border-color:var(--red)}.btn-tab.active .tab{background:var(--white);transform:translate(100%, 0)}.title{border-left:5px solid var(--gray-n3);padding-left:11px}.title.red{border-left-color:var(--red)}.accordion .item{position:relative;border:1px solid var(--gray-n5);border-radius:10px;transition-property:background,border-color;transition-duration:.2s,.2s}.accordion .item .thead{padding:16px 30px 16px 26px;user-select:none;cursor:pointer}.accordion .item .thead .inner{display:flex;column-gap:22px;align-items:center;justify-content:space-between}.accordion .item .thead .inner .contents{margin:0 auto 0 0}.accordion .item .thead .inner .contents h3,.accordion .item .thead .inner .contents span{transition-property:color;transition-duration:.2s}.accordion .item .thead .inner .badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;margin:0 0 0 auto;border-radius:20px;border:1px solid var(--gray-n2);transition-property:transform;transition-duration:.2s}.accordion .item .thead .inner .badge svg{width:12px;height:auto;flex:0 0 12px}.accordion .item .thead .inner .badge svg path{fill:var(--white)}.accordion .item .thead .inner>svg path{transition-property:fill;transition-duration:.2s}.accordion .item .thead .inner>svg:first-child{width:22px;height:auto;flex:0 0 22px;align-self:flex-start;transform:translate(0, 5px)}.accordion .item .thead .inner>svg:first-child path{fill:var(--gray-n1)}.accordion .item .thead .inner>svg.accordion-arrow{width:14px;height:auto;flex:0 0 14px}.accordion .item .thead .inner>svg.accordion-arrow path{fill:var(--gray-n1)}.accordion .item .tbody{height:0px;padding:0 20px;overflow:hidden}.accordion .item .tbody .inner{background:var(--gray-n4);padding:30px 30px 30px 50px;min-height:100px;box-shadow:inset 0 3px 6px rgba(0,0,0,.16);border-radius:10px}.accordion .item .tbody .inner .contents-tab{display:flex;align-items:flex-start;justify-content:space-between}.accordion .item+.item{margin-top:10px}.accordion .item:hover{background:var(--red-n1);border-color:var(--red)}.accordion .item.done .thead .inner .badge{background:var(--green);border-color:var(--green)}.accordion .item.active{z-index:5}.accordion .item.disabled .thead{cursor:not-allowed}.accordion .item.disabled .thead .inner{opacity:.55}