:root{--background-color: #F2F5F9;--font-color: #262A2F;--font-family: -apple-system, BlinkMacSystemFont,"Pretendard", "Roboto", "Noto Sans KR", "Malgun Gothic", sans-serif;--font-size: 16px;--font-weight: 400;--line-height: 1;--app-max-width: 60rem;--app-resp-size: 0.2253rem + 1.7442vw;--app-header: 4rem;--app-pad: 1.125rem;--content-pad: .875rem;--c-green: #1A9831;--c-blue: #0886FB;--c-orange: #C45C36;--swiper-pagination-bottom: 0;--swiper-pagination-color: var(--c-green);--swiper-pagination-bullet-inactive-color: var(--c-green);--swiper-pagination-bullet-size: 10px;--swiper-pagination-bullet-horizontal-gap: .5rem;--swiper-pagination-bullet-inactive-opacity: .6}@media(min-width: 768px){:root{--app-pad: 2.5rem;--content-pad: 1.25rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,q:before,blockquote:after,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background-color:rgba(0,0,0,0);outline:none;border:0;cursor:pointer}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:var(--font-size);color:var(--font-color);scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body{width:100%;height:100vh}strong{font-weight:600}body{background-color:var(--background-color);color:var(--font-color);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);font-display:block}.app{max-width:var(--app-max-width);width:inherit;height:inherit;margin:0 auto;padding-inline:.5rem}.app-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:30px;width:100%;height:190px;background:url(../assets/bg.png) bottom right no-repeat;background-size:170%;-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-transform:translateZ(0);transform:translateZ(0)}.app-header>p{margin-left:1rem;font-size:clamp(.875rem,var(--app-resp-size),1.25rem);font-weight:700;color:#00336b;opacity:.6}.app-header>h1{margin-bottom:3.5rem;margin-left:1rem;width:124px;height:22px;background:url(../assets/logo.svg) top left no-repeat;background-size:contain;text-indent:-1000rem}@media(min-width: 768px){.app-header{height:220px;background-size:100%}.app-header>h1{width:166px;height:34px}}.app-header nav.tab{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:.5rem;width:100%}.app-header nav.tab .tab-button{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:.75rem 0;width:100%;background-color:#fff;border:1px solid #415f80;color:color-mix(in srgb, var(--font-color) 90%, #FFF 90%);font-size:clamp(1.0625rem,var(--app-resp-size),1.375rem);font-weight:500;line-height:1;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.app-header nav.tab .tab-button:hover,.app-header nav.tab .tab-button.active{background-color:#415f80;color:#fff}.app-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--app-pad);background-color:#fff;border:1px solid rgba(129,129,129,.16);border-radius:.5rem;-webkit-box-shadow:0 6px 20px 0 rgba(181,200,219,.16);box-shadow:0 6px 20px 0 rgba(181,200,219,.16);overflow:hidden}.app-main .tab-content{display:none}.app-main .tab-content.active{display:block}.app-main .content-title{display:grid;grid-template-rows:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;row-gap:1rem;padding-bottom:1rem}@media(min-width: 768px){.app-main .content-title{grid-template-columns:auto 308px;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}}.app-main .content-title>h2{font-size:clamp(1.0625rem,var(--app-resp-size),1.25rem);font-weight:600}.app-main .content-title .action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.app-main .content-title .action-buttons .action-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;display:inline-block;padding:.875rem 1rem;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0))),var(--c-blue);background:linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),var(--c-blue);border-radius:.375rem;color:#fff;font-size:clamp(.875rem,var(--app-resp-size),1rem);font-weight:500;line-height:1;text-align:center;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.app-main .content-title .action-buttons .action-btn:hover{background:-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0))),var(--c-blue);background:linear-gradient(-90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),var(--c-blue);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.app-main .content-title .action-buttons .action-btn.run{background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0))),#6524ff;background:linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),#6524ff}.app-main .content-title .action-buttons .action-btn.run:hover{background:-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0))),#6524ff;background:linear-gradient(-90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%),#6524ff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.app-footer{padding-block:2rem;font-size:13px;line-height:1.5;text-align:center}.app-footer .copyright{padding-top:1rem;opacity:.5}.warning{padding:var(--content-pad);background-color:color-mix(in srgb, var(--c-orange) 8%, yellow 8%);border:1px solid color-mix(in srgb, var(--c-orange) 24%, #fff 90%);font-size:clamp(.75rem,var(--app-resp-size),.9375rem);line-height:1.5}.warning>p{padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid color-mix(in srgb, var(--c-orange) 24%, #fff 90%);color:var(--c-orange);font-size:clamp(.9375rem,var(--app-resp-size),1rem);font-weight:600;line-height:1}.warning strong{color:var(--c-orange)}.warning+section{padding-top:2rem}@media(min-width: 768px){.warning+section{padding-top:3rem}}section{display:grid;grid-template-rows:auto;justify-items:center;row-gap:1rem;padding-block:1.25rem;border-top:1px solid #e9e9e9}@media(min-width: 768px){section{grid-template-columns:auto 308px;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}}section:nth-of-type(1){border-top:0 none}section>div:nth-of-type(1){width:100%}section>div:nth-of-type(2){position:relative;overflow:hidden;-webkit-box-flex:308px;-ms-flex:308px;flex:308px;max-width:308px;width:100%;height:520px;background-color:#000}section .badge{padding:.3125rem .875rem;background-color:#cdf2c2;border-radius:2rem;color:var(--c-green);font-size:12px;font-weight:600;text-transform:uppercase;line-height:1}.step{padding-top:1.25rem}.step>h3{font-size:clamp(1.0625rem,var(--app-resp-size),1.25rem);font-weight:700}.step>h3+p{padding-block:.5rem .75rem;font-size:clamp(.8125rem,var(--app-resp-size),.9375rem);line-height:1.35;opacity:.65}.step+.step{padding-top:2rem}.step>ul{padding:var(--content-pad);background-color:var(--background-color);font-size:clamp(.8125rem,var(--app-resp-size),1rem)}.step>ul li{position:relative;padding-left:.75rem;line-height:calc(clamp(.8125rem,.2253rem + 1.7442vw,1.125rem) + .3rem)}.step>ul li::before{content:"–";position:absolute;top:0;left:0;display:inline-block;font-size:12px;font-weight:300}.step>ul li:not(:first-child){margin-top:.25rem}.step>ul li.support{margin-top:var(--content-pad);padding-top:var(--content-pad);padding-left:0;border-top:1px solid color-mix(in srgb, var(--c-blue) 24%, #fff 70%);color:var(--c-blue);font-size:clamp(.75rem,var(--app-resp-size),.9375rem)}.step>ul li.support::before{content:"";margin-right:0}.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.swiper-slide img{display:block;width:100%;height:520px;padding-bottom:48px;-o-object-fit:cover;object-fit:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-pagination{padding-block:1rem}