:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-button-prev,~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Wanted Sans Variable;overflow-x:hidden}ol,ul{list-style:none}a{text-decoration:none;color:inherit}.font_goormsans{font-family:Goorm Sans,sans-serif;font-weight:400;font-style:normal}.font_clipart{font-family:Wanted Sans Variable,sans-serif;font-weight:600}.row_f{display:flex;flex-direction:row}.col_f{display:flex;flex-direction:column}main section{margin:30px auto}main .sec01 .content{width:100%;margin:0 auto;padding:50px 0}main .sec01 .content .top{width:80%;max-width:1380px;margin:0 auto;align-items:center;justify-content:space-between}main .sec01 .content .top .titleT{font-size:32px;letter-spacing:-.5px;line-height:1.3}main .sec01 .content .top .naviBtn{align-items:center;justify-content:center;gap:10px;margin-left:10px}main .sec01 .content .top .naviBtn>div{align-items:center;justify-content:center;border:1px solid #bdbdbd;border-radius:100px;background-color:#fff;width:30px;aspect-ratio:1/1;cursor:pointer}main .sec01 .content .top .naviBtn>div:hover{border:1px solid #a90076}main .sec01 .content .top .moreBtn{align-items:center;justify-content:center;gap:10px;border-radius:50px;padding:12px 20px;width:150px;color:#fff;font-size:14px;background:linear-gradient(90deg,#da5073,#820fb4);cursor:pointer}main .sec01 .content .top .moreBtn>div{border-radius:100px;background-color:#fff;aspect-ratio:1/1;justify-content:center;align-items:center;width:20px;height:auto}main .sec01 .content .top .moreBtn>div>svg{width:14px;height:14px}main .sec01 .content .swiper-container{width:80%;margin:0 auto;overflow:visible}main .sec01 .content .swiper{width:100%;overflow:visible;margin:30px auto 0}main .sec01 .content .swiper-wrapper .swiper-slide{padding:30px;align-items:flex-start;justify-content:flex-start;aspect-ratio:4/3;color:#fff;position:relative}main .sec01 .content .swiper-wrapper .swiper-slide.c_yellow{background:url(/img/card_yellow.png) no-repeat 50%;background-size:contain}main .sec01 .content .swiper-wrapper .swiper-slide.c_violet{background:url(/img/card_violet.png) no-repeat 50%;background-size:contain}main .sec01 .content .swiper-wrapper .swiper-slide.c_purple{background:url(/img/card_purple.png) no-repeat 50%;background-size:contain}main .sec01 .content .swiper-wrapper .swiper-slide.c_blue{background:url(/img/card_blue.png) no-repeat 50%;background-size:contain}main .sec01 .content .swiper-wrapper .swiper-slide.c_teal{background:url(/img/card_teal.png) no-repeat 50%;background-size:contain}main .sec01 .content .swiper-wrapper .swiper-slide .card_keyword{border-radius:50px;padding:8px 18px;display:inline-block;margin-bottom:20px;font-size:18px;letter-spacing:-.5px}main .sec01 .content .swiper-wrapper .swiper-slide.c_yellow .card_keyword{background-color:#e08909}main .sec01 .content .swiper-wrapper .swiper-slide.c_violet .card_keyword{background-color:#a5227c}main .sec01 .content .swiper-wrapper .swiper-slide.c_purple .card_keyword{background-color:#4d4bb6}main .sec01 .content .swiper-wrapper .swiper-slide.c_blue .card_keyword{background-color:#3f95e2}main .sec01 .content .swiper-wrapper .swiper-slide.c_teal .card_keyword{background-color:#008683}main .sec01 .content .swiper-wrapper .swiper-slide .card_title{font-size:28px;letter-spacing:-.5px;line-height:1.3;word-break:keep-all}main .sec01 .content .swiper-wrapper .swiper-slide .status{position:absolute;bottom:0;right:0;width:24%;height:auto;aspect-ratio:1/1}main .sec01 .content .swiper-wrapper .swiper-slide .learnBtn{aspect-ratio:1/1;width:100%;justify-content:center;align-items:center;color:#fff;background-color:#000;border-radius:100px;font-size:14px;letter-spacing:1px}main .sec01 .content .swiper-wrapper .swiper-slide .progress-wrapper{width:100%;aspect-ratio:1/1;height:auto;position:relative;border-radius:50%;background:#e5e5e5}main .sec01 .content .swiper-wrapper .swiper-slide .progress-wrapper .progress-ring{position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,#da5073,#820fb4);-webkit-mask:conic-gradient(#000 0deg,#000 var(--progress),transparent var(--progress),transparent 1turn);mask:conic-gradient(#000 0deg,#000 var(--progress),transparent var(--progress),transparent 1turn)}main .sec01 .content .swiper-wrapper .swiper-slide .progress-wrapper .progress-text{inset:0;display:flex;align-items:center;justify-content:center;color:#000;background-color:#fff;width:85%;aspect-ratio:1/1;border-radius:100px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}main .sec02 .content{width:80%;max-width:1380px;margin:0 auto;padding:50px 0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:40px 20px}main .sec02 .content .box{border-radius:20px;background-color:#f3f3f3;padding:30px;align-items:flex-start;justify-content:flex-start;gap:20px;position:relative;width:100%;height:auto}main .sec02 .content .box .titleT{font-size:24px}main .sec02 .content .box .subT{color:#707070;font-size:18px;line-height:1.5rem}main .sec02 .content .box .abs{position:absolute;bottom:-5%;right:5%;height:50%;width:auto}main .sec02 .content .box.big{grid-column:span 2;width:100%;aspect-ratio:2/1;background-color:#fff8d0}main .sec02 .content .box.big .abs{bottom:0;right:5%;height:60%}@media screen and (max-width:1280px){.botH,.topH>div{width:90%}}@media screen and (max-width:1024px){main .sec01 .content .swiper-container,main .sec01 .content .top,main .sec02 .content{width:95%}main .sec02 .content{grid-template-columns:repeat(3,1fr);gap:20px}main .sec02 .content .box.big{grid-column:span 3;aspect-ratio:3/1}}@media screen and (max-width:768px){main .sec02 .content{grid-template-columns:repeat(2,1fr)}main .sec02 .content .box.big{grid-column:span 2;aspect-ratio:2/1}main .sec01 .content .swiper-wrapper .swiper-slide .card_title{font-size:20px}main .sec01 .content .top .titleT{font-size:24px}}@media screen and (max-width:480px){main .sec02 .content{grid-template-columns:1fr}main .sec02 .content .box.big{grid-column:span 1;aspect-ratio:1.5/1}main .sec01 .content .top{flex-direction:column;align-items:flex-start;gap:15px}main .sec01 .content .top .naviBtn{margin-left:0}main .sec01 .content .top .moreBtn{display:none}main .sec01 .content .swiper-wrapper .swiper-slide{padding:20px}}