*{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:#ffffff;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:#ffffff;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:#ffffff;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:#ffffff;background-color:#000000;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}}