/* ±¹¹Î³»ÀϹè¿òÄ«µå */

.img {display:block;margin: 0 auto;max-width:100%;}
.learn_card {font-family:Freesentation;}
.learn_card-hero {height:605px;width:100%;padding-top:100px;position:relative;z-index:2;}
.learn_card-hero video {position:absolute;top:0;left:0;min-width:100%;min-height:100%;z-index:-2;}

.dotted-bg {background-image: radial-gradient(rgba(255,255,255,0.03) 20%, transparent 20%), radial-gradient(rgba(255,255,255,0.03) 20%, transparent 20%);background-position: 0 0, 6px 6px;background-size: 12px 12px;}
.dotted-bg-light {background-image: radial-gradient(rgba(255,255,255,0.015) 20%, transparent 20%), radial-gradient(rgba(255,255,255,0.015) 20%, transparent 20%);background-position: 0 0, 6px 6px;background-size: 12px 12px;}

.learn_card-hero .logo {max-width:40%;margin: 0 auto;}
.learn_card-hero .card {position:relative;z-index:3;margin: 0 auto;width:761px;}
.learn_card-hero h2 {font-size: 70px; font-weight:700;text-align:center;color: #ffffff;margin-top:20px;}
.learn_card-hero h3 {padding: 20px 0 0px 0;text-align:center;font-weight:300;font-size:26px;color: #f2f2f2;}
.learn_card-hero h3 span {color: #b1d3ff;}

.learn_card-hero .expenses {position:absolute;z-index:4;top:26%;left:37%;transform:translateX(-50%);display:flex;width:max-content;margin: 0 auto;align-items: flex-end;font-size: 18px;font-weight: 500;  background: -webkit-linear-gradient(rgba(255,255,255,0.8), #cdf243);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

/* .learn_card-hero .expenses {position:absolute;z-index:4;top:438px;left:45%;transform:translateX(-50%);display:flex;width:max-content;margin: 0 auto;align-items: flex-end;font-size: 18px;font-weight: 500;  background: -webkit-linear-gradient(rgba(255,255,255,0.8), #cdf243);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} */

.learn_card-hero .expenses span {display:block;width:max-content;margin: 0 auto;margin-top: 10px auto 0;font-size:46px;font-weight:700;margin-right:1%;margin-bottom:-5%;}

.learn_card-title {font-weight:400 ;font-size:38px;color: #ffffff;text-align:center;line-height:50px;}
.learn_card-title span {font-weight:600;color:#b1d3ff;}
.learn_card-title span.wh {color: #ffffff ;}

.learn_card-system {position:relative;z-index:-1;padding: 250px 0 150px;background-color:#222b34;}
.learn_card-system .cont_block {margin: 0 auto;width:100%;margin-bottom:110px;}
.learn_card-system .cont_block-wrap {padding: 5% 10% 6% ;background-color:#161e29;border-radius:26px;max-width:100%;width:90%;margin: 0 auto;}
.learn_card-system .cont_block-title {font-weight:400;color:#ffffff;font-size:24px;}
.learn_card-system .cont_block-title span {font-weight:700;font-size:38px;}
.learn_card-system .learn_card-title {font-size:32px;}
.cont_block-cards {width:100%;max-width:100%;margin:4% auto;display:flex;justify-content:center;gap:2%;}
.cont_block-card {width:48%;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:column;padding: 4% 2% 4%;position:relative;z-index:2;}
.cont_block-card .bg {position:absolute;width:100%;height:100%;top:0;left:0;z-index:-2;}
.cont_block-card:after {position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:-1;background-image: radial-gradient(rgba(255,255,255,0.03) 20%, transparent 20%), radial-gradient(rgba(255,255,255,0.03) 20%, transparent 20%);background-position: 0 0, 6px 6px;background-size: 12px 12px;background-color: transparent;}
.cont_block-card h5 {display:block;text-align:center;padding: 5px 35px;background-color: #ffffff;color:#364353;border-radius: 25px;margin: 0px auto;font-weight:600;font-size:24px;}
.cont_block-card div {display:block;width:max-content;margin: 0 auto;margin-top:7%;color: #ffffff;font-weight:200;font-size:20px;}
.cont_block-card p {display:flex;width:max-content;margin: 0 auto;align-items: flex-end;color:#cdf243;font-size: 18px;font-weight: 500;}
.cont_block-card p span {display:block;width:max-content;margin: 0 auto;margin-top: 10px auto 0;color:#cdf243;font-size:46px;font-weight:700;margin-right:1%;margin-bottom:-5%;}
.cont_block-txt h6 {color:#ffffff;font-weight:400;font-size: 24px;margin-bottom:10px;}
.cont_block-txt p {color: #e3e3e3;font-weight:300;font-size: 18px;line-height:34px;}

.cont_block-card:nth-of-type(2) p , .cont_block-card:nth-of-type(2) p span {color: #b1d3ff;}
.learn_card-recom .blue-block {height:285px;background-color: #7791af;position:relative;z-index:0;}
.learn_card-recom .grey-block {height: 210px;background-color:#222b34;position:relative;z-index:-1;}

.learn_card-recom ul {position:absolute;left:50%;transform: translate(-50%, -15%);z-index:2;display:flex;justify-content:center;gap:2%;width:960px;margin: 0 auto;}
.learn_card-recom li {display:block;width:32%;background-color: #16191f;position:relative;z-index:3;padding:3.5% 2% 2%;color:#ffffff;text-align:center;border-radius:26px;transition: 0.2s all ease;border: 2px solid transparent;}

.learn_card-recom li:hover {border: 2px solid #b6d7ff;box-shadow: rgba(182, 215, 255, 0.24) 0px 3px 8px;transition: 0.2s all ease;}
.learn_card-recom li:hover div:after {display:block;transition: 0.2s display ease;}

.learn_card-recom li div {display:block;margin: 0 auto;position:relative;z-index:1;}
.learn_card-recom li div:after {position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%, -50%);width:1px;height:1px;content: '';display:none;border-radius:100%;background:rgba(5, 83, 212, 0.5);box-shadow: rgba(5, 83, 212, 1) 0px 3px 50px 30px;transition: 0.2s display ease;}

.learn_card-recom li div img {width:100%;display:block;margin: 0 auto;object-fit:contain;}
.learn_card-recom li:nth-of-type(1) div {max-width:144px;}
.learn_card-recom li:nth-of-type(2) div {max-width:159px;}
.learn_card-recom li:nth-of-type(3) div {max-width:149px;}
.learn_card-recom li h6 {font-weight:700;font-size:22px;position:relative;display:block;width: max-content;margin: 0 auto;margin-bottom: 15px;}
.learn_card-recom li h6:before {position:absolute;left:-20px;top:-5px;content: '¡°';}
.learn_card-recom li h6:after {position:absolute;right:-20px;top:-5px;content:'¡±';}
.learn_card-recom li p {font-weight:300;font-size:16px;}
.learn_card-recom li p span {font-weight:500;font-size:18px;}
.learn_card-recom .swiper {width: 100%;height: 100%;}
.learn_card-recom-swiper .swiper-slide-active {border: 2px solid #153366;box-shadow: rgba(21, 51, 102, 0.5) 0px 1px 8px;transition: 0.2s all ease;}
.learn_card-recom-swiper .swiper-slide-active div:after  {position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%, -50%);width:1px;height:1px;content: '';display:none;border-radius:100%;background:rgba(5, 83, 212, 0.5);box-shadow: rgba(5, 83, 212, 1) 0px 3px 50px 30px;transition: 0.2s display ease;}

.learn_card-medal {background-color: #10181f ;}

.learn_card-steps {background-color: #f3f7fa ;padding: 120px 0 125px;}
.learn_card-steps_wrap {margin-top:40px;}
.learn_card-steps_title {display:flex;justify-content:space-between;align-items:flex-end;}
.learn_card-steps_title h4 {color:#2a3750;font-weight:700;font-size:50px;display:block;width:max-content;line-height:62px;}
.learn_card-steps_title hr {background: /* #ccd2d8  */rgba(255,230,234,0.5);width:60%;margin-bottom:10px;}
.learn_card-steps_title div {font-family:'GothamRounded';font-weight: 200;font-size:18px;color: #97a0a8;letter-spacing:8px;}
.learn_card-step {margin-bottom:35px;border-radius:26px;width:100%;}
.learn_card-step:last-of-type {margin-bottom:0;}
.learn_card-step h6 {background-color: #1e2935;text-align:center;font-weight:600;font-size:24px;color:#ffffff;padding:18px;border-radius:16px 16px 0 0 ;}
.learn_card-step ul {justify-content:space-between;display:flex;background:#ffffff;border-radius: 0 0 16px 16px;}
.learn_card-step li {width:20%;position:relative;text-align:center;padding:35px 0 30px;display:flex;flex-wrap: wrap;flex-direction: column;}
.learn_card-step li:after {position:absolute;content: '';height:75%;width:1px;right:0;top:50%;transform:translateY(-50%);background: #b5bcc1 ;}
.learn_card-step li:last-of-type:after {height:0px;width:0px;}
.learn_card-step div {width:100%;height: 90px; }
.learn_card-step img {max-width:50%;object-fit:contain;}
.learn_card-step li h7 {padding:30px 0 15px;position:relative;color:#2a3750;font-weight:700;font-size:22px;}
.learn_card-step li h7:before {content:'';position:absolute;top:5px;left:50%;transform:translateX(-50%);width: 60px; height: 11px;background: url('/2023/img/ncs/learn_card-step_shadow.png') center center / contain no-repeat;}
.learn_card-step li h7 span  {color:#2764a9;font-weight:700;font-size:20px;font-family:'GothamMedium';}
.learn_card-step li p {color:#3d434f;font-size:16px;font-weight:400;}
.learn_card-step li p span {color:#a1a1a2;padding-top:5px;display:block;line-height:22px;}

.learn_card-comp {background-color: #222b34;padding:135px 0 170px;}
.learn_card-comp_cont {margin-top:75px;}
.learn_card-comp_cont ul {width:100%;margin: 0 auto;display:flex;justify-content:center;position:relative;z-index:1;}
.learn_card-comp_cont ul:before {content:'';position:absolute;z-index:-1;width:77%;height:2px;top:16px;left:10%;background: url('/2023/img/ncs/learn_card-line.png') center center / contain no-repeat;}



.learn_card-comp_cont ul:after {content:'';position:absolute;z-index:-1;top:0;left:15px;background: #b1d3ff ;height:80%;width:1px;display:none;}



.learn_card-comp_cont li {width:20%;color:#ffffff;}
.learn_card-comp_cont li div {color:#000000;width:35px;height:35px;border-radius:10px;font-size:20px;font-weight:700;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#b1d3ff;margin-bottom:30px;}
.learn_card-comp_cont li p span {font-weight:400;font-size:22px;display:block;}
.learn_card-comp_cont li p {font-weight:200;font-size:18px;}

.learn_card-benefits {padding: 150px 0 120px;background: url('/2023/img/ncs/learn_card-benefit_bg.png') center center / cover no-repeat;}
.learn_card-benefits-wrap {margin: 0 auto;margin-top:85px;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;gap:2%;width:970px;max-width:100%; }
.learn_card-benefits-wrap div {width:49%;margin-bottom:2%;}
.learn_card-benefits-wrap div img {width:100%;max-width:100%;object-fit:contain;}

@keyframes scrollLogos { 0% { transform: translateX(0); }100% { transform: translateX(calc(-300px * 5.5))}  }
.learn_card-comp_logos {height: 100px;margin: auto;overflow:hidden;position: relative;width: 100%;margin-top:100px;}
.learn_card-comp_logos:before, .learn_card-comp_logos:after {content: "";height: 100px;position: absolute;width: 200px;z-index: 2;}
.learn_card-comp_logos:after {right: 0;top: 0;transform: rotateZ(180deg);}
.learn_card-comp_logos:before {left: 0;top: 0;}
.learn_card-comp_logos-wrap {animation: scrollLogos 40s linear infinite;display: flex;width: calc(300px * 11);}
.learn_card-comp_logos-wrap div {width:300px;height:150px;display:flex;justify-content:center;align-items:center;}
.learn_card-comp_logos-wrap div img {display:block;margin: 0 auto;max-width:100%;object-fit:contain;}

.ncs-list-courses {padding: 100px 0  185px;background-color:#ffffff;font-family:Freesentation;}
.ncs-list-courses .container, .gookbi_01 .sec02 .container {width:1020px;}
.ncs-list-courses_title , .gkb_ttl {color:#1e1e1e;font-weight:700;font-size:38px;line-height:50px;}
.gkb_ttl.wh {color:#ffffff;text-align:center;}
.ncs-list-courses_title span {color:#0075d9;}
.ncs-list-courses_subtitle {color:#1e1e1e;font-weight:400;font-size:26px;margin-top:50px; }
.gkb_subttl {color:#1e1e1e;font-weight:400;font-size:30px;margin-top:50px; }
.ncs-list-courses_subtitle span, .gkb_subttl span {font-weight:700;}
.gkb_subttl span.blue {color:#0075d9;}
.ncs-list-courses_categories {display:flex;margin-top:30px;}
.ncs-list-courses_categories div {text-align:center;padding: 7px 20px;color:#434345;background:#f5f5f6;border-radius:6px;margin-right:13px;cursor:pointer;}
.ncs-list-courses_categories div.on {color:#ffffff;background:#0075d9;}

.gkb-courses_categories {display:flex;margin-top:30px;flex-wrap:wrap;flex-direction:row;}
.gkb-courses_categories div {text-align:center;padding: 10px 15px;color:#434345;background:#f5f5f6;border-radius:6px;margin-right:13px;margin-bottom:13px;cursor:pointer;}
.gkb-courses_categories div.on {color:#ffffff;background:#0075d9;}

.ncs-list-courses-wrap {/* display:flex;gap:1%;flex-wrap:wrap;flex-direction:row;max-width:100%; */margin-top:30px;position:relative;}
.ncs-list-course {margin-bottom:30px;width:32.5%;border: 1px solid #738296;border-radius:13px;min-height:424px;/* height: calc((100% - 30px) / 2) !important; */width:310px;}
.ncs-list-course_top {background-color:#161616;position:relative;z-index:1;padding:20px 15px 15px;color:#ffffff;font-weight:600;font-size:18px;height:220px;border-radius:12px 12px 0 0 ;display:flex;justify-content:flex-start;align-items:end;/* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */}
.ncs-list-course_top img {position:absolute;top:25px;left:50%;transform:translateX(-50%);max-width:70%;z-index:-1;}
.ncs-list-course_bottom {padding: 15px 20px 15px 20px;position:relative;z-index:1;background:#ffffff;border-radius:0 0 12px 12px;display: grid;grid-template-columns: 100%;grid-template-rows: 30px 65px 76px;}
.ncs-list-course_top:after {display:block;z-index:-1;content: '' ;width:100%;height:60px;position:absolute;left:0;bottom:0;background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));}
.ncs-list-course_subtitle {display:flex;}
.ncs-list-course_subtitle div {margin-right:5px;padding:5px;text-align:center;border-radius:6px;font-size:13px;display:flex;justify-content:center;align-items:center;}
.ncs-list-course_subtitle div:last-of-type {margin-right:0px;}
.ncs-list-course_subtitle .txt {color:#277bda;background:#e4f2ff;}
.ncs-list-course_subtitle .branch {color:#ff8135;background:#fff7c8;}
.ncs-list-course_subtitle .active {color:#48af16;background:#ebffd6;}
.ncs-list-course_subtitle .no-active {color:#898989;background:#eaeaea;}
.ncs-list-course_title {color: #121212;padding-top:10px;font-weight:600;font-size:19px;}
.ncs-list-course_price {border-top: 1px solid #dddddd;margin-top:30px;padding: 15px 0 0 0;display:flex;color:#1464bf;font-weight:800;font-size:18px;align-items: center;}
.ncs-list-course_price span {color:#8d8d8d;font-weight:500;font-size:16px;text-decoration:line-through;display:block;margin-right: 5px;}
.ncs-list-courses .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;} 
.ncs-list-courses .swiper-button-next, .ncs-list-courses .swiper-button-prev, .gkb-courses_categories-wrap .swiper-button-next, .gkb-courses_categories-wrap .swiper-button-prev {color:#909090;width:50px;height:50px;border-radius:100%;background-color:#ffffff;box-shadow:rgba(100, 100, 111, 0.2) 0px 0px 10px 0px;opacity:1;background-size: 0 0;top:730px;cursor:pointer;}
.ncs-list-courses .swiper-button-prev:after, .ncs-list-courses .swiper-rtl .swiper-button-next:after, .ncs-list-courses .swiper-button-next:after, .ncs-list-courses .swiper-rtl .ncs-list-courses .swiper-button-next:after,
.gkb-courses_categories-wrap .swiper-button-prev:after, .gkb-courses_categories-wrap .swiper-rtl .swiper-button-next:after, .gkb-courses_categories-wrap .swiper-button-next:after, .gkb-courses_categories-wrap .swiper-rtl .swiper-button-next:after {font-size:16px;cursor:pointer;}

.ncs-list-courses .swiper-button-prev {left: -120px;}
.ncs-list-courses .swiper-button-next {left: auto; right: -120px;}
.ncs-list-courses .swiper-pagination {opacity:0;bottom:-40px;}
.ncs-list-courses .swiper-pagination-bullet-active {color:#1464bf;}

/* /ncs/gookbi/gookbi_01.asp */
.gookbi_01 .hero {background: url('/2023/img/ncs/gkb_cat_bg_01.png') center center / cover no-repeat;width:100%;padding:95px 0;}
.gookbi_01 .bxs-wrap {display:flex;justify-content:center;gap:2%;width:845px;margin: 0 auto;margin-top:225px;}
.gookbi_01 .bxs-wrap div {width:32%;}
.gookbi_01 .hero_btn {display:block;margin: 0 auto;margin-top:55px;cursor:pointer;}
.gookbi_01 .hero_btn img {display:block;margin: 0 auto;}
.gookbi_01 .sec01 {background: url('/2023/img/ncs/gkb_cat_bg_02.png') center center / cover no-repeat;width:100%;padding:90px 0 60px;}
.gookbi_01 .sec02 {padding:80px 0 190px;background:#ffffff;}

.gookbi_01 .sec02, .gookbi_01 .sec01 {width:100%;}
.gkb-courses_categories-wrap {width:1007px;height:800px;position:relative;z-index:1;}
.gkb-courses_categories-slider {display:block;margin: 0 auto;margin-top:40px;width:100%;height:100%;}
.gkb-courses_categories-wrap .bg {position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;}
.gkb-courses_categories-slider .swiper-slide {text-align: center;display: flex;justify-content: center;align-items: center;width:100%;height:100%;}
.gkb-courses_categories-wrap .swiper-button-next, .gkb-courses_categories-wrap .swiper-button-prev {top:50%; }

.gkb-courses_categories-slider .swiper-slide.pc {display:flex;}
.gkb-courses_categories-slider .swiper-slide.mo {display:none;}

.gkb-courses_categories-wrap .swiper-button-prev {left: -120px; }
.gkb-courses_categories-wrap .swiper-button-next {right: -120px;left:auto;}
.gkb-courses_categories-wrap .swiper-pagination {opacity:0;bottom:-40px;}
.gkb-courses_categories-wrap .swiper-pagination-bullet-active {color:#1464bf;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none;}

.gookbi_01 .sec01 .boxes_wrapper {display:flex;margin: 0 auto;justify-content:center;gap:2%;flex-wrap:wrap;flex-direction:row;width:560px;}
.gookbi_01 .sec01 .box {display:flex;justify-content:space-between;gap:2%;width:48%;background:#00a8ff;padding:12px 20px;border-radius:8px;margin-bottom:15px;color:#ffffff;}
.gookbi_01 .sec01 .box div {display:flex;justify-content:center;align-items:center;width:40%;}
.gookbi_01 .sec01 .box p {line-height:34px;}
.gookbi_01 .sec01 .box p span {font-weight:700;font-size:28px;line-height:19px;}

.gookbi_01 .sec01 .counter {padding:7px 10px;background:rgba(0,168,255,0.1);display:flex;justify-content:space-between;border-radius:5px;margin: 0 auto;width:590px;height:140px;margin-top:20px;margin-bottom:20px;}
.gookbi_01 .sec01 .counter div {width:14.5%;border-radius:5px;background:#fbfbfb ; box-shadow:rgba(157, 163, 169, 0.4) 0px 30px 20px -12px inset, rgba(157, 163, 169, 0.4) 0px -1px 19px 0px inset;border: 1px solid #8997a0;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;font-size:60px;font-weight:700;color:#2d2d2d;}
.gookbi_01 .sec01 .counter div.num {color:#0075c0;}


/* .gookbi_01 .sec01 .counter div:before {z-index:5;position:absolute;top:50%;left:0px;transform:translateY(-50%);content: '';display:block;width:4px;height:8px;background:#9da3a9;}
.gookbi_01 .sec01 .counter div:after {z-index:5;position:absolute;top:50%;right:0px;transform:translateY(-50%);content: '';display:block;width:4px;height:8px;background:#9da3a9;} */

/* .gookbi_01 .sec01 .counter div hr {width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%);background:#e3eaf0;color:#e3eaf0;z-index:4;border:none;}
 */
.gookbi_01 .sec01 .dots {display:block;margin: 0 auto;margin-top:30px;}
.gookbi_01 .sec01 .counter div.num {position:relative;overflow: hidden;}
.gookbi_01 .sec01 .counter .num-wrap {width:100%;display: flex;justify-content: center;flex-direction: column;position: absolute;bottom: 0;transition: 1s all ease-in ;}
.gookbi_01 .sec01 .counter div div {width:100%;height: 100%;display: flex;justify-content: center;align-items: center;border:none;box-shadow: none;background: transparent;color: #0075c0;}

@media (max-width: 1280px) {
	.gkb-courses_categories-wrap {width:100%;height:850px;}
	.gkb-courses_categories-wrap .swiper-button-prev {left: -7%;}
	.gkb-courses_categories-wrap .swiper-button-next {left: auto; right: -7%;}
	.ncs-list-courses .swiper-button-prev {left: -4%;}
	.ncs-list-courses .swiper-button-next {left: auto; right: -4%;}

	.learn_card-steps_title hr {width:50%;}

}

@media (max-width: 1080px) {
	.ncs-list-courses .container {width: 90%;padding: 0 20px;}
	.gookbi_01 .sec02 .container {width: 100%;padding: 0 20px;}
	.ncs-list-courses .swiper-button-next, .ncs-list-courses .swiper-button-prev {top:61%;}
	.ncs-list-courses .swiper-button-prev {left: -4%;}
	.ncs-list-courses .swiper-button-next {left: auto; right: -4%;}

	.gkb-courses_categories-wrap .swiper-button-prev, .gkb-courses_categories-wrap .swiper-button-next {display:none;}
	.gkb-courses_categories-wrap .swiper-pagination {opacity:1;}

	.ncs-list-courses .swiper-button-next, .ncs-list-courses .swiper-button-prev  {display:none;}
	.ncs-list-courses .swiper-pagination {opacity:1;}

	.learn_card-hero .expenses span {font-size:2.7rem;}
	.learn_card-hero .card {max-width: 86%;}
}

@media(max-width: 992px) {
	.learn_card-system .cont_block-wrap {padding:4% 5% 6%;}
	.learn_card-recom li {width:26%;}
	.learn_card-recom li h6 {font-size:20px;}
	.learn_card-recom li p {font-size:14px;}
	.learn_card-recom li div, .learn_card-recom li:nth-of-type(1) div, .learn_card-recom li:nth-of-type(2) div, .learn_card-recom li:nth-of-type(3) div {max-width:50%;}
	.learn_card-step img {max-width:30%;max-height: 100%;}
	.learn_card-step li h7 span {font-size:15px;}
	.learn_card-step li h7 {font-size:17px;padding: 10px 0 6px;}
	.learn_card-step li p {font-size:13px;}
	.learn_card-step li:after {height:50%;}
	.learn_card-step li:before  {height:50%;}
	.learn_card-step li h7:before {top:-7px;}
	.learn_card-step div {height:60px;}

	.gookbi_01 .hero {padding:11% 0;background: url('/2023/img/ncs/gkb_cat_bg_01_m.png') center center / cover no-repeat;}
	.gookbi_01 .bxs-wrap {margin-top:24%;width:100%;}
	.gookbi_01 .hero_title {max-width:80%;margin: 0 auto;}
	.gookbi_01 .hero_btn {width:90%;margin-top:6%;}
	.gookbi_01 .sec01 {padding:10% 0 6%;}
	.gookbi_01 .sec01 .dots {margin-top:6%;width:10%;margin-bottom:10%;}
	.gkb-courses_categories-slider {margin-top:7%;}
	.learn_card-steps_title hr {width:30%;}

} 

@media(max-width: 768px) {
	.learn_card-hero {height:420px;padding-top: 80px;}
	.learn_card-hero video {max-height:100%;height:100%;}

	.learn_card-hero .expenses {left:35%;top:28%;}
	.learn_card-hero .expenses span {font-size:2rem;font-weight:800;}
	.learn_card-hero .card {max-width: 92%;margin-left: 0;}

	.learn_card-hero h2 {font-size:48px;}
	.learn_card-hero h3 {font-size:20px;padding:3% 0 0 0;}
	.learn_card-hero {background: url('/2023/img/ncs/learn_card-poster.png') center center/ cover no-repeat;}

	.learn_card-system {padding:25% 0 5%;}
	.learn_card-system .cont_block-wrap {border-radius:16px;padding: 6% 7% 6%;}
	.learn_card-system .cont_block-title {font-size:18px;}
	.learn_card-system .cont_block-title span {font-size:28px;}
	.cont_block-card h5 {padding: 2px 10px;font-size:18px;border-radius:10px;}
	.cont_block-card div {font-size:14px;}
	.cont_block-cards {margin: 6% auto;}
	
	.cont_block-card p {font-size:12px;}
	.cont_block-card p span {font-size:22px;}
	.cont_block-txt h6 {font-size:16px;margin-bottom:5px;}
	.cont_block-txt p {font-size:13px;line-height:26px;}
	.learn_card-system .cont_block {margin-bottom:14%;}
	.learn_card-system .container {padding:0 5px;}
	.learn_card-system .learn_card-title {font-size:26px;}
	.learn_card-title {font-size:28px;line-height:32px;}
	

	.learn_card-recom .pc-show {display:none !important;}
	.learn_card-recom .mo-show {display:block !important;}
	.learn_card-recom .blue-block {height:unset;padding: 12% 0 20% 0;position:relative;}
	.learn_card-recom ul {position:relative;transform:none;width:100%;left:unset;display:flex;justify-content:unset;}
	.learn_card-recom-swiper {width:100%}
	.learn_card-recom .grey-block {display:none;}
	.learn_card-recom .swiper-pagination {bottom:-60px;}
	.learn_card-recom-swiper .swiper-slide {width: 300px;min-height:380px;}
	.learn_card-recom li {padding: 5% 4% 6%;}
	.learn_card-recom li:hover {border: 2px solid transparent;box-shadow: unset;transition: 0.2s all ease;}
	.learn_card-recom .swiper-pagination {bottom:30px;}
	.learn_card-comp {padding: 20% 0 15%; }
	.learn_card-comp_cont ul {flex-wrap:wrap;flex-direction:column;}
	.learn_card-comp_cont li {width:100%;display:flex;margin-bottom:30px;}
	.learn_card-comp_cont li p {padding-left:45px;font-size:16px;}
	.learn_card-comp_cont ul:before {display:none;}
	.learn_card-comp_cont ul:after {display:block;}
	.learn_card-comp_cont li p span {font-size:20px;margin-bottom:5px;}
	.learn_card-comp_cont li p br {display:none;}
	.learn_card-comp_cont li div {width:30px;height:30px;font-size:18px;padding:10px;border-radius:6px;}
	.learn_card-comp_logos {margin-top:0;}
	.learn_card-steps {padding:20% 0 15%}
	.learn_card-steps_title div, .learn_card-steps_title hr {display:none;}
	.learn_card-steps_title h4 {font-size: 30px;line-height:38px; }
	.learn_card-comp_logos-wrap {width:calc(200px* 11); }
	.learn_card-comp_logos-wrap div {width:200px;height:100px;animation: scrollLogos 20s linear infinite;}
	.learn_card-comp_logos-wrap div img {max-width:70%;}
	@keyframes scrollLogos { 0% { transform: translateX(0); }100% { transform: translateX(calc(-200px * 5.5))}  }
	.learn_card-step h6 {font-size:18px;padding:8px;}
	.learn_card-step ul {flex-wrap:wrap;flex-direction:row;}
	.learn_card-step li {width: 50%;}
	.learn_card-step li:nth-of-type(2n):after {width:0;height:0;}



	.learn_card-benefits {padding:20% 0;}
	.learn_card-benefits-wrap {width:100%;margin-top:10%;}
	.learn_card-benefits-wrap div {width:90%;margin: 0 auto;margin-bottom:3%;}

	.ncs-list-courses {padding: 12% 0 20%;}
	.ncs-list-courses .container {width:100%}
	.ncs-list-courses_title, .gkb_ttl {font-size:32px;line-height:42px;}
	.ncs-list-courses_subtitle {margin-top:10%;font-size:24px;}
	.gkb_subttl {margin-top:14%;font-size:24px;}
	.ncs-list-courses_categories {margin-top:5%;flex-wrap:wrap;flex-direction:row;}
	.ncs-list-courses_categories div {padding: 2px 5px;width:max-content;font-size:16px;display: inline-block;min-width:80px;margin-bottom:10px;}
	.ncs-list-course_bottom {grid-template-rows: auto 65px 76px;display:block;}
	.ncs-list-course {height:440px !important;}


	.gkb-courses_categories {margin-top:6%;}
	.gkb-courses_categories div {font-size:14px;padding: 5px 10px;margin-right:8px;margin-bottom:8px;cursor:pointer;}

	.gookbi_01 .bxs-wrap.mo-show {display:flex !important;flex-wrap:wrap;flex-direction:column;gap:0;}
	.gookbi_01 .bxs-wrap div {width:90%;margin: 0 auto;margin-bottom:2%;}

	.gkb-courses_categories-slider .swiper-slide.pc {display:none;}
	.gkb-courses_categories-slider .swiper-slide.mo {display:flex;}
	.gkb-courses_categories-slider .swiper-slide img {width:90%;}


	.gookbi_01 .sec01 .boxes_wrapper {width:90%;}
	.gookbi_01 .sec01 .box {margin-bottom:8px;border-radius:5px;padding:6px 10px;}
	.gookbi_01 .sec01 .box p {line-height:19px;font-size:10px;}
	.gookbi_01 .sec01 .box p span {line-height:19px;font-size:16px;}
	.gookbi_01 .sec01 .box div {width:30%;}
	.gookbi_01 .sec01 .counter {width:100%;height:auto;}
	.gookbi_01 .sec01 .counter div {font-size:40px;}

	.gookbi_01 .sec01 .counter div {box-shadow:rgba(157, 163, 169, 0.3) 0px 20px 10px -12px inset, rgba(157, 163, 169, 0.3) 0px -1px 19px 0px inset;}



} 

@media(max-width: 650px) {.learn_card-hero .expenses {left:36%;} .gkb-courses_categories-wrap {height:700px;} } 
@media(max-width: 600px) {.learn_card-hero .expenses {top:26%;left:37%;} .gkb-courses_categories-wrap {height:650px;} }
@media(max-width: 550px) {.learn_card-hero .expenses {top:25%;left:39%;} .gkb-courses_categories-wrap {height:600px;} }
@media(max-width: 500px) { 
	.learn_card-hero .expenses span {font-size:1.8rem;} 
	
	.learn_card-step li h7 {font-size:17px;padding: 20px 0 6px;}
	.learn_card-step li h7:before {top:3px;}
	.learn_card-step li:before {position:absolute;content: '';width:50%;height:1px;bottom:0;left:50%;transform:translateX(-50%);background: #b5bcc1 ;}
	.learn_card-step li:last-of-type:before {opacity:0;}

	/* .learn_card-step li:before , .learn_card-step li:after {opacity:0;} */

	.ncs-list-course_top {height:160px;overflow:hidden;}
	.ncs-list-course_title {height:60px;font-size:16px;padding-top:5px;}
	.ncs-list-course_bottom {padding: 10px 10px ;}
	.ncs-list-course_subtitle {flex-wrap:wrap;flex-direction:row;}
	.ncs-list-course_subtitle div {margin-bottom:5px;font-size:12px;margin-right: 3px;padding-right: 3px;}
	.ncs-list-course_price {font-size:16px;padding:7px 0 0 0;margin-top:15px;}
	.ncs-list-course_price span {font-size: 12px;}
	.ncs-list-course {min-height:320px;margin-bottom:10px;}
	.ncs-list-courses_categories div {padding: 3px 5px;font-size: 14px;margin-right:8px;margin-bottom:8px;}
	.ncs-list-courses-wrap {margin-top:15px;}
	.ncs-list-course_top img {max-width:55%;}
	.ncs-list-course {height: 300px !important;}
	
		
}

@media(max-width: 440px) { .learn_card-hero .expenses {left:38%;} .learn_card-hero .expenses span {font-size:1.5rem;} .gkb-courses_categories-wrap {height:500px;} .gookbi_01 .sec01 .counter div {font-size:40px;} } 
@media(max-width: 400px) {.learn_card-hero {height:400px;}  } 
@media(max-width: 380px) {  .learn_card-hero .expenses span {font-size:1.3rem;} .learn_card-hero {height:380px;} .gkb-courses_categories-wrap {height:400px;}  }