@charset "utf-8";

/* 공통 : 타이틀 */
.heading{display:flex; align-items:center; position:relative; gap:1rem; font-size:2.3rem; color:#111; line-height:1.2; font-weight:800; font-family:"Pretendard";}

/* no-image */
.private{}
.private > span{display:flex; flex-direction:column; position:relative; align-items:center; justify-content:center; width:100%; height:100%; gap:0.6rem;}
.private > span:before{display:block; position:relative; width:51px; height:46px; background:url(/images/template/T1002/common/no-image.png) no-repeat left top; content:'';}
.private > span em{color:#B3B3B3; font-size:0.8rem; line-height:1.5; font-weight:500;}

/*** MVisual : 비쥬얼 슬라이드 ***/
.MVisual{position:relative; width:100%;}
.MVisual .slider{overflow:hidden; position:relative; width:100%; border-radius:0.8rem;}
.MVisual .vis_link{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:27rem;}
.MVisual .vis_link > img{width:100%; height:100%; transition:all 0.3s ease;}
.MVisual .control{display:flex; align-items:center; position:absolute; z-index:2; bottom:2.5rem; left:4rem;}
.MVisual .control .prg_wrap{overflow:hidden; position:relative; width:11rem; height:3px; background:rgba(255, 255, 255, 0.3);}
.MVisual .control .prg_wrap .prg_bar{position:absolute; top:0; left:0; width:0%; height:100%; background:rgba(255, 255, 255, 1);}
.MVisual .control .page_wrap{display:flex; position:relative; margin-left:2rem;}
.MVisual .control .page_wrap > span{font-size:1.2rem; color:#fff; line-height:1.5; letter-spacing:-0.02em; font-weight:500;}
.MVisual .control .page_wrap .current{font-weight:700;}
.MVisual .control .page_wrap .total{position:relative; margin-left:0.8rem; padding-left:0.8rem;}
.MVisual .control .page_wrap .total:before{display:block; position:absolute; top:calc(50% - 0.45rem); left:0; width:1px; height:0.9rem; background:#fff; content:'';}
.MVisual .control .btn_wrap{display:flex; align-items:center; position:relative; margin-left:0.5rem; gap:0.2rem;}
.MVisual .control .btn_wrap a{display:flex; align-items:center; justify-content:center; position:relative; width:1.5rem; height:1.5rem; font-size:1.3rem; color:#fff;}
.MVisual .control .btn_wrap a > img{width:100%; height:100%;}
.MVisual .control .btn_wrap .play{display:none;}

.MVisual .vis_link:hover > img,
.MVisual .vis_link:focus > img{transform:scale(1.02);}
.MVisual .control .btn_wrap a:hover,
.MVisual .control .btn_wrap a:focus{}

/*** M_link1 : 바로가기 ***/
.M_link1{position:relative; width:100%;}
.M_link1 ul{display:flex; position:relative; width:100%; gap:1.3rem;}
.M_link1 ul li{flex:1;}
.M_link1 ul li > a{display:flex; flex-direction:column; align-items:center; position:relative; height:100%; gap:0.65rem; padding:1rem 0.5rem 1.4rem; background:#fff; border-radius:0rem; transition:background 0.3s ease, border-radius 0.3s ease;}
.M_link1 ul li > a img{width:4.35rem; height:auto;}
.M_link1 ul li > a span{position:relative; font-size:1.1rem; color:#222; font-weight:600; text-align:center; transition:color 0.3s ease;}
.M_link1 ul li > a[target="_blank"] span:after{display:inline-block; position:relative; margin-left:0.2rem; color:#89929c; font-weight:400; font-family:"remixicon"; content:"\ecaf"; transition:color 0.3s ease;}
.M_link1 ul li > a span br {display:none;}

.M_link1 ul li > a:hover,
.M_link1 ul li > a:focus{background:#0772ed; border-radius:0.6rem;}
.M_link1 ul li > a:hover img,
.M_link1 ul li > a:focus img{filter:brightness(100);}
.M_link1 ul li > a:hover span,
.M_link1 ul li > a:focus span{color:#fff;}
.M_link1 ul li > a[target="_blank"]:hover span:after,
.M_link1 ul li > a[target="_blank"]:focus span:after{color:#fff;}

/*** M_link2 : 수강신청 바로가기 ***/
.M_link2{position:relative; width:23rem; height:100%;}
.M_link2 > a{display:flex; justify-content:center; flex-direction:column; overflow:hidden; position:relative; width:100%; height:100%; padding:0.9rem 1.65rem 1rem; gap:0.75rem; background:#004da0; border-radius:0.8rem; transition:background 0.3s ease;}
.M_link2 > a:before{display:block; position:absolute; bottom:2.5rem; right:1.6rem; width:4.25rem; height:4.05rem; background:url(/images/template/T1002/main/ico_link07.png) no-repeat left top; content:''; transition:transform 0.3s ease 0.1s;}
.M_link2 > a h3,
.M_link2 > a p{display:flex; position:relative; color:#fff; letter-spacing:-0.02em;}
.M_link2 > a h3{align-items:center; gap:0.6rem; font-size:1.65rem; line-height:1.2; font-weight:700;}
.M_link2 > a h3:after{display:inline-flex; flex-shrink:0; align-items:center; justify-content:center; position:relative; width:1.75rem; height:1.75rem; border:1px solid #fff; border-radius:100%; font-size:1rem; font-weight:400; font-family:'remixicon'; content: "\f5de";}
.M_link2 > a p{font-size:0.9rem; line-height:1.6;}
.M_link2 > a:hover,
.M_link2 > a:focus{background:#013268;}

/*** eduProgram - info 공통 ***/
.eduProgram .txtWrap .titTab ul li > a,
.eduProgram .txtWrap > select,
.info .txtWrap .titTab ul li a{height:2.8rem;}
.eduProgram .txtWrap .titTab ul li > a,
.info .txtWrap .titTab ul li a{padding:0 1.2rem; font-size:1rem;}

/*** eduProgram : 과정별 교육 프로그램 ***/
.eduProgram{display:flex; flex-direction:column; position:relative; width:100%; margin-top:2rem;}
.eduProgram .txtWrap{display:flex; position:relative; width:100%; gap:1.8rem;}
.eduProgram .txtWrap .titTab ul{display:flex; position:relative; gap:0.6rem;}
.eduProgram .txtWrap .titTab ul li{}
.eduProgram .txtWrap .titTab ul li > a{display:flex; align-items:center; position:relative; width:auto; background:linear-gradient(to bottom, #E5EAFF, #DCE1FB); border-radius:2.5rem; color:#2e2e2e; line-height:1; font-weight:600; transition:bacvkground 0.3s ease, color 0.3s ease;}
.eduProgram .txtWrap > select{padding:0 1rem; min-width:9.25rem; border:1px solid #c2c4ce; background:#fff url(/images/template/T1002/main/select_arrow.png) no-repeat right 1rem center; border-radius:0.5rem; font-size:0.9rem; color:#666; font-weight:700; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.eduProgram .tabWrap .list_box{display:none;}
.eduProgram .tabWrap .list_box.on{display:block;}
.eduProgram .slider{}
.eduProgram .slider .slick-list{overflow:visible; padding:2rem 0 5rem;}
.eduProgram .slider .slick-track{margin:0;}
.eduProgram .slider .slick-slide{}
.eduProgram .slider .card:first-child{margin-left:0;}
.eduProgram .slider .card > a{display:flex; overflow:hidden; flex-direction:column; position:relative; width:100%; border-radius:0.8rem; box-shadow:10px 10px 50px 0 rgba(26, 24, 50, 0.08);}
.eduProgram .slider .card > a:hover,
.eduProgram .slider .card > a:focus{outline:1px solid #000;}
.eduProgram .slider .card > a,
.eduProgram .slider .no-data{height:25rem;}
.eduProgram .slider .card .card-head,
.eduProgram .slider .card .card-body{position:relative; width:100%;}
.eduProgram .slider .card .card-head .img{display:flex; align-items:center; justify-content:center; position:relative; width:100%; height:10rem; background-color:#f1f1f1;}
.eduProgram .slider .card .card-head .img > img{width:auto; height:100%;}
.eduProgram .slider .card .card-head .card-badge{display:flex; position:absolute; top:1.6rem; left:1.6rem; gap:0.5rem;}
.eduProgram .slider .card .card-head .card-badge .badge{display:flex; align-items:center; width:auto; height:1.5rem; padding:0 0.6rem; border-radius:0.2rem; }
.eduProgram .slider .card .card-head .card-badge .type{background:#fff; color:#2E2E2E; letter-spacing:-0.02em; font-weight:500;}
.eduProgram .slider .card .card-head .card-badge .period{background:#E02117; color:#fff;}
.eduProgram .slider .card .card-body{flex:1 1 auto; padding:1.2rem 1.6rem; background:#fff; line-height:1.2;}
.eduProgram .slider .card .card-body .card-count{display:flex; align-items:center; position:absolute; top:-1.25rem; right:0; width:auto; height:2.5rem; padding:0 1.2rem; background:#fff; border-top-left-radius:2rem;}
.eduProgram .slider .card .card-body .card-count:before{display:inline-block; position:relative; margin-right:0.4rem; width:1.2rem; height:1.2rem; background:url(/images/template/T1002/main/ico_count.png) no-repeat left top; content:'';}
.eduProgram .slider .card .card-body .card-count .count{position:relative; color:#5E5E5E; line-height:1; letter-spacing:-0.02em;}
.eduProgram .slider .card .card-body .card-count .current{color:#2E2E2E; font-weight:700;}
.eduProgram .slider .card .card-body .card-count .total:before{display:inline-flex; position:relative; margin:0 0.2rem; content:'/';}
.eduProgram .slider .card .card-body .card-count .red{color:#DD3333;}
.eduProgram .slider .card .card-body .card-status{display:flex; position:relative; align-items:center; width:100%;}
.eduProgram .slider .card .card-body .card-status .status{position:relative; font-size:0.9rem; letter-spacing:-0.02em; font-weight:700;}
.eduProgram .slider .card .card-body .card-status .status + .status{margin-left:0.4rem; padding-left:0.5rem;}
.eduProgram .slider .card .card-body .card-status .status + .status:before{display:block; position:absolute; top:calc(50% - 1.5px); left:0; width:3px; height:3px; background:#D9D9D9; border-radius:100%; content:'';}
.eduProgram .slider .card .card-body .card-status .start{color:#E87400;}
.eduProgram .slider .card .card-body .card-status .ing{color:#004DA0;}
.eduProgram .slider .card .card-body .card-status .end{color:#E02117;}
.eduProgram .slider .card .card-body .card-status .target-1{color:#208807;}
.eduProgram .slider .card .card-body .card-status .target-2{color:#0D9C9C;}
.eduProgram .slider .card .card-body .card-tit{overflow:hidden; text-overflow:ellipsis; position:relative; margin-top:0.8rem; font-size:1.1rem; font-weight:600; white-space:nowrap; transition:color 0.3s ease;}
.eduProgram .slider .card .card-body .card-info{display:flex; flex-direction:column; gap:0.6rem; margin-top:1.2rem;}
.eduProgram .slider .card .card-body .card-info li{display:flex; align-items:center; width:100%; gap:0.5rem;}
.eduProgram .slider .card .card-body .card-info li .label{display:flex; flex-shrink:0; position:relative; align-items:center; justify-content:center; width:4rem; height:1.5rem; background:#F5F5F5; border-radius:4px; color:#2E2E2E; font-weight:600;}
.eduProgram .slider .card .card-body .card-info li span:not(.label){display:-webkit-box; position:relative; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#747678; line-height:1; letter-spacing:-0.02em;}
.eduProgram .slider .no-data{display:flex; align-items:center; justify-content:center; position:relative; width:80rem; font-size:1rem; background:rgba(49, 70, 191, 0.05); border-radius:0.8rem; color:#013268; font-weight:600;}
.eduProgram .slider .slick-list:has(.no-data) {margin:0 !important; width:100% !important;}
.eduProgram .slider .slick-track:has(.no-data) {margin:0 !important; width:100% !important;}
.eduProgram .control{position:absolute; top:0; right:0;}
.eduProgram .control .btn_wrap{display:flex; position:relative; gap:0.4rem;}
.eduProgram .control .btn_wrap > a{display:flex !important; align-items:center; justify-content:center; width:2.8rem; height:2.8rem; background:#fff; border-radius:100%; transition:background 0.3s ease;}
.eduProgram .control .btn_wrap > a i{font-size:1.2rem; color:#2E2E2E; transition:color 0.3s ease;}
.eduProgram .control .btn_wrap > a[aria-disabled="true"]{cursor:default;}
.eduProgram .control .btn_wrap .more i{transform:rotate(0deg); transition:transform 0.3s ease;}

.eduProgram .txtWrap .titTab ul li > a:hover,
.eduProgram .txtWrap .titTab ul li > a:focus{font-weight:800;}
.eduProgram .txtWrap .titTab ul li > a.current{background:linear-gradient(to bottom, #3146BF, #264BA8); color:#fff;}
.eduProgram .slider .card > a:hover .card-body .card-tit{color:#000; font-weight:700;}
.eduProgram .control .btn_wrap > a:hover{background:#2E2E2E;}
.eduProgram .control .btn_wrap > a:hover i{color:#fff;}
.eduProgram .control .btn_wrap .more:hover i,
.eduProgram .control .btn_wrap .more:focus i{transform:rotate(360deg);}

/*** info : 새소식 정보 ***/
.info{display:flex; position:relative; width:100%; height:100%; justify-content:flex-start; gap:9.4rem;}
.info .txtWrap{width:11rem; flex-shrink:0;}
.info .txtWrap .heading{color:#fff;}
.info .txtWrap .titTab{margin-top:2rem;}
.info .txtWrap .titTab ul{display:flex; flex-direction:column; align-items:flex-start; position:relative; gap:0.8rem;}
.info .txtWrap .titTab ul li{}
.info .txtWrap .titTab ul li a{display:flex; align-items:center; justify-content:center; position:relative; width:auto; background:#fff; border-radius:2.5rem; color:#2E2E2E; line-height:1; font-weight:600; transition:background 0.3s ease, color 0.3s ease;}
.info .txtWrap .titTab ul li a:hover,
.info .txtWrap .titTab ul li a:focus{font-weight:800;}
.info .txtWrap .titTab ul li a.current{background:#0F7FFF; color:#fff;}
.info .tabWrap{flex:1; min-width:0;}
.info .tabWrap .list_box{display:none; height:100%;}
.info .tabWrap .list_box.on{display:block;}
.info .tabWrap .list_box ul{display:flex; flex-wrap:wrap; align-content:flex-start; gap:1.2rem; width:100%; height:100%;}
.info .tabWrap .list_box ul li{width:calc(50% - 0.6rem);}
.info .tabWrap .list_box ul li a{display:flex; overflow:hidden; position:relative; z-index:1; width:100%; height:11rem; gap:1.7rem; padding:1.6rem 2rem; border-radius:0.8rem; }
.info .tabWrap .list_box ul li a:before{display:block; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; border:4px solid #fff; border-radius:inherit; background:#fff; content:''; transition:border 0.3s ease-in;}
.info .tabWrap .list_box ul li a:after{display:block; position:absolute; bottom:3px; right:1.5rem; width:6.15rem; height:1.3rem; background:url(/images/template/T1002/main/info_more.png) no-repeat left top; content:""; clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); transition:clip-path 0.3s ease;}
.info .tabWrap .list_box ul li:nth-child(n + 5){display:none;}
.info .tabWrap .list_box ul li.no-data{display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(255, 255, 255, 0.1); border-radius:0.8rem; font-size:1rem; color:#fff; font-weight:600;}
.info .tabWrap .list_box .main-date{display:flex; flex-direction:column; position:relative; gap:0.4rem; padding-top:0.1rem;}
.info .tabWrap .list_box .main-date > span{line-height:1; text-align:center;}
.info .tabWrap .list_box .main-date .date_ym{letter-spacing:-0.03em; color:#555;}
.info .tabWrap .list_box .main-date .date_day{font-size:1.5rem; color:#003268; font-weight:800;}
.info .tabWrap .list_box .main-date .date{display:none;}
.info .tabWrap .list_box .main-con{display:flex; flex-direction:column; position:relative; min-width:0;}
.info .tabWrap .list_box .main-con .type{color:#004DA0; line-height:1.2; font-weight:600;}
.info .tabWrap .list_box .main-con .title{overflow:hidden; text-overflow:ellipsis; position:relative; width:100%; margin-top:1rem; font-size:1.1rem; color:#2E2E2E; font-weight:600; white-space:nowrap;}
.info .tabWrap .list_box .main-con > p{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; position:relative; margin-top:0.75rem; font-size:0.9rem; color:#747678; line-height:1.5;}
.info .tabWrap .list_box .more{display:flex; align-items:center; position:absolute; z-index:2; bottom:5rem; left:0; height:2.5rem; padding:0 0.8rem 0 1.2rem; gap:0.8rem; border:1px solid rgba(255, 255, 255, 0); border-radius:2.5rem; font-size:0.9rem; color:#fff; letter-spacing:-0.02em; line-height:1.6; font-weight:500; transition:border 0.3s ease;}
.info .tabWrap .list_box .more i{display:flex; align-items:center; justify-content:center; position:relative; width:1.6rem; height:1.6rem; border:1px solid rgba(255, 255, 255, 0.4); border-radius:100%; line-height:normal; transform:rotate(0deg); transition:transform 0.3s ease;}

.info .tabWrap .list_box ul li a:hover:before,
.info .tabWrap .list_box ul li a:focus:before{border:4px solid #6AAAF4;}
.info .tabWrap .list_box ul li a:hover:after,
.info .tabWrap .list_box ul li a:focus:after{ clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);}
.info .tabWrap .list_box .more:hover,
.info .tabWrap .list_box .more:focus{border:1px solid rgba(255, 255, 255, 0.9);}
.info .tabWrap .list_box .more:hover i,
.info .tabWrap .list_box .more:focus i{transform:rotate(360deg);}

/* 공통 : 이미지 확대 */
.newsWrap > ul li a .img > img,
.snsWrap > ul li a img{position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1); transform-origin:center center; transition:all 0.3s;}
.newsWrap > ul li a:hover .img > img,
.snsWrap > ul li a:hover img{transform:scale(1.03);}

/* 구글 번역 */
html:not([lang="ko"]) .M_link1 ul li > a span{line-height:1.2;}
html:not([lang="ko"]) .eduProgram .slider .card .card-head .card-badge .badge font{line-height:1;}
html:not([lang="ko"]) .eduProgram .slider .card .card-body .card-info li .label{width:5.5rem; line-height:1; text-align:center;}

@media screen and (min-width:641px) {
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .txtWrap .titTab .tab_select{display:none;}
}

@media screen and (min-width:1241px) {
    @keyframes floatIcon {
        0% , 100% {transform: translateY(0);}
        50% {transform: translateY(-8px);}
    }
    
    /*** M_link2 : 수강신청 바로가기 ***/
    .M_link2 > a:hover:before,
    .M_link2 > a:focus:before{animation: floatIcon 1.6s ease-in-out infinite;}
}


@media all and (min-width:1641px){
    /* 공통 : 타이틀 */
    .heading{padding-right:calc((100% - 1600px) / 2);padding-left:calc((100% - 1600px) / 2);}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .txtWrap{padding-left:calc((100% - 1600px) / 2);}
    .eduProgram .slider{padding-left:calc((100% - 1600px) / 2);}
    .eduProgram .slider-mask:before{position:absolute; top:-100px; bottom:-100px; left:-100vw; width:100vw; background:#F3F5FF; z-index:3; pointer-events:none; content:'';}
    .eduProgram .slider .slick-list{height:100%;}
    .eduProgram .slider .slick-slide{visibility:hidden; opacity:0; transition-timing-function:cubic-bezier(.22, .57, .12, .96); transition-duration:400ms; transition-property:visibility, opacity;}
    .eduProgram .slider .slick-slide.slick-current,
    .eduProgram .slider .slick-active + .slick-slide{visibility:visible;opacity:1;}
    .eduProgram .slider .card{width:19.1rem; margin-left:1.2rem;}
    .eduProgram .control{right:calc((100% - 1600px) / 2);}
}

@media screen and (max-width:1640px) {
    /* 공통 : 타이틀 */
    .heading{font-size:2rem;}
    
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .vis_link{height:32.9vw;}
    .MVisual .control{left:4.9vw; bottom:3vw;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:1vw;}
    
    /*** M_link2 : 수강신청 바로가기 ***/
    .M_link2{width:19rem;}
    .M_link2 > a{padding-left:1.3rem; padding-right:1.3rem;}
    .M_link2 > a:before{bottom:2.7rem; right:1.4rem; width:3.8rem; height:3.65rem;background-size:cover;}
    .M_link2 > a h3{font-size:1.4rem;}
    .M_link2 > a h3:after{width:1.5rem; height:1.5rem; gap:0.5rem; font-size:0.85rem; line-height:normal;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .slider .card{padding-left:1rem;}
    .eduProgram .slider .slick-list{margin-left:-1rem;}
    .eduProgram .slider .card .card-head .card-badge{top:1.4vw; left:1.4vw;}
    .eduProgram .slider .card .card-body{padding:1.2rem 1.4vw;}
    .eduProgram .slider .no-data{width:100% !important;}
    
    /*** info : 새소식 정보 ***/
    .info{gap:7vw;}
    .info .tabWrap .list_box ul li a{gap:2vw; padding:1.6rem 2.2vw;}
    .info .tabWrap .list_box .more{padding:0 0.6rem 0 0.8rem;}
}

@media screen and (max-width:1440px) {
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .control .prg_wrap{width:10rem;}
    .MVisual .control .page_wrap{margin-left:1.5rem;}
    .MVisual .control .page_wrap > span{font-size:1.1rem;}
    .MVisual .control .btn_wrap a{font-size:1.2rem;}
    .MVisual .control .btn_wrap .prev,
    .MVisual .control .btn_wrap .next{width:1.4rem; height:1.4rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:0.5vw;}
    .M_link1 ul li > a{padding:1rem 0.2rem 1.2rem;}
    .M_link1 ul li > a img{width:3.9rem;}
    .M_link1 ul li > a span{font-size:1rem; line-height:1.3;}
    
    /*** M_link2 : 수강신청 바로가기 ***/
    .M_link2{width:26vw;}
    .M_link2 > a{padding:1rem 1.25rem;}
    .M_link2 > a:before{bottom:1rem; right:1rem; width:2.6rem; height:2.45rem;}
    .M_link2 > a h3{font-size:1.3rem;}
    
    /*** info : 새소식 정보 ***/
    .info{gap:5vw;}
    .info .tabWrap .list_box ul li a{padding:1.6rem 2vw;}
}

@media screen and (max-width:1400px) {
    /*** eduProgram - info 공통 ***/
    .eduProgram .txtWrap .titTab ul li > a,
    .eduProgram .txtWrap > select,
    .info .txtWrap .titTab ul li a{height:2.5rem;}
    .eduProgram .txtWrap .titTab ul li > a,
    .info .txtWrap .titTab ul li a{padding:0 1.1rem; font-size:0.95rem;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram{margin-top:1.5rem;}
    .eduProgram .txtWrap{flex-direction:column; align-items:flex-start; gap:1rem;}
    .eduProgram .slider .card .card-head .card-badge{top:1.8vw; left:1.8vw;}
    .eduProgram .slider .card .card-body{padding:1.2rem 1.8vw;}
    .eduProgram .slider .slick-list{ padding:1.5rem 0 4.5rem;}
    .eduProgram .slider .card > a,
    .eduProgram .slider .no-data{height:24rem;}
    .eduProgram .slider .card .card-body .card-tit{margin-top:0.6rem;}
    .eduProgram .slider .card .card-body .card-info{margin-top:1rem; gap:0.5rem;}
    .eduProgram .control{top:3.5rem;}
    .eduProgram .control .btn_wrap > a{width:2.5rem; height:2.5rem;}
}

@media screen and (max-width:1240px) {
    /* 공통 : 타이틀 */
    .heading{font-size:1.75rem;}
    
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .control .prg_wrap{width:9rem;}
    .MVisual .control .page_wrap > span{font-size:1rem;}
    .MVisual .control .page_wrap .total{margin-left:0.7rem; padding-left:0.7rem;}
    .MVisual .control .page_wrap .total:before{top:calc(50% - 0.4rem); height:0.8rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:1rem;}
    .M_link1 ul li > a img{width:3.5rem;}
    
    /*** M_link2 : 수강신청 바로가기 ***/
    .M_link2{width:100%;}
    .M_link2 > a{flex-direction:row; align-items:center; justify-content:flex-start; height:4rem; gap:1rem; padding:0 2rem;}
    .M_link2 > a:before{bottom:0.9rem; right:2rem;}
    .M_link2 > a h3{gap:0.4rem;}
    .M_link2 > a p{line-height:normal;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .slider .card .card-body .card-tit{font-size:1rem;}
    .eduProgram .slider .card .card-body .card-count{height:2rem; border-top-left-radius:1.7rem;}
    .eduProgram .slider .card .card-body .card-count:before{width:1.1rem; height:1.1rem; background-size:cover;}
    
    /*** info : 새소식 정보 ***/
    .info{flex-direction:column; gap:2rem;}
    .info .txtWrap{display:flex; justify-content:space-between; position:relative; width:100%; padding-right:6.3rem;}
    .info .txtWrap .titTab{display:inline-flex;margin:0;}
    .info .txtWrap .titTab ul{flex-direction:row; gap:0.6rem;}
    .info .tabWrap .list_box ul{gap:1rem;}
    .info .tabWrap .list_box ul li a{flex-direction:column; height:10rem; padding:1.4rem 2vw;}
    .info .tabWrap .list_box ul li a:after{background-size:cover; transform:scale(0.9); transform-origin:bottom right;}
    .info .tabWrap .list_box .main-date{position:absolute; z-index:1; top:1.4rem; right:2vw; padding-top:0;}
    .info .tabWrap .list_box .main-date > span{line-height:1.2; text-align:left;}
    .info .tabWrap .list_box .main-date .date_ym,
    .info .tabWrap .list_box .main-date .date_day{display:none;}
    .info .tabWrap .list_box .main-date .date{display:block;}
    .info .tabWrap .list_box .main-con .title{margin-top:0.85rem; font-size:1rem;}
    .info .tabWrap .list_box .main-con > p{margin-top:0.7rem; font-size:0.85rem;}
    .info .tabWrap .list_box .more{bottom:auto; left:auto; top:0; right:0; gap:0.5rem; line-height:normal;}
    .info .tabWrap .list_box .more i{width:1.5rem; height:1.5rem;}
}

@media screen and (max-width:1024px) {
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .control{bottom:2.5vw;}
    .MVisual .control .prg_wrap{width:8rem;}
    .MVisual .control .page_wrap > span{font-size:0.95rem;}
    .MVisual .control .btn_wrap{gap:0.1rem;}
    .MVisual .control .btn_wrap a{width:1.4rem; height:1.4rem; font-size:1.1rem;}
    .MVisual .control .btn_wrap .prev,
    .MVisual .control .btn_wrap .next{width:1.3rem; height:1.3rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:0.7rem;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .slider .card > a,
    .eduProgram .slider .no-data{height:23rem;}
    .eduProgram .slider .slick-list{padding:1.5rem 0 4rem; }
    .eduProgram .slider .card .card-head .card-badge{top:1.5vw; left:1.5vw;}
    .eduProgram .slider .card .card-head .card-badge .badge{height:1.4rem; padding:0 0.45rem; line-height:1;}
    .eduProgram .slider .card .card-head .img{height:9.5rem;}
    .eduProgram .slider .card .card-body{padding:1rem 1.5vw;}
    .eduProgram .slider .card .card-body .card-status .status{font-size:0.85rem;}
}

@media screen and (max-width:920px) {
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .slider .card{width:17rem;}
    .eduProgram .slider .card .card-head .card-badge{top:1rem; left:1rem;}
    .eduProgram .slider .card .card-body{padding:1rem;}
}

@media screen and (max-width:860px) {
    /* 공통 : 타이틀 */
    .heading{font-size:1.5rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:0;}
    .M_link1 ul li > a{gap:0.6rem; padding:0.9rem 0.2rem;}
    .M_link1 ul li > a img{width:3rem;}
    .M_link1 ul li > a span{font-size:0.9rem;}
    
    /*** M_link2 : 수강신청 바로가기 ***/
    .M_link2 > a{height:3.5rem; padding:0 1.5rem;}
    .M_link2 > a:before{width:2.2rem; height:2.05rem;}
    .M_link2 > a h3{font-size:1.2rem;}
    .M_link2 > a h3:after{width:1.4rem; height:1.4rem;}
    
    /*** eduProgram - info 공통 ***/
    .eduProgram .txtWrap .titTab ul li > a,
    .eduProgram .txtWrap > select,
    .info .txtWrap .titTab ul li a{height:2.4rem;}
    .info .tabWrap .list_box .more{height:2.4rem; line-height:normal;}
    .eduProgram .txtWrap .titTab ul li > a,
    .info .txtWrap .titTab ul li a{padding:0 2.3vw; font-size:0.9rem;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .txtWrap .titTab ul{gap:0.45rem;}
    .eduProgram .control{top:auto; bottom:28.5rem;}
    .eduProgram .control .btn_wrap > a{width:2.4rem; height:2.4rem;}
    .eduProgram .control .btn_wrap > a i{font-size:1.1rem;}
    
    /*** info : 새소식 정보 ***/
    .info{gap:1.5rem;}
    .info .tabWrap .list_box ul{flex-direction:column;}
    .info .tabWrap .list_box ul li{width:100%;}
    .info .tabWrap .list_box ul li:nth-child(n + 4){display:none;}
    .info .tabWrap .list_box ul li a{height:9.5rem; padding:1.5rem 1.5rem 1rem;}
    .info .tabWrap .list_box ul li.no-data{height:20rem;}
    .info .tabWrap .list_box .main-date{top:1.5rem; right:1.5rem;}
    .info .tabWrap .list_box .main-con .title{margin-top:0.7rem;}
    .info .tabWrap .list_box .main-con > p{margin-top:0.6rem;}
}

@media screen and (max-width:768px) {
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .control{left:4vw;}
    .MVisual .control .prg_wrap{width:7rem;}
    .MVisual .vis_link{height:37vw;}
    .MVisual .vis_link > img{object-fit:cover; object-position:15% center;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{gap:0;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram{margin-top:1.2rem;}
    .eduProgram .slider .slick-list{margin-left:-0.8rem;}
    .eduProgram .slider .card{padding-left:0.8rem;}
    .eduProgram .txtWrap{gap:0.8rem;}
    .eduProgram .txtWrap .titTab{width:100%;}
    .eduProgram .txtWrap .titTab .tab_select{display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:2.8rem; padding:0 0.8rem 0 1rem; background:#fff; border:3px solid #C8D1FF; border-radius:2.5rem; font-size:0.9rem; line-height:normal; font-weight:700;}
    .eduProgram .txtWrap .titTab .tab_select:after{display:flex; align-items:center; justify-content:center; position:relative; font-size:1.1rem; font-weight:400; font-family:'remixicon'; content:"\ea4e"; transform:rotate(0deg); transition:transform 0.3s ease;}
    .eduProgram .txtWrap .titTab.open .tab_select:after{transform:rotate(180deg);}
    .eduProgram .txtWrap .titTab ul{display:none; overflow:hidden; position:relative; top:-1px; width:100%; border:1px solid #C2C4CE; border-radius:0.5rem;}
    /*.eduProgram .txtWrap .titTab.open ul{display:block;}*/
    .eduProgram .txtWrap .titTab ul li{width:100%;}
    .eduProgram .txtWrap .titTab ul li + li{border-top:1px dashed #C2C4CE;}
    .eduProgram .txtWrap .titTab ul li > a{justify-content:flex-start; padding:0 1rem; background:#fff; border-radius:0;}
    .eduProgram .txtWrap .titTab ul li > a.current{background:#F3F5FF; color:#3146BF; font-weight:800;}
    
    /*** info : 새소식 정보 ***/
    .info .tabWrap .list_box ul li a{height:8.5rem; padding:1.2rem 1.5rem 0.8rem;}
    .info .tabWrap .list_box ul li a:after{bottom:2px; transform:scale(0.8);}
    .info .tabWrap .list_box ul li.no-data{height:18rem;}
    .info .tabWrap .list_box .main-date{top:1.2rem;}
    .info .tabWrap .list_box .main-con .title{margin-top:0.6rem;}
    .info .tabWrap .list_box .main-con > p{margin-top:0.4rem;}
}

@media screen and (max-width:700px) {
    /*** info : 새소식 정보 ***/
    .info .txtWrap .titTab ul li a{height:2.2rem;}
    .info .tabWrap .list_box .more{height:2.2rem;}
}

@media screen and (max-width:640px) {
    /* 공통 : 타이틀 */
    .heading{font-size:1.4rem;}
    
    /* no-image */
    .private > span:before{width:45px; height:40px; background-size:cover;}
    
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .control{bottom:2vw;}
    .MVisual .control .page_wrap .total:before{top:calc(50% - 0.4rem); height:0.7rem;}
    
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{flex-wrap:wrap;}
    .M_link1 ul li{flex:0 1 50%;}
    .M_link1 ul li > a{padding:0.6rem 0.2rem; gap:0.5rem;}
    
    /*** M_link2 : 수강신청 바로가기 ***/
    .M_link2 > a{padding:0 1.2rem;}
    .M_link2 > a:before{right:1.2rem;}
    .M_link2 > a h3{font-size:1.1rem; line-height:normal;}
    .M_link2 > a p{display:none;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .slider .card > a,
    .eduProgram .slider .no-data{height:18.5rem;}
    .eduProgram .slider .card .card-head .img{height:9rem;}
    .eduProgram .slider .card .card-body .card-info li:nth-child(-n + 2){display:none;}
    .eduProgram .control{bottom:24rem;}
    
    /*** info : 새소식 정보 ***/
    .info .tabWrap .list_box ul li a{height:5.2rem;}
    .info .tabWrap .list_box ul li.no-data{height:11.4rem; font-size:0.9rem;}
    .info .tabWrap .list_box .main-con .title{margin-top:0.5rem;}
    .info .tabWrap .list_box .main-con > p{display:none;}
}

@media screen and (max-width:640px) and (min-width:601px) {
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .slider .card{width:auto;}
}

@media screen and (max-width:500px) {
    /*** M_link2 : 수강신청 바로가기 ***/
    .M_link2 > a:before{bottom:0.8rem;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram{margin-top:1rem;}
    
    /*** info : 새소식 정보 ***/
    .info{gap:1.5rem;}
    .info .txtWrap{flex-direction:column; gap:1rem; padding-right:0;}
    .info .txtWrap .titTab ul li a{padding:0 0.7rem;}
    .info .tabWrap .list_box ul li a{padding:1.2rem 1rem;}
    .info .tabWrap .list_box .main-date{right:1rem;}
    .info .tabWrap .list_box .main-con > p{margin-top:0.2rem;}
    .info .tabWrap .list_box .more i{width:1.4rem; height:1.4rem;}
}

@media screen and (max-width:500px) and (min-width:361px) {
    /*** info : 새소식 정보 ***/
    .info .tabWrap .list_box .more{top:2.8rem;}
}

@media screen and (max-width:480px) {
    /* 공통 : 타이틀 */
    .heading{font-size:1.3rem;}
    
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .vis_link{height:44vw;}
    .MVisual .vis_link > img{object-position:10% center;}
    .MVisual .control{position:relative; bottom:auto; left:auto; margin-top:0.75rem; padding:0 0.5rem;}
    .MVisual .control .prg_wrap{width:auto; flex:1 1 0; background:rgba(0, 0, 0, 0.3);}
    .MVisual .control .prg_wrap .prg_bar{background:rgba(0, 0, 0, 0.5);}
    .MVisual .control .page_wrap{margin-left:1.2rem;}
    .MVisual .control .page_wrap > span{color:#2E2E2E;}
    .MVisual .control .page_wrap .total:before{background:#2E2E2E;}
    .MVisual .control .btn_wrap{margin-left:0.8rem;}
    .MVisual .control .btn_wrap a{width:1.35rem; height:1.35rem; color:#2E2E2E;}
    .MVisual .control .btn_wrap .prev,
    .MVisual .control .btn_wrap .next{width:1.2rem; height:1.2rem;}
    .MVisual .control .btn_wrap a > img{filter:brightness(0);}
    
    /*** info : 새소식 정보 ***/
    .info .tabWrap .list_box ul li a:after{transform:scale(0.7);}
}

@media screen and (max-width:360px) {
    /*** MVisual : 비쥬얼 슬라이드 ***/
    .MVisual .control{padding:0 0.2rem;}
    .MVisual .control .btn_wrap{margin-left:0.6rem;}
    .MVisual .control .btn_wrap a{width:1.3rem; height:1.3rem;}
    
    /*** M_link2 : 수강신청 바로가기 ***/
    .M_link2 > a{height:3.3rem;}
    .M_link2 > a h3{font-size:1rem;}
    .M_link2 > a h3:after{width:1.3rem; height:1.3rem; font-size:0.8rem;}
    .M_link2 > a:before{bottom:1rem; width:1.7rem; height:1.55rem;}
    
    /*** eduProgram : 과정별 교육 프로그램 ***/
    .eduProgram .txtWrap{gap:0.5rem;}
    .eduProgram .txtWrap .titTab ul li > a,
    .eduProgram .txtWrap > select{width:100%;}
    .eduProgram .slider .card .card-body{padding:1rem 0.8rem;}
    .eduProgram .slider .card .card-head .card-badge{top:0.8rem; left:0.8rem;}
    .eduProgram .slider .card .card-head .card-badge .badge{font-size:0.7rem;}
    .eduProgram .control{top:auto; bottom:1.2rem;}
    .eduProgram .control .btn_wrap > a{width:2.2rem; height:2.2rem;}
    
    /*** info : 새소식 정보 ***/
    .info .txtWrap .titTab ul{width:100%;}
    .info .txtWrap .titTab ul li{flex:1 1 0;}
    .info .tabWrap .list_box .more{top:-1px; height:1.9rem; font-size:0.8rem;}
    .info .tabWrap .list_box .more i{width:1.3rem; height:1.3rem;}
}

@media screen and (max-width:300px) {
    /*** M_link1 : 바로가기 ***/
    .M_link1 ul{flex-direction:column;}
    .M_link1 ul li{flex:auto; width:100%;}
}