@charset "utf-8";
/* main common */
.main .top-title{margin-bottom:20px;font-size:24px;line-height:34px;font-weight:700;}
.main .btn-more{display:flex;align-items:center;gap:2px;position:absolute;top:7.5px;right:0;color:#6A6C70;font-size:13px;line-height:19px;font-weight:700;color:#6A6C70;}

/* 메인비주얼 */
.main-visual{position:relative;}
.main-visual .swiper{overflow:visible;}
.main-visual li{text-align: center;transition:transform .5s;overflow: hidden;}
.main-visual li.swiper-slide-active{}
.main-visual .container{position:relative;}

.main-visual-controls{z-index:99;display: flex;gap: 4px;align-items: center;position:absolute;left:50%;transform:translateX(-50%);bottom:14px;padding:4px 8px;background:rgba(67, 67, 67, 0.5);border-radius:31px;}
.main-visual-controls .swiper-pagination-mainvisual{position:static;width:auto;display: flex;align-items: center;gap: 4px;justify-content: center;color:rgba(255, 255, 255, 0.3);}
.main .swiper-pagination-current{color:#fff;}
.main .swiper-pagination-total{color:#fff;}
.main .swiper-button-prev-mainvisual-sm{position:static !important;width:24px !important;height:24px !important;margin:0 !important;background:url("../images/main/icon-swiper-prev-main-sm.svg")no-repeat 50% 50%;background-size:100%;}
.main .swiper-button-next-mainvisual-sm{position:static !important;width:24px !important;height:24px !important;margin:0 !important;background:url("../images/main/icon-swiper-next-main-sm.svg")no-repeat 50% 50%;background-size:100%}

.course-list-wrap{padding:60px 0;}
.course-list-wrap .box{position:relative;}
.course-list-wrap .box+.box{margin:60px 0 0;}


/* 과정 리스트 common */
.course-list{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;column-gap:26.67px;row-gap:40px;flex-wrap:wrap;}
.swiper-wrapper.course-list{flex-wrap:nowrap;gap: 0;}
.course-list li{border-radius: 16px;overflow:hidden;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.course-list li .img-wrap{position:relative;height: 210px;/* max-height:210px; */overflow:hidden;border-radius: 16px 16px 0 0;border:1px solid #E4E8ED;border-bottom: 0;}
.course-list li .img-wrap img{height: 100%;width: 100%;}
.course-list li .img-wrap .badge-line{position:absolute;display:flex;gap:4px;width:100%;top:10px;left:10px;width:calc(100% - 20px);}
.course-list li .img-wrap .hover{position:absolute;opacity:0;transition:.3s;bottom:-100%;left:0;width:100%;padding:20px;background: rgba(4, 4, 4, 0.8);}
.course-list li:hover .img-wrap .hover{bottom:0;opacity:1;}
.course-list li .img-wrap .info-box{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.5);}
.course-list li .img-wrap .info-box dl{display:flex;gap:4px;font-size: 12px;line-height: 18px;}
.course-list li .img-wrap .info-box dt{display:flex;gap:4px;align-items:center;width:70px;}
.course-list li .img-wrap .info-box dd{gap: 3px;width: calc(100% - 74px);display: flex;align-items: center;}
.course-list li .img-wrap .info-box dd .support-num{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: calc(100% - 31px);}
.course-list li .img-wrap .price{display:flex;align-items:center;padding:8px 0;color:#9A9EA3;font-size:12px;line-height:18px;}
.course-list li .img-wrap .price strong{color:#E9323E;font-weight: 700;font-size: 18px;line-height: 27px;}
.course-list li .img-wrap .price span{}
.course-list li .img-wrap .btns{gap:6px;}
.course-list li .img-wrap .btns .btn-wish{display: flex;align-items: center;justify-content: center;width:40px;height:40px;border-radius:6px;border:1px solid #D8DBDF;background-color: #fff;}
.course-list li .img-wrap .btns .btn-wish.active i{background:url("../images/sub/icon-wish-on.svg");}
.course-list li .img-wrap .btns .btn-sm{width:calc(100% - 46px);}
.course-list li .text-box{display:flex;flex-direction:column;gap:8px;border-radius: 0 0 16px 16px;padding:16px;height: 133px;background-color: #fff;}
.course-list li .text-box .cate-line{display:flex;align-items:center;color:#2949B1;font-weight: 700;font-size: 12px;line-height: 18px;}
/* .course-list li .text-box .cate-line span::after{display:inline-block;margin:0 4px;width:1.5px;height:10px;background-color:rgba(93, 160, 255, 0.4);content:'';}
.course-list li .text-box .cate-line span:last-child::after{display:none;} */
.course-list li .text-box .title{height: 48px;font-weight: 700;font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.course-list li .text-box .period{display:flex;align-items:center;gap:2px;font-weight: 500;font-size: 13px;line-height: 19px;color:#6A6C70;}
.course-list li .text-box .period .icon-calendar-gr{margin-top: 3px;flex-shrink:0;}
.course-list li .img-fix-wish{position:absolute;right:10px;bottom:10px;}


.schedule-box-wrap{padding:60px 0;background-color: #F3F8FD;}
.schedule-box-wrap >.container{position:relative;}
.schedule-box-wrap .card-list{display:flex;flex-wrap:wrap;gap:30px;}
.schedule-box-wrap .card-list li{width:calc((100% - 60px) / 3);padding:24px;border:1px solid #E0E7ED;background-color: #fff;border-radius:12px;}
.schedule-box-wrap .card-list .title{margin:8px 0;font-weight: 700;font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.schedule-box-wrap .card-list .info span{color:#6A6C70;font-size:14px;line-height:21px;}
.schedule-box-wrap .card-list .btn{width:100%;margin-top:16px;}
.schedule-box-wrap .btn-more{right:12px;}

.notice-wrap{padding:60px 0;}
.notice-wrap .banner-link{display:flex;gap:24px;}
.notice-wrap .banner-link a{display:flex;justify-content:space-between;align-items:center;flex:1;padding:24px;border-radius:16px;}
.notice-wrap .banner-link .title{margin-bottom:8px;font-weight: 700;font-size: 22px;line-height: 33px;}
.notice-wrap .banner-link p{color:#6A6C70;}
.notice-wrap .banner-link .bg-1{background-color: #EDF8E9;border:1px solid transparent;transition:.3s;}
.notice-wrap .banner-link .bg-1:hover{border-color:#0FB800;}
.notice-wrap .banner-link .bg-2{background-color: #E3F1FE;border:1px solid transparent;transition:.3s;}
.notice-wrap .banner-link .bg-2:hover{border-color:#2881FF;}

.center-wrap{padding:80px 0;background: url("../images/main/bg-center.png")no-repeat;background-size:cover;}
.center-wrap >.container{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.center-wrap p{color: #fff;font-weight: 700;font-size: 30px;line-height: 42px;text-align: center;margin-bottom: 24px;}
.center-wrap button{color: #11254C;background: #fff;font-size: 16px;line-height: 24px;font-weight: 700;padding: 14px 30px;border-radius: 52px;}



/* edu section */
.main .sec-edu{position:relative;z-index: 1;overflow:hidden;padding:0 0 60px;background: linear-gradient(180deg, #FDFDFD 0%, #E6F0FF 100%);}
.main .sec-edu .top-title-box .text-secondary{display:inline-block;margin-bottom:8px;font-weight: 700;font-size: 16px;line-height: 24px;font-family:"Oxanium";}
.sec-edu .edu-list{display:flex;gap:20px;}
.sec-edu .edu-list > li{width:184px;border-radius:16px;transition:width .6s;overflow:hidden;height:500px;}
.sec-edu .edu-list > li.active{width:793px;}
.sec-edu .edu-list li.edu-01{background:url("../images/main/bg-main-item-01.png")no-repeat;background-size:cover;}
.sec-edu .edu-list li.edu-02{background:url("../images/main/bg-main-item-02.png")no-repeat;background-size:cover;}
.sec-edu .edu-list li.edu-03{background:url("../images/main/bg-main-item-03.png")no-repeat;background-size:cover;}
.sec-edu .edu-list li .btn-toggle-box{display: flex;height:100%;flex-direction: column;gap: 16px;padding:32px 24px;cursor:pointer;background: rgba(0,0,0,0.5);}
.sec-edu .edu-list li.active .btn-toggle-box{display:none;}
.sec-edu .edu-list li .btn-toggle-box h3{color:#fff;font-weight: 700;font-size: 22px;line-height: 33px;}
.sec-edu .edu-list li .toggle-box{position:relative;z-index:1;height: 100%;padding:30px;color:#fff;transition:opacity .6s .3s;}
.sec-edu .edu-list li .toggle-box::before{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:'';background: linear-gradient(180deg, rgba(1, 22, 48, 0) 0%, #011630 100%);}
.sec-edu .edu-list li .toggle-box .text-box{position:absolute;left:30px;opacity:0;bottom:-50%;transition:bottom .6s ease-in-out,opacity .3s .2s ease-in-out;width: calc(100% - 60px);/* display: flex;flex-direction: column;gap: 16px;justify-content: flex-end; *//* height: 100%; */}
.sec-edu .edu-list li.active .toggle-box .text-box{bottom:30px;opacity:1;}
/* .sec-edu .edu-list li.active .toggle-box .text-box{display:flex;opacity:1;bottom:0;} */
.sec-edu .edu-list li .toggle-box h3{margin-bottom:16px;font-weight: 700;font-size: 30px;line-height: 42px;}
.sec-edu .edu-list li .toggle-box .link-box{display:flex;gap:24px;margin-top:16px;}
.sec-edu .edu-list li .toggle-box .link-list{display: flex;flex-direction:column;gap:4px;}
.sec-edu .edu-list li .toggle-box .link-list li {}
.sec-edu .edu-list li .toggle-box .link-list li a{display:flex;gap:8px;align-items:center;color:#fff;transition:.3s;}
.sec-edu .edu-list li .toggle-box .link-list li a:hover{color:#F39A00;}
.sec-edu .edu-list li .toggle-box .link-list li a span{display:inline-block;width:calc(100% - 28px);}
.sec-edu .edu-list li .toggle-box .link-list li a:hover .icon-link-arr{background-image:url("../images/main/icon-link-arr-active.svg");}


/* new-swiper-wrap */
.main .new-swiper-wrap .new-swiper{position: relative;}
.main .new-swiper-wrap .swiper{padding-bottom:80px;}
.main .new-swiper-wrap .swiper-button-prev{margin-top: -80px;left: -74px;width:54px;height:55px;background:url("../images/main/icon-swiper-prev-new.svg")no-repeat 50% 50%;background-size:100%;}
.main .new-swiper-wrap .swiper-button-next{margin-top: -80px;right: -74px;width:54px;height:55px;background:url("../images/main/icon-swiper-next-new.svg")no-repeat 50% 50%;background-size:100%;}

/* sec-connect */
.main .sec-connect{overflow: hidden;position:relative;z-index:1;padding:120px 0;background-color: #0B254C;}
.main .sec-connect h2{margin-bottom:16px;color:#2881FF;font-weight: 700;font-size: 20px;line-height: 30px;}
.main .sec-connect .text1{font-weight: 700;font-size: 40px;line-height: 56px;color:#fff;}
.main .sec-connect .text2{margin:32px 0;color:#D2D3D5;}
.main .sec-connect .btn{gap:4px;}
.main .sec-connect .bg-text{position:absolute;z-index: -1;left:0;bottom:-90px;font-weight: 700;font-size: 160px;line-height: 300px;background: linear-gradient(180deg, rgba(161, 198, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.main .sec-connect::after{position:absolute;top:0;right:0;display:inline-block;width:1119px;height:579px;content:'';z-index: -1;background: url("../images/main/bg-main-connect.png")no-repeat;    background-size: 100%;}


/* ----------------------------------media 1200px-------------------*/
@media (max-width: 1200px) {
.course-list {column-gap: 8px;row-gap: 20px;}
.main .new-swiper-wrap .swiper-button-prev{left:0;}
.main .new-swiper-wrap .swiper-button-next{right:0;}


}


/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) {
.main .top-title {font-size: 17px;line-height: 25px;max-width: 76%;}

 /*main-visual  */
.main-visual-controls{bottom: 10px;padding: 3px 8px;border-radius:29px;}

/* course-list */
.course-list{grid-template-columns: 1fr 1fr 1fr;}
/* .course-list li .img-wrap {max-height: 192px;} */
.course-list li .img-wrap .hover{display:none;}
.course-list li .text-box .title{height: 42px;font-size: 15px;line-height: 22px;}

.schedule-box-wrap .card-list{gap:8px;}
.schedule-box-wrap .card-list li{padding:12px;width:calc((100% - 16px) / 3);}
.schedule-box-wrap .card-list .title {margin: 5px 0;font-size: 15px;line-height: 23px;}
.schedule-box-wrap .card-list .btn {margin-top: 8px;}

.notice-wrap .banner-link .title{gap:15px;}
.notice-wrap .banner-link .title{font-size:18px;line-height:29px;margin-bottom:5px;}

.center-wrap button {margin-bottom: 15px;font-size: 14px;line-height: 23px;padding: 8.5px 20px;border-radius: 40px;}
.center-wrap p{font-size: 20px;line-height: 31px;}
}

/* ----------------------------------media 768px-------------------*/
@media (max-width: 768px) {
.course-list{grid-template-columns: 1fr 1fr;}
.course-list li {border-radius: 13px;}
.course-list li .img-wrap{height:auto;border-radius: 13px 13px 0 0;}
/* .course-list li .img-wrap {max-height: 147px;} */
.course-list li .img-wrap .badge-line {top: 6px;left: 6px;width: calc(100% - 12px);}
.course-list li .text-box{height: 124px;gap: 3px;padding:10px;border-radius: 0 0 13px 13px;}
.course-list li .text-box .cate-line{flex-wrap:wrap;}
.course-list li .text-box .title{font-size: 14px;line-height: 21px;}
.course-list li .text-box .period {align-items: flex-start;}
.course-list li .img-fix-wish {right: 6px;bottom: 6px;}

.schedule-box-wrap .card-list li {width: 100%;}

.notice-wrap .banner-link{gap:12px;flex-wrap:wrap;}
.notice-wrap .banner-link a{padding:15px;}
.notice-wrap .banner-link .bg-1{width:100%;flex:none;gap:5px;}

}

/* ----------------------------------media 420px-------------------*/
@media (max-width: 420px) { 
.course-list li .text-box .title {height: 37px;font-size: 12px;line-height: 18px;}
.course-list li .text-box .period {font-size: 12px;line-height: 17px;}

}


/* ----------------------------------media 320px-------------------*/
@media (max-width: 320px) { 
.course-list li .text-box .period .icon-calendar-gr {display: none;}

}