@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%;}

@keyframes upDown {
0% {transform: translate(-50% , 0);}
50% {transform: translate(-50%, -10px);}
100% {transform: translate(-50%, 0);}
}

/* 브릿지섹션 */
.bridge-top-sec{position:relative;padding:100px 0 225px;background: url("../images/main/bg-bridge-top-sec.png")no-repeat center/cover;}
.bridge-arr-ani{position: absolute;bottom: -116px;bottom: 50px;left: 50%;animation: upDown 1s ease-in-out infinite;}
.bridge-top-sec .container{display: flex;flex-direction: column;align-items: center;gap: 50px;}
.bridge-top-sec .top-text-box{width:100%;max-width:622px;padding:28px 15px;border-radius:30px;text-align:center;font-weight:500;font-size:18px;line-height:25px;color:#242424;box-shadow:inset 0 1px 2px rgba(255,255,255,.96),inset 0 -1px 3px rgba(0,50,220,.24),6px 6px 16px rgba(0,50,220,.16);background-image:linear-gradient(180deg,#ffffff 0%,#fcfcfd 55%,#f4f6ff 100%);}
.bridge-top-sec .top-text-box strong{color:#002c5f;font-weight:800;}
.bridge-gra-bg{background: linear-gradient(360deg,#002c5f 0%,#002c5f 20%,#ffffff 80%);}
.bridge-mid-sec{padding:70px 0 75px;}
.bridge-mid-sec .top-text{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;}
.bridge-mid-sec h2{margin-bottom:20px;font-weight:800;font-size:25px;line-height:25px;}
.bridge-mid-sec .text-01{font-size:18px;font-weight:500;line-height:25px;text-align:center;}
.bridge-mid-sec .text-02{font-size:12px;font-weight:300;line-height:25px;color:#333333;text-align:center;}
.bridge-mid-sec .card-list{display:flex;gap:32px;justify-content: center;}
.bridge-mid-sec .card-list li{position:relative;}
.bridge-mid-sec .card-list li::after{position:absolute;top: 136px;right: -31px;display:block;width:92px;height:102px;content:'';background:url("../images/main/img-bridge-card-cursor.png")no-repeat center/cover;transition:transform .3s;}
.bridge-mid-sec .card-list li:hover::after{transform:translateY(5px);}
.bridge-mid-sec .card-list li img{filter: drop-shadow(0 4px 5px rgba(0, 34, 181, .16));}
.bridge-calendar-sec{padding:75px 0 80px;}
.bridge-calendar-sec >.container{position:relative;display: flex;flex-direction: column;align-items: center;}
.bridge-calendar-sec .top-text{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;}
.bridge-calendar-sec .top-text h2{margin-bottom:20px;font-weight:800;font-size:25px;line-height:25px;}
.bridge-calendar-sec .top-text .text-01{font-weight:500;font-size:18px;line-height:25px;}

.bridge-btm-sec .bridge-arr-ani{bottom: 323px;}
.bridge-btm-sec >.container{position:relative;padding-bottom: 130px;display: flex;flex-direction: column;align-items: center;text-align:center;}
.bridge-btm-sec .top-text h2{margin-bottom:20px;font-weight:800;font-size:25px;line-height:25px;color:#ffffff;}
.bridge-btm-sec .img-refund-text{transform: translateY(-110px);}
.bridge-btm-sec .top-text .text-01{font-weight:500;font-size:18px;line-height:25px;color:#98b6d9;}
.bridge-btm-sec .manual-banner {position: absolute;bottom: 156px;left: 50%;transform: translateX(-50%);}
.bridge-btm-sec .manual-banner .manual-btn{padding: 16px 58px;display: flex;align-items: center;justify-content: center;width: max-content;border-radius: 20px;background: #fff;color: #002c5f;font-size: 25px;font-weight: 500;line-height:25px;text-decoration: none;}
.bridge-btm-sec .manual-banner .manual-btn strong{margin-right:5px;font-weight:700;}



/* ----------------------------------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;}

/* 브릿지섹션 */
.bridge-btm-sec .manual-banner .manual-btn{padding:16px;font-size: 25px;}


}

/* ----------------------------------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;}

/* 브릿지섹션 */
.bridge-top-sec{padding-bottom:60px;}
.bridge-top-sec .bridge-top-logo{max-width: 70%;}
.bridge-top-sec .container{gap:30px;}
.bridge-top-sec .top-text-box{font-size:16px;}
.bridge-mid-sec{padding:70px 0 0;}
.bridge-mid-sec .card-list{align-items: center;flex-direction: column;}
.bridge-mid-sec .card-list{align-items: center;}
.bridge-mid-sec .card-list li{width:auto;}
.bridge-btm-sec .manual-banner{position:static;transform:none;}
.bridge-btm-sec .manual-banner .manual-btn{font-size: 19px;padding: 8px 16px;}
.bridge-btm-sec .img-refund-text {transform: translateY(0);transform: scale(1.3);}
.bridge-arr-ani{position:static;margin-bottom: 50px;width: 50px;height: 50px;}

@keyframes upDown {
0% {transform: translate(0 , 0);}
50% {transform: translate(0, -10px);}
100% {transform: translate(0, 0);}
}
}

/* ----------------------------------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;}

.bridge-top-sec .top-text-box br{display:none;}
}


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

}