@charset "utf-8";
/* main common */
.main .top-title-box{padding-top: 60px;margin-bottom:24px;}
.main .top-title{display:flex;align-items:center;margin-bottom:9px;gap:4px;font-weight: 700;font-size: 24px;line-height: 34px;}
.main .top-text{color:#6A6C70;font-size:16px;line-height:24px;}
.main .top-text .icon-emoji{margin:0 4px 1px 0;}
.main .main-course-box{position:relative;z-index:1;}


/* 과정 리스트 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;border: 1px solid #D8DBDF;/* 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: 2px;flex-shrink:0;}
.course-list li .img-fix-wish{position:absolute;right:10px;bottom:10px;}



/* 메인비주얼 */
.main-visual{padding:34px 0 0;position:relative;overflow: hidden;}
.main-visual .swiper{overflow:visible;}
.main-visual li{text-align: center;transition:transform .5s;border: 1px solid #E4E8ED;border-radius: 24px;overflow: hidden;}
.main-visual li.swiper-slide-active{}
.main-visual .container{position:relative;}
.swiper-button-prev-mainvisual-lg, .swiper-button-next-mainvisual-lg{width:54px !important;height:54px !important;margin:0 !important;transform:translateY(-50%) !important;-webkit-transform:translateY(-50%) !important;}
.swiper-button-prev-mainvisual-lg{left:48px !important;background:url("../images/main/icon-swiper-prev-main.svg")no-repeat 50% 50%;background-size:100%}
.swiper-button-next-mainvisual-lg{right:48px !important;background:url("../images/main/icon-swiper-next-main.svg")no-repeat 50% 50%;background-size:100%}

.main-visual .swiper-controls{z-index:99;display: flex;gap: 6px;align-items: center;position:absolute;right:20px;bottom:20px;padding:8px 10px;background:rgba(0,0,0,0.3);border-radius:42px;}
.main-visual-controls{display:flex;align-items:center;gap: 6px;position:absolute;right:32px;z-index:9;bottom:20px;padding:8.5px 15px;border-radius:44px;background-color: rgba(0,0,0,0.4);color:#fff;}
.main-visual-controls .swiper-pagination-mainvisual{position:static;display: flex;align-items: center;justify-content: space-between;color:#fff;font-size:16px;line-height:24px;}

.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%}
.main .swiper-button-pause-mainvisual-sm{width:24px;height:24px;margin:0;background:url("../images/main/icon-swiper-pause-main.svg")no-repeat 50% 50%;background-size:100%;}
.main .swiper-button-play-mainvisual-sm{width:24px;height:24px;margin:0;background:url("../images/main/icon-swiper-play-main.svg")no-repeat 50% 50%;background-size:100%;}

/* 슬라이드 페이징 박스 */
.main .paging-box {position:relative;width:52px;}
.main .main-pagination-total{color:#9A9EA3;}

/* 슬라이드 프로그레스 바 */
.main .swiper-progress-bar {position: absolute;display: block;z-index: 1;height: 1px;width:24px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main .swiper-progress-bar .bar {position: absolute;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.3);clear: both;opacity: 0;bottom: 0;left: 0;right: 0;top: 50%;transform: translate(0px, -50%);}
.main .swiper-progress-bar .bar:after {position: absolute;top: 0;left: 0;background: #fff;height: 100%;width: 0;content: "";transition: 0.01s all linear;}

/* 슬라이드 프로그레스 바 에니메이션 */
.main .swiper-progress-bar.active .bar {opacity: 1;}
.main .swiper-progress-bar.animate .bar:after {width: 100%;transition-duration: 2s;}

/* quick-list */
/* .main .quick-list{display:flex;padding:40px 0;}
.main .quick-list li{flex:1;}
.main .quick-list li a{display:flex;flex-direction:column;gap:5px;padding:0 5px;align-items: center;} */

/* shape */
.main .shape-main-01{z-index: -1;position:absolute;right:0;bottom:0;width:309px;height:322px;background: url("../images/main/shape-main-01.png")no-repeat;background-size:100%;}
.main .shape-main-02{z-index: -1;position:absolute;left:0;top:30px;width:170px;height:240px;background: url("../images/main/shape-main-02.png")no-repeat;background-size:100%;}
.main .shape-main-03{z-index: -1;position:absolute;right:0;bottom:-285px;width:260px;height:504px;background: url("../images/main/shape-main-03.png")no-repeat;background-size:100%;}

/* 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, .main .sec-course .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");}

.sec-course{background: linear-gradient(180deg, #FEFEFE 0%, #F5F8FF 100%);}
/* sec1 */
/* .main .sec1 {padding-top:40px;position:relative;z-index:1;}
.main .sec1 .container{display:flex;gap:20px;}
.main .sec1 .item-box{display:flex;gap:16px;width:calc(100% - 508px);}
.main .sec1 .item-box a{position:relative;width: calc((100% - 16px) / 2);padding:24px;border-radius:24px;overflow:hidden;font-weight:700;color:#fff;font-size:22px;line-height:33px;}
.main .sec1 .item-box .col{display:flex;flex-direction:column;gap:16px;width: calc((100% - 16px) / 2);}
.main .sec1 .item-box .col a{width: 100%;flex:1;height:224px;}
.main .sec1 .item-box .item-01{padding-top:372px;font-size:24px;line-height:34px;background-color: #022351;}
.main .sec1 .item-box .item-01::before{position:absolute;top:81px;left: 50%;transform: translateX(-50%);display:block;width:206px;height:227px;background: url("../images/main/img-main-item-01.png")no-repeat;content:'';background-size:100%;}
.main .sec1 .item-box .item-02{padding:27px 24px;background-color: #00CD7B;}
.main .sec1 .item-box .item-02::after{position:absolute;display:block;width:160px;height:121px;right: 0;bottom: 0;background: url("../images/main/img-main-item-02.png")no-repeat;content:'';background-size:100%;}
.main .sec1 .item-box .item-03{padding:27px 24px;background-color: #2453EF;}
.main .sec1 .item-box .item-03::after{position:absolute;display:block;width:160px;height:121px;right: 0;bottom: 0;background: url("../images/main/img-main-item-03.png")no-repeat;content:'';background-size:100%;}

.main .sec1 .top-title{margin-bottom:16px;}
.main .sec1 .top3-box{width: 488px;}
.main .sec1 .top3-list{display:flex;flex-direction:column;gap:8px;}
.main .sec1 .top3-list li{}
.main .sec1 .top3-list li a{display:flex;align-items:center;gap:16px;padding:15px 16px;background-color: #F3F5F9;border:1px solid #E4E8ED;border-radius:16px;}
.main .sec1 .top3-list li a .img{width:120px;overflow:hidden;border:1px solid #E4E8ED;border-radius:12px;}
.main .sec1 .top3-list li .cate-line{display:flex;align-items:center;margin-bottom:8px;color:#2949B1;font-weight: 700;font-size: 12px;line-height: 18px;}
.main .sec1 .top3-list li .cate-line span::after{display:inline-block;margin:0 4px;width:1.5px;height:10px;background-color:rgba(93, 160, 255, 0.4);content:'';}
.main .sec1 .top3-list li .cate-line span:last-child::after{display:none;}
.main .sec1 .top3-list li .title{margin-bottom:8px;font-weight: 700;font-size: 16px;line-height: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.main .sec1 .top3-list li .info{display:flex;align-items:center;color:#6A6C70;font-size:13px;line-height:19px;}
.main .sec1 .top3-list li .info span{display:flex;align-items:center;gap:2px;}
.main .sec1 .top3-list li .info span::after{display:inline-block;margin:0 6px;width:1.5px;height:10px;background-color:#D8DBDF;content:'';}
.main .sec1 .top3-list li .info span:last-child::after{display:none;} */

/* sec3 */
/* .main .sec3{position:relative;padding-bottom:100px;}

.main .sec3 .top-title-box{position: relative;display:flex;justify-content:space-between;}
.main .sec3 .top-title-box .controls {display:flex;gap:16px;}
.main .sec3 .top-title-box .controls button{position:static;}
.main .sec3 .top-title-box .swiper-button-prev{width:40px;height:40px;margin:0;background:url("../images/main/icon-swiper-prev-school.svg")no-repeat 50% 50%;background-size:100%;}
.main .sec3 .top-title-box .swiper-button-next{width:40px;height:40px;margin:0;background:url("../images/main/icon-swiper-next-school.svg")no-repeat 50% 50%;background-size:100%;}
.main .school-swiper{}
.main .school-swiper .swiper-slide{border:1px solid #E4E8ED;border-radius:16px;overflow:hidden;}
.main .school-swiper .school-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:200px;border-bottom:1px solid #E4E8ED;font-weight: 700;color:#fff;font-size: 20px;line-height: 30px;}
.main .school-swiper .bg-school-01 .school-top{background: linear-gradient(180deg, #6334D3 0%, #331871 100%);}
.main .school-swiper .bg-school-02 .school-top{background: linear-gradient(180deg, #285FB4 0%, #0E264A 100%);}
.main .school-swiper .bg-school-03 .school-top{background: linear-gradient(180deg, #107E82 0%, #063134 100%);}
.main .school-swiper .bg-school-04 .school-top{background: linear-gradient(180deg, #2283AF 0%, #0D2840 100%);}
.main .school-swiper .bg-school-05 .school-top{background: linear-gradient(180deg, #1967DE 0%, #102544 100%);}
.main .school-swiper .bg-school-06 .school-top{background: linear-gradient(180deg, #485FC2 0%, #192146 100%);}
.main .school-swiper .bg-school-07 .school-top{background: linear-gradient(180deg, #7C4093 0%, #2D133C 100%);}
.main .school-swiper .school-list{display:flex;flex-direction:column;gap:16px;padding:24px 16px;background-color: #F3F5F9;}
.main .school-swiper .school-list li{}
.main .school-swiper .school-list li > a{display: flex;align-items: center;gap: 8px;}
.main .school-swiper .school-list li > a .img{display:inline-block;width:120px;height:90px;border:1px solid #E4E8ED;border-radius:10px;overflow:hidden;}
.main .school-swiper .school-list li > a .img img{}
.main .school-swiper .school-list li > a .text-box{width:calc(100% - 129px);}
.main .school-swiper .school-list li .text-box .cate-line{display:flex;align-items:center;margin-bottom:8px;color:#2949B1;font-weight: 700;font-size: 12px;line-height: 18px;}
.main .school-swiper .school-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:'';}
.main .school-swiper .school-list li .text-box .cate-line span:last-child::after{display:none;}
.main .school-swiper .school-list li > a .text-box .title{line-height: 21px;font-size:14px;font-weight: 700;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} */




/* mid-banner */
/* .main .mid-banner{position:relative;overflow:hidden;z-index: 1;margin-bottom:100px;display: flex;justify-content: space-between;padding:64px 80px 57px;border-radius:16px;background-color: #4791FF;border:1px solid #E4E8ED;}
.main .mid-banner .text{font-weight: 700;font-size: 26px;line-height: 39px;color:#fff;}
.main .mid-banner .text button{display:flex;gap:4px;margin-top:12px;align-items:center;padding:12px 20px 12px 28px;border-radius:49px;color:#1472FF;background-color: #fff;font-weight: 700;font-size:16px;line-height: 24px;}
.main .mid-banner .text button:hover i{transform:translateX(5px);}
.main .mid-banner .img-ani-box{position:absolute;bottom: 0;right:0;z-index: 1;}
.main .mid-banner .img-ani-box::before{position:absolute;top: 42px;animation: bubbleAni 1s  infinite alternate;display:inline-block;left:-123px;width:127px;height:49px;content:'';background: url("../images/main/img-main-mid-bubble-01.png")no-repeat;background-size: 100%;}
.main .mid-banner .img-ani-box::after{position:absolute;bottom: 67px;animation: bubbleAni 1s .3s infinite alternate;display:inline-block;left:-147px;width:127px;height:49px;content:'';background: url("../images/main/img-main-mid-bubble-02.png")no-repeat;background-size: 100%;}
.main .mid-banner .img-ani-box img{position:relative;z-index:-1;}
@keyframes bubbleAni {
    0% {
        transform: translateY(10px) 
    }

    100% {
        transform: translateY(0)
    }
} */

/* 메인 스와이퍼 공통 */
.main .swiper-com{position: relative;max-width: 1234px;margin: 0 auto;}
.main .swiper-com .swiper{padding: 0 16px 80px;width: 100%;max-width: 1234px;margin: 0 auto;}
.main .swiper-com .swiper-button-prev-common{position:absolute;z-index: 5;top:50%;transform:translateY(-50%);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 .swiper-com .swiper-button-next-common{position:absolute;z-index: 5;top:50%;transform:translateY(-50%);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:100px 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 .text3{margin-top:10px;color:#FFFF1E;}
.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%;}
/* .text-down{display:flex; align-items:center; gap:5px; color:#DBFF3B; margin-top:12px;} */
.main .sec-connect .btns{flex-wrap:wrap;row-gap:8px;}
.main .sec-connect .btns .btn{height:48px;}

/* ----------------------------------media 1200px-------------------*/
@media (max-width: 1200px) {
.course-list {column-gap: 8px;row-gap: 20px;}

.main .swiper-com .swiper-button-prev-common{left: 0;}
.main .swiper-com .swiper-button-next-common{right: 0;}


}


/* ----------------------------------media 1024px-------------------*/
@media (max-width: 1024px) {
 /*main-visual  */
.main-visual {padding: 20px 0 0;}
.main-visual-controls {right: 25px;bottom: 10px;padding: 2.5px 10px;border-radius: 37px;}
.main-visual .swiper-button-prev-mainvisual-lg,.main-visual .swiper-button-next-mainvisual-lg{display:none !important;}

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


/* .quick-list */
/* .main .quick-list{flex-wrap:wrap;row-gap:10px;padding: 20px 0;}
.main .quick-list li{width: calc(100% / 5);flex:none;}
.main .quick-list li a{font-size:13px;line-height:18px;text-align:center;} */

/* main common */
.main .top-title-box{padding-top: 40px;margin-bottom:20px;}
.main .top-title {margin-bottom: 4px;font-size: 17px;line-height: 25px;}
.main .top-title i{width:25px;height:25px;}
.main .top-text{font-size: 14px;line-height: 21px;}
.main .shape-main-01{display:none;}
.main .shape-main-02{display:none;}
.main .shape-main-03{display:none;}

/* sec-edu */
.sec-edu .edu-list{flex-wrap:wrap;gap:15px;align-items: flex-start;}
.sec-edu .edu-list > li {width: 100%;height:auto;}
.sec-edu .edu-list > li.active{width:100%;}
.sec-edu .edu-list li .btn-toggle-box{gap: 8px;padding: 22px 16px;}
.sec-edu .edu-list li .btn-toggle-box h3 {font-size: 18px;line-height: 26px;}
.sec-edu .edu-list li .toggle-box{display:none;padding:22px 16px;}
.sec-edu .edu-list li.active .toggle-box{display:block;}
.sec-edu .edu-list li .toggle-box h3{margin-bottom: 8px;font-size: 20px;line-height: 28px;}
.sec-edu .edu-list li .toggle-box .text-box{width: 100%;position:static;font-size: 14px;line-height: 21px;}
.sec-edu .edu-list li .toggle-box .link-box{gap:10px;margin-top: 8px;}
.sec-edu .edu-list li .toggle-box .link-list{flex:1;}
.sec-edu .edu-list li .toggle-box .link-list li a{gap:5px;align-items: flex-start;}
.sec-edu .edu-list li .toggle-box .link-list li a span{width:calc(100% - 20px);}

/* sec1 */
/* .main .sec1 {padding-top:20px;}
.main .sec1 .container{flex-direction:column;}
.main .sec1 .item-box{gap: 8px;width:100%;}

.main .sec1 .item-box .col a{height:auto;font-size: 16px;line-height: 22px;}
.main .sec1 .item-box .item-01{padding: 211px 15px 38px 15px;font-size: 16px;line-height: 22px;}
.main .sec1 .item-box .item-01::before{top: 40px;width: 120px;height: 133px;max-width: 83%;}
.main .sec1 .item-box .col{gap:8px;width:calc((100% - 8px) / 2);}
.main .sec1 .item-box .item-02{padding:25px 15px 66px}
.main .sec1 .item-box .item-02::after {width: 95px;height:75px;}
.main .sec1 .item-box .item-02 strong br{display:none;}
.main .sec1 .item-box .item-03{padding:25px 15px 66px}
.main .sec1 .item-box .item-03::after{width: 95px;height: 75px;}
.main .sec1 .item-box .item-03 strong br{display:none;}
.main .sec1 .top3-box{width:100%;}
.main .sec1 .top3-list li a {padding:10px;gap: 8px;border-radius: 13px;}
.main .sec1 .top3-list li .cate-line{margin-bottom:3px;}
.main .sec1 .top3-list li .title{margin-bottom: 5px;font-size: 14px;line-height: 21px;}
.main .sec1 .top3-list li .info{font-size: 12px;line-height: 18px;}
 */
/* sec3 */
/* .main .sec3{padding-bottom: 60px;}
.main .school-swiper {width: 100%;overflow: hidden;}
.main .school-swiper .swiper{width: 923px;margin: 0 !important;overflow: visible !important;}
.main .school-swiper .school-top{gap:10px;height:153px;font-size: 16px;line-height: 23px;}
.main .school-swiper .school-top i{width: 88px;height: 65px;}
.main .school-swiper .school-list {gap: 8px;padding: 24px 10px;}
.main .school-swiper .school-list li > a .img {width: 100px;height: 75px;} */

/* min-banner */
/* .main .mid-banner{padding: 20px 15px 200px;}
.main .mid-banner .text{font-size: 17px;line-height: 27px;}
.main .mid-banner .img-ani-box img{height: 148px;}
.main .mid-banner .img-ani-box::before{top: -29px;left: 93px;width: 95px;height: 36px;}
.main .mid-banner .img-ani-box::after{top: -29px;left: -13px;bottom: auto;width: 95px;height: 36px;}
@keyframes bubbleAni {
    0% {
        transform: translateY(5px) 
    }

    100% {
        transform: translateY(0)
    }
} */

.main .swiper-com .swiper{padding: 0 16px 40px;}
.main .swiper-com .swiper-button-prev-common{width: 30px;height: 31px;}
.main .swiper-com .swiper-button-next-common{width: 30px;height: 31px;}


/* sec-connect */
.main .sec-connect{padding: 60px 0 180px;}
.main .sec-connect h2 {margin-bottom: 8px;font-size: 16px;line-height: 26px;}
.main .sec-connect .text1 {font-size: 20px;line-height: 31px;}
.main .sec-connect .text2 {margin: 16px 0;font-size: 14px;line-height: 21px;}
.main .mid-banner .text button{gap: 0px;padding:6px 3px 6px 9px;font-size: 13px;line-height: 20px;}
.main .sec-connect .bg-text{display:none;}
.main .sec-connect::after{bottom: 0;top: auto;width: 500px;height: 200px;}
.main .sec-connect .btns{flex-direction:column;}
.main .sec-connect .btns .btn{width:100%;}
}

/* ----------------------------------media 768px-------------------*/
@media (max-width: 768px) {
/* main common */
.main .top-title2{display:inline-block;}
.main .top-title2 i{margin:0 0 2px 4px;}


/* 과정 리스트 common */
.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;height: 154px;}
/* .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;}

/* .main .mid-banner {padding: 20px 15px 142px;}
.main .mid-banner .img-ani-box img {height: 104px;}
.main .mid-banner .img-ani-box::after {top: -18px;left: -42px;width: 83px;height: 30px;}
.main .mid-banner .img-ani-box::before {top: -29px;left: 70px;width: 83px;height: 30px;} */

/* edu section */
.sec-edu .edu-list li .toggle-box .link-box{flex-wrap:wrap;}
.sec-edu .edu-list li .toggle-box .link-list{flex:none;}


}

/* ----------------------------------media 420px-------------------*/
@media (max-width: 420px) { 

/* 과정 리스트 common */
.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) { 

/* 과정 리스트 common */
.course-list li .text-box .period .icon-calendar-gr {display: none;}

}