:root {
	--activeDevCat: #278EFF;
	--activeLevel : #00D9FF;
}

.cat_page {font-family: 'Freesentation';}
.cat_page-top {position: relative;background: url(/2025/img/sub/webappdev_bg.png) center center / cover no-repeat;}
.cat_page-top .txt h3 {color:#FFFFFF;font-weight: 700;font-size: 55px;}
.cat_page-top .txt h3 span {color: #278EFF;font-size:30px;}
.cat_page-top .txt {width: max-content;margin: 0 auto;max-width:100%;text-align:center;padding:205px 0 860px;padding:205px 0 570px; }
.cat_page-top .txt p {font-size: 26px;color: #ffffff;font-weight: 400;}
.cat_page-top img.mo {display: none;}
.cat_page-top ul {background: rgba(17, 24, 34, 0.9);display: flex;justify-content: center;padding: 45px 0;}
.cat_page-top ul li:nth-of-type(2) {margin:0;}
.cat_page-top ul div {font-weight: 900;font-size: 60px;color: #FFFFFF;}
.cat_page-top ul p {font-weight: 400;font-size: 25px;color: #FFFFFF;}
.cat_page-top ul p span {color: #278EFF;font-weight: 700;}
.cat_page-top ul li {text-align: center;width:23%;}
.cat_page main {background: #16181D;padding: 55px 0 0;}
.cat_page .tit {margin: 65px auto 0;color: #FFFFFF;font-weight: 800;font-size: 40px;text-align:center;line-height: 50px;}
.cat_page .tit span {color:#278EFF;display: block;}
.cat_page .subtit {margin: 45px auto 30px;color: #FFFFFF;font-weight: 700;font-size: 30px;text-align:center;}
.cat_page .subtit_01 {font-weight:400;font-size:25px;color: #ffffff;text-align:center;line-height:36px; }
.cat_page .subtit_01 span {font-weight:700;font-size:35px;color: #278EFF;}

.choice-reasons {background: url(/2025/img/sub/webappdev_bg_01.png) center center / contain no-repeat; background-size: 100% 100%;margin:88px auto 0;width: 1240px;max-width:100%;padding: 95px 0 140px;display: flex; justify-content: center;position: relative;}
.choice-reasons .box {border-radius: 20px;background:#15171C;padding: 40px 30px;border: 1px solid #278EFF;display: flex;flex-wrap:wrap;flex-direction: column;gap: 28px;width: 100%;height: 100%;}
.choice-reasons .swiper-slide {width: 320px;max-width: 33%;min-height: 410px;}
.choice-reasons .box img {width: auto;height: 130px; max-width:60%;margin: 0 auto;}
.choice-reasons .box h5 {font-weight: 500;font-size: 25px;line-height: 36px;color: #FFFFFF;text-align: center;}
.choice-reasons .box p {font-weight: 400;font-size: 16px;line-height: 21px;color: #FFFFFF;}
.choice-reasons .swiper-wrapper {justify-content:center;gap: 35px;}
.choice-reasons .swiper-pagination-bullet {background: #ffffff;opacity: 0.8;}
.choice-reasons .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #278EFF;}

.prog-img.pc {display:block;}
.prog-img.mo {display:none;}

.levels {margin:70px auto 0;max-width:100%;display: flex; gap: 20px;justify-content: center;position: relative;padding-bottom: 130px;}
.levels h4 {font-weight: 700;font-size: 28px;color: #00D9FF;text-align: center;margin-bottom: 20px;width:100%;}
.levels .box {border-radius: 20px;background:#1D2435;padding: 25px 40px 10px;border: 1px solid #20395C;width: 100%;height: 100%;text-align: center;min-height:658px;}
.levels .box h5 {font-weight: 700;font-size: 26px;color: #FFFFFF;padding:15px 0 20px;min-height:105px;line-height: 33px;}
.levels .box p {font-weight: 400;font-size: 18px;color: #FFFFFF;margin-bottom:15px;min-height: 60px;line-height: 25px;}
.levels .box div {border-radius: 50px;background: #FFFFFF;color: #000000;padding:10px 30px;margin-bottom: 10px;font-weight: 700;font-size:22px;}
.levels .box div span {color: #00D9FF;}
.levels .box p span {display: block;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #ffffff;margin: 10px auto 0;}
.levels .box p:has(span) {}
.levels .green .box {background: #1D292B;border: 1px solid #26423D;}
.levels .green h4 {color: #00FFAE;}
.levels .green .box div span {color: #00FFAE;}
.levels .purple .box {background: #322A3F;border: 1px solid #523E65;}
.levels .purple h4 {color: #CB87F3;}
.levels .purple .box div span {color: #CB87F3;}
.levels .swiper-wrapper {justify-content:center;gap: 20px;}
.levels .swiper-slide {width: 375px;max-width: 31%;flex-wrap:wrap;flex-direction:column;}
.levels .swiper-pagination-bullet {background: #ffffff;opacity: 0.3;}
.levels .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #ffffff;opacity: 1;}
.levels .swiper-pagination {bottom: -2%;}
.levels-sec .levels-tabs {display: none;justify-content: center;gap:2%;margin-top: 8vw;}
.levels-sec .levels-tabs li {color: #7B7B7B;transition: color 0.4s ease;width: 26%; max-width:32%;position: relative;font-size: 3.5vw;font-weight: 700;text-align:center;padding: 1vw 1vw 1.5vw;}
.levels-sec .levels-tabs li:after {position: absolute;bottom: 0;left: 0;width: 100%;height:2px;display: block;content: '';background: transparent; }
.levels-sec .levels-tabs li.on {color: var(--activeLevel);transition: color 0.4s ease;}
.levels-sec .levels-tabs li.on:after {background: var(--activeLevel); }

.dev_categories .cat-btns {display:flex;flex-wrap:wrap;width: 100%;justify-content:center;font-family: 'Freesentation';margin: 70px auto 0;padding: 0;gap: 15px;}
.dev_categories .cat-btns div {cursor:pointer;color: #FFFFFF;font-weight:700;display: flex;width: auto;padding: 8px 35px;border-radius: 50px;border: 1px solid #ffffff;font-size: 20px;font-family: 'Pretendard';}
.dev_categories .cat-btns div.on {transition: background 0.4s ease;background: var(--activeDevCat);color: #FFFFFF;border: 1px solid var(--activeDevCat);}
.dev_categories .cat-btns div img {width:18px;object-fit: contain;display: block;margin-right: 5px;}
.dev_categories .cat-cont {padding: 60px 0 120px;font-family: 'Freesentation';display: none;}
.dev_categories .cat-cont.on {display:block;}
.dev_categories .cat-cont h4 {font-weight: 700;font-size: 24px;text-align: center;color:#FFFFFF;margin-bottom: 5px;}
.dev_categories .cat-cont h5 {font-weight: 400;font-size: 17px;color: #ffffff;text-align: center;}
.dev_categories .cat-cont h5 span {font-weight: 700;font-size: 17px;color: var(--activeDevCat);}
.dev_categories .cat-cont .cat-course-wrap {margin: 35px auto 0;display:flex;justify-content:center;gap:20px;padding: 0 10px;}
.dev_categories .cat-cont .cat-course {cursor:pointer;transition: transform 0.1s linear;padding: 15px 12px;border-radius: 15px;background: #ffffff;width: auto;max-width:100%;}
.dev_categories .cat-cont .swiper-slide {width: 240px;}
.dev_categories .cat-cont .cat-course:hover {transform: scale(1.02);transition: transform 0.2s ease;}
.dev_categories .cat-cont .cat-course h6 {color: #050505;font-weight: 700;font-size: 20px;text-align: center;margin-bottom:18px;}
.dev_categories .cat-cont .cat-course .cat-course-img {width:100%;border-radius:10px;margin: 0 auto;object-fit-cover;}
.dev_categories .cat-cont .cat-course h7 {display:flex;font-weight:700;font-size:15px;color:#000000;margin: 14px auto;}
.dev_categories .cat-cont .cat-course h7 img {width:15px;object-fit: contain;display: block;margin-right: 5px;}
.dev_categories .cat-cont .cat-course p, .dev_categories .cat-cont .cat-course ul {font-weight:400;font-size:13px;color:#000000;}
.dev_categories .cat-cont .cat-course p {margin-bottom:10px;}
.dev_categories .cat-cont .cat-course li img {width:12px;object-fit: contain;display: block;margin-right: 3px;}
.dev_categories .cat-cont .cat-course li {display:flex;}
.dev_categories .cat-cont .cat-course a {width:100%;display: block;border-radius: 5px;background: var(--activeDevCat);color: #173338;font-size:14px;font-weight:700;padding: 10px;margin-top: 10px;text-align:center;}

.cat-course-slider {position: relative;padding-bottom: 40px;}

.dev_categories .cat-cont .swiper-container-horizontal>.swiper-pagination-bullets {bottom: -2%;}
.dev_categories .cat-cont .swiper-pagination-bullet {background: #ffffff;opacity: .6;}
.dev_categories .cat-cont .swiper-pagination-bullet-active {background: var(--activeDevCat);opacity: 1;}

.strategies {padding: 0 0 120px;}
.strategies .vector-img {position: relative;z-index:2;width: auto;max-width: 95%;margin: 15px auto 0;display:block;max-width: 72%;}
.strategies-cont {margin-top:-15px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;}
.strategies-cont-box {position: relative;z-index:1;border-radius: 10px;background: #202531;color: #ffffff;padding:55px 35px 50px;text-align:center;max-width:100%;height: 100%;width:100%;height:386px;width:324px;max-width:30%;}
.strategies-cont-box h5 {font-weight: 700;font-size:23px;height:55px;display:flex;justify-content:center;align-items:center;line-height: 27px;margin-bottom:20px;}
.strategies-cont-box p {font-weight: 400;font-size:20px;height:90px;line-height: 30px;}
.strategies-cont-box img {position:absolute;left:50%;transition: transform 0.2s ease;transform: translateX(-50%);bottom:0;}
.strategies-cont-box:nth-of-type(1) img {bottom:-10%;}
.strategies-cont-box:nth-of-type(2) img {bottom:-13%;}
.strategies-cont-box:nth-of-type(3) img {bottom:-2%;}

.limited_offer {padding: 83px 0 10px;background: url('/2025/img/sub/webappdev_bg_02.png') center center / cover no-repeat;) }
.limited_offer .wrapper {display: flex; justify-content:center;margin: 0 auto;}
.limited_offer .txt {display: flex;justify-content: flex-start;align-items:center;padding-right:35px;color: #FFFFFF;gap:40px;width:50%;}
.limited_offer .txt div {display: flex;justify-content: flex-start;flex-wrap:wrap;align-items:center;gap:40px;width:100%;}
.limited_offer .txt h4 {font-weight: 700;font-size:35px;line-height: 44px;}
.limited_offer .txt p {font-weight: 400;font-size:25px;line-height: 30px;}
.limited_offer .cards {display: flex;gap:25px;}
.limited_offer .cards ul {display: flex;flex-wrap:wrap;gap:30px;width: 236px;}
.limited_offer .cards ul:last-of-type {margin-top:60px;}
.limited_offer .cards li {width: 100%;height: 248px;padding: 40px 20px 20px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.limited_offer .cards li p {font-weight: 700;font-size:20px;margin: 0 auto;text-align:center;line-height: 26px;}
.limited_offer .cards li p span {font-weight: 400;}
.limited_offer .cards li img {display: block;margin: 0 auto;width: 55%;object-fit: contain;border-radius: 10px;}
.limited_offer .cards ul li {color: #FFC684;background: linear-gradient(180deg, rgba(22, 24, 29, 0.13) 0%, rgba(71, 25, 3, 1) 100%);}
.limited_offer .cards ul:first-of-type li:nth-of-type(2) {color: #CB87F3;background: linear-gradient(180deg, rgba(22, 24, 29, 0.13) 0%, rgba(30, 25, 83, 1) 100%);}
.limited_offer .cards ul:first-of-type li:nth-of-type(3) {color: #D9D9D9;background: linear-gradient(180deg, rgba(22, 24, 29, 0.13) 0%, rgba(56, 50, 54, 1));}
.limited_offer .cards ul:last-of-type li:nth-of-type(1) {color: #FE59B4;background: linear-gradient(180deg, rgba(22, 24, 29, 0.13) 0%, rgba(49, 17, 34, 1) 100%);}
.limited_offer .cards ul:last-of-type li:nth-of-type(2) {color: #55A6FF;background: linear-gradient(180deg, rgba(22, 24, 29, 0.13) 0%, rgba(2, 20, 74, 1) 100%);}
.limited_offer .cards ul:last-of-type li:nth-of-type(3) {color: #FE599B;background: linear-gradient(180deg, rgba(22, 24, 29, 0.13) 0%, rgba(67, 6, 66, 1) 100%);}

.choice_reasons {background: #0D1016;padding: 0px 0 100px;font-family: 'Pretendard';}
.choice_reasons h4 {font-weight: 900;font-size:120px;background: linear-gradient(180deg, rgba(255, 255, 255, 0.21) 0%, rgba(22, 24, 29, 0.16) 100%);background-clip: text;color: transparent;opacity: 0.2;text-align:center;}
.choice_reasons h5 {color: #FFFFFF;font-weight:700;font-size: 35px;line-height: 42px;display: block;margin: 0 auto; padding: 0 55px;background:#0D1016;position:relative;z-index:2;text-align:center;width: max-content; margin: 0 auto; }
.choice_reasons ul {position:relative;display:flex;justify-content:space-between;margin-top:72px;}
.choice_reasons ul .border {position:absolute;z-index:1;width:78.5%;height: 70%;border: 3px solid rgba(255, 255, 255, 0.12);border-radius: 20px;border-bottom: 3px solid transparent;transform: translate(-50%, -50%);top: -12%;left:50%;}
.choice_reasons li {color: #FFFFFF;max-width: 30%;position:relative;z-index:3;}
.choice_reasons li div {width:80px;height: 80px;border-radius: 20px;margin: 0 auto;margin-bottom: 20px;display:flex;justify-content: center; align-items: center;background: linear-gradient(180deg, rgba(0, 255, 174, 1) 0%, rgba(4, 124, 86, 1) 100%);box-shadow: 0px 0px 50px 1px rgba(0, 255, 174, 0.38);}
.choice_reasons li.purple div {background: linear-gradient(180deg, rgba(229, 185, 255, 1) 0%, rgba(178, 63, 244, 1) 100%);box-shadow: 0px 0px 50px 2px rgba(178, 63, 244, 0.73);}
.choice_reasons li.blue div {background: linear-gradient(180deg, rgba(206, 211, 255, 1) 0%, rgba(97, 106, 183, 1) 100%);box-shadow: 0px 0px 50px 0px rgba(189, 196, 255, 0.3);}
.choice_reasons li img {width: 0 auto;max-width:70%;display: block;margin: auto;object-fit: contain;}
.choice_reasons li h6 {margin-bottom: 20px;text-align:center;font-weight: 700;font-size:24px;}
.choice_reasons li:first-of-type h6 {margin-bottom: 10px;}
.choice_reasons li p {font-weight: 400;font-size:18px;line-height: 26px;}

.tech_logos {position:relative;width: 1280px;max-width:100%;height: 334px;margin: 130px auto 130px;}
.tech_logos div {position:absolute;display:flex;justify-content:center;align-items:center;transition: 0.5s ease; }
.tech_logos div img {display: block;margin: 0 auto;width: auto;max-width: 70%;}
.tech_logos .empty {animation: updown 4s ease infinite;border-radius:40px;background: #212327;}
.tech_logos .empty.empty_01 {border-radius: 40px;width: 121px;height:121px;left:0;top:24px;}
.tech_logos .empty.empty_02 {animation: updown 3s ease infinite;border-radius: 40px;width: 157px;height:157px;right: 149px;top: 66px;}
.tech_logos .empty.empty_03 {border-radius: 40px;width: 121px;height:121px;right: 0px;top: 18px;}
.tech_logos .vue {animation: updown 3s ease infinite;border-radius: 35px;width: 145px;height:145px;background: linear-gradient(180deg, rgba(13, 147, 87, 0.27) 0%, rgba(5, 67, 39, 0.27) 100%);left:107px;top: 189px;}
.tech_logos .vue img {opacity: 0.27;}
.tech_logos .react {animation: updown 2s ease infinite;border-radius: 40px;width: 169px;height:169px;background: linear-gradient(180deg, rgba(0, 149, 255, 0.8) 0%, rgba(25, 61, 98, 0.8) 100%);left:179px;top:0;}
.tech_logos .react img {opacity: 0.8;}
.tech_logos .js {animation: updown01 3s ease infinite;border-radius: 40px;width: 145px;height:145px;background: linear-gradient(180deg, rgba(255, 228, 141, 1) 0%, rgba(178, 112, 15, 1) 100%);color: #462E12;font-weight: 700;font-size:60px;font-family: 'Pretendard';left:371px;top: 79px;}
.tech_logos .vsc {animation: updown01 3s ease infinite;border-radius: 40px;width: 177px;height:177px;left:551.8px;top: 31px;box-shadow: 0px -12px 150px 0px rgba(39, 142, 255, 0.7);}
.tech_logos .vsc img {border-radius: 40px;width:100%;height:100%;max-width:unset;box-shadow: 0px 1px 10px 0px rgba(39, 142, 255, 0.7);}
.tech_logos .html {animation: updown01 3s ease infinite;border-radius: 40px;width: 145px;height:145px;background: linear-gradient(180deg, rgba(255, 136, 0, 1) 0%, rgba(224, 68, 28, 1) 100%);right: 365px;top: 12px;}
.tech_logos .css {animation: updown 3s ease infinite;border-radius: 35px;width: 140px;height:140px;background: linear-gradient(180deg, rgba(5, 70, 200, 0.4) 0%, rgba(17, 7, 162, 0.4) 100%);right: 321px;top: 173px;}
.tech_logos .css img {opacity: 0.4;}

@keyframes updown {0% {transform: translateY(0)} 50% {transform: translateY(-5%)} 100% {transform: translateY(0)} } 
@keyframes updown01 {0% {transform: translateY(0)} 50% {transform: translateY(-10%)} 100% {transform: translateY(0)} } 

.dev_categories .cat-cont .cat-course-wrap.pc-show {display: flex !important;}
.limited_offer .cards.pc-show {display: flex !important;}


@media(max-width: 1280px) {

	.tech_logos {height:25vw;margin: 15% 0 20% 0;}
	.tech_logos .empty.empty_01 {border-radius: 1.3vw;width: 10vw;height: 10vw;top:10%;left:6vw;}
	.tech_logos .empty.empty_02 {top:58%;border-radius: 1.3vw;width: 10vw;height: 10vw;right:6vw;}
	.tech_logos .empty.empty_03 {top:11%;border-radius: 1.3vw;width: 8.5vw;height: 8.5vw;right:11vw;}
	.tech_logos .vue {top:16vw;left: 10.35vw;border-radius: 1.4vw;width: 10vw;height: 10vw;}
	.tech_logos .react {top:1vw;left: 20vw;border-radius: 2.5vw;width:11vw;height:11vw;}
	.tech_logos .js {left: 24vw;border-radius: 2.4vw;width:13vw;height:13vw;font-size: 6.8vw;top:17vw;}
	.tech_logos .vsc {left:41.5vw;top:1vw;border-radius: 3vw;width:15vw;height:15vw;box-shadow:0px 2px 90px 10px rgba(39, 142, 255, 1);box-shadow: 0px 1vw 23vw 2vw rgba(39, 142, 255, 0.8);}
	.tech_logos .vsc img {border-radius:4vw;width:106%;height:106%;box-shadow: 0px 1px 10px 0px rgba(39, 142, 255, 0.8);}
	.tech_logos .html {right: 22vw;top:0.9vw;width:13vw;height:13vw;border-radius:2vw;}
	.tech_logos .css {right:19vw;top:20vw;width:11vw;height:11vw;border-radius:1.5vw;}
	.tech_logos div img {max-width:50%;}

	.dev_categories .cat-btns.pc-show {display: flex !important;}
	.dev_categories .cat-btns.mo-show {display: none !important;}
	.dev_categories .cat-cont .cat-course-wrap.mo-show {display: none !important;}
	.limited_offer .cards.pc-show {display: none !important;}
	.limited_offer .cards.mo-show {display: flex !important;}

	.strategies-cont.pc-show {display: flex !important;}
	.strategies-cont.mo-show {display: none !important;}

}

@media(max-width: 1080px) {
	.cat_page-top {background: none;}
	.cat_page-top .txt {background: url(/2025/img/sub/webappdev_bg_m.png) center center / cover no-repeat;background-size: 100% 100%;padding: 23% 0 70%;width: 100%;}
	.cat_page-top .txt h3 {font-size:7vw;line-height: 8.2vw;margin-bottom: 5vw;}
	.cat_page-top .txt h3 span {font-size: 3.8vw;}
	.cat_page-top .txt p {font-size: 3.5vw;line-height: 4.5vw;}

	.levels {padding: 0 10px 5vw;}
	.levels h4 {font-size: 21px;}
	.levels .box h5 {font-size: 19px;line-height: 26px;}
	.levels .box {padding: 25px 20px 10px;min-height: 633px;height: unset;}
	.levels .box div {font-size:17px;padding: 10px 10px;}

	.cat_page main {padding: 7vw 0 0;}

	.choice-reasons {background: url(/2025/img/sub/webappdev_bg_01_m.png) center center / contain no-repeat;background-size: 100% 100%;margin:12vw auto 0;width:645px;max-width:85%;padding: 10vw 0 19vw;overflow: hidden;}
	.choice-reasons .box {gap: 5vw;max-width: 100%;width: 75%;height: 100%;padding: 4vw 3vw;}
	.choice-reasons .box h5 {font-size: 5vw;line-height: 1.2;}
	.choice-reasons .box p {font-size: 3.4vw;line-height: 1.2;}
	.choice-reasons .swiper-slide {display: flex; justify-content: center; width: 100% !important;max-width: 100%;min-height: 390px;min-height:unset;}
	.choice-reasons .swiper-wrapper {justify-content:unset;gap: unset;}
	.choice-reasons .swiper-container-horizontal>.swiper-pagination-bullets {bottom:10.5vw;}
	.choice-reasons .swiper-pagination-bullet {width: 5vw; height: 0.5vw;border-radius: 0;}
	.choice-reasons .swiper-pagination {bottom:10.5vw;}

	.prog-img.pc {display:none;}
	.prog-img.mo {display:block;}

	.strategies {padding: 0 0 60px 0;}
	.strategies-cont {gap:4%;}
	.strategies-cont-box {margin-bottom: 60px;padding: 25px 15px 30px;height: 270px;}
	.strategies-cont-box img {width: 110px;}
	.strategies-cont-box h5 {font-size: 20px;line-height: 25px;height:50px;}
	.strategies-cont-box p {font-size:16px;line-height: 26px;}

	.cat-course-slider {padding-bottom:8%;}
	.cat_page .subtit_01 {font-size:21px;line-height: 29px;}
	.cat_page .subtit_01 span {font-size: 28px}

	.limited_offer {padding: 60px 0 40px;}
	.limited_offer .wrapper {flex-wrap:wrap;}
	.limited_offer .txt {width:100%;justify-content:center;margin-bottom: 40px;}
	.limited_offer .txt div {gap:20px;}
	.limited_offer .txt h4, .limited_offer .txt p {width: 100%;text-align:center;}
	.limited_offer .txt h4 {font-size: 25px;line-height:30px;}
	.limited_offer .txt p {font-size:16px;line-height:22px;}
	.limited_offer .cards {width:100%;justify-content:center;align-items: start;gap:4%;}
	.limited_offer .cards ul {gap:4%;max-width:48%;width: 40%;}
	.limited_offer .cards li {min-height:200px;height: unset;}
	.limited_offer .cards li p {line-height:16px;font-size: 14px;}
	.limited_offer .cards li img {width: 40%;transition: unset;transition: none;transition-delay: 0;}

	.choice_reasons {display: none;}
	.cat_page-top ul li {width:33%;}
	.dev_categories .cat-btns {gap: 10px;}


}

@media(max-width: 768px) {

	.cat_page-top img {display: none;}
	.cat_page-top img.mo {display: block;}
	.cat_page .tit {font-size:5vw;line-height: 6vw;font-weight: 700;margin: 8vw auto 0}
	.cat_page .tit.tit_01 {font-size:6vw;line-height: 7vw;}
	.cat_page .subtit_01 {font-size:5vw;line-height: 7vw;}
	.cat_page .subtit_01 span {font-size: 6vw;}
	.cat_page-top ul {background: #16181D;flex-wrap:wrap;gap: 5vw;padding: 10vw 0 0;}
	.cat_page-top ul li {width:100%;}
	.cat_page-top ul div {font-size: 6.5vw;}
	.cat_page-top ul p {font-size: 3.5vw;line-height: 4.5vw;}

	.levels {margin-top:7%;padding-bottom: 8%;}
	.levels .swiper-slide {display: flex; justify-content: center; width: unset;max-width: unset;}
	.levels .swiper-wrapper {justify-content:unset;gap: unset;}	
	.levels .box {margin: 0 auto;height: 100%;min-height:658px;background: #212327 !important;border-radius: 15px;border: unset !important;width:90vw;max-width:606px;}
	.levels-sec {margin-bottom:14%;}
	.levels h4 {font-size:20px;}
	.levels .box {padding: 4% 6% 8%;min-height: unset; }
	.levels .box h5 {font-size: 5vw;line-height:5vw;min-height: unset;padding: 4vw 0 1vw;}
	.levels .box p {font-size: 3.5vw;line-height:4.5vw;min-height: 45px;margin: 3vw auto;}
	.levels .box p span {margin: 7px auto 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #ffffff;opacity: 0;}
	.levels .box p:first-of-type {padding-bottom: 6vw;margin-bottom: 8vw;border-bottom: 2px solid rgba(255,255,255, 0.4);}
	.levels .box div {font-size:4vw;padding: 1.5vw 4vw;width: 100%;margin: 0 auto;}
	.levels-sec .levels-tabs {display: flex;} 
	.levels-sec .levels .level {display:none;}
	.levels-sec .levels .level.on {display:block;}
	.levels h4 {display: none;}
	.levels .box div span {color: var(--activeLevel) !importnat;}

	.dev_categories .cat-cont {padding: 9% 0 15%;}
	.dev_categories .cat-cont .cat-course-wrap {gap:5vw;justify-content:center;flex-wrap:wrap;margin-top: 0;}
	.dev_categories .cat-cont .cat-course {width:95%;margin: 0 auto;background: transparent;padding: 0 0;position: relative;font-family: 'Pretendard';}
	.dev_categories .cat-cont .cat-course h6, .dev_categories .cat-cont .cat-course h7 img, .dev_categories .cat-cont .cat-course ul {display: none;}
	.dev_categories .cat-cont .cat-course h7 {font-size: 4.5vw;color: #ffffff;margin: 0;z-index:2;position: absolute;top:44%;left:10%;}
	.dev_categories .cat-cont .cat-course p {font-size: 3.5vw;line-height: 4.5vw;color: #ffffff;z-index:2;margin: 0;position: absolute;top:60%;left:10%;}
	.dev_categories .cat-cont .cat-course a {display:flex;margin-top: 0;/* position: absolute;left:0;bottom: 0; */margin-top: -9%;border-radius: 0 0 15px 15px;color: #ffffff;font-size: 3.3vw;padding: 2.3vw;position: relative;z-index:2;text-align: center;justify-content: center;align-items: center;}
	.dev_categories .cat-cont .cat-course a span {display: block;margin-left: 5px;margin-top: -0.35vw;}
	.dev_categories .cat-cont .cat-course .cat-course-img {border-radius: 10px;position: relative;object-fit: cover;height: 62vw;}
	.dev_categories .cat-cont .cat-course div {position: relative;}
	.dev_categories .cat-cont .cat-course div:after {position: absolute;z-index:1;width: 100%;height: 80%;content: '';display: block;background: linear-gradient(180deg,  rgba(39, 16, 36, 0) 0%, rgba(39, 16, 36, 0.8) 60%, rgba(39, 16, 36, 1) 100%);bottom: 10%;left:0;}
	.dev_categories .cat-cont .cat-course:hover {transform: none;}

	.choice_reasons h4 {font-size:35px;line-height: 40px;}
	.choice_reasons h5 {background: transparent;padding:0;font-size: 24px;line-height: 30px;margin-top: 10px;}
	
	.strategies .vector-img {display:none;}
	.strategies-cont {position: relative;margin-top:10%;}
	.strategies-cont-box {margin: 0 auto;max-width:100%;max-height: 100%;height: unset;padding: 8vw 0;border-bottom: 1px solid #ffffff;width:80%;background: transparent;text-align: left;font-family: 'Pretendard';border-radius: 0;}
	.strategies-cont-box h5 {text-align:center;justify-content: center;font-size: 4.5vw;line-height: 4.5vw;height: unset;margin-bottom: 4vw;}
	.strategies-cont-box p {text-align:center;height: unset;font-size: 3.3vw;line-height: 4.5vw;}
	.strategies-cont-box h5 {color: #278EFF;}
	.strategies-cont-box img {width: 20vw;left: unset;transform: translateX(0) translateY(-50%);top: 50%;right:2%;display:none;}

	.dev_categories .cat-btns {flex-wrap:wrap;justify-content:center;margin: 10vw auto 0;padding:0;width: 80%;}
	.dev_categories .cat-btns div {width: auto;padding: 1vw 5vw;border-radius:50px;color:#FFFFFF;border: 1px solid #ffffff;font-size: 3.7vw;font-family: 'Pretendard'; }
	.dev_categories .cat-btns {gap: 2vw;}

	.cat_page .subtit {font-size:6vw;line-height: 7vw;font-weight: 700;margin: 5vw auto 3vw;}
	.cat_page .subtit span {color: #278EFF;}
	.strategies {padding:0;}
	.dev_categories .cat-cont h4,  .dev_categories .cat-cont h5 {display: none;}
	.dev_categories .cat-btns.pc-show {display: none !important;}
	.dev_categories .cat-btns.mo-show {display: flex !important;}
	.dev_categories .cat-cont .cat-course-wrap.pc-show {display: none !important;}
	.dev_categories .cat-cont .cat-course-wrap.mo-show {display: flex !important;}
	.limited_offer .cards.pc-show {display: none !important;}
	.limited_offer .cards.mo-show {display: flex !important;}
	.strategies-cont.pc-show {display: none  !important;}
	.strategies-cont.mo-show {display:  flex !important;}

	.limited_offer {background: #16181D;padding: 20vw 0;}
	.limited_offer .cards ul:last-of-type {margin-top:0;}
	.limited_offer .txt {margin-bottom:5vw;}
	.limited_offer .txt div {gap: 3vw;}
	.limited_offer .txt h4 {font-size: 6.5vw;line-height:7.5vw;}
	.limited_offer .txt p {font-size: 3.4vw;line-height: 4.4vw;}
	.limited_offer .cards li {padding: 6vw 2vw 3vw;min-height: unset;height: 38vw;}
	.limited_offer .cards li p {width: 100%;font-size: 3.5vw;line-height: 4.5vw;margin-bottom: 3vw;}
	.limited_offer .cards ul:last-of-type li:first-of-type img {margin-top:-30%;}
	.limited_offer .cards ul:last-of-type li:nth-of-type(2) img {margin-top:-20%;}
	.limited_offer .cards li img, .limited_offer .cards li p {transform: unset;transition: unset;transition: none !important;transition-delay: 0s  !important;}

}