.plus_view{font-weight: 500;display: flex;align-items: center;}
.plus_view span{padding-right: 10px;}
.plus_view::after{content: "";display: inline-block;width: 21px;height: 16px;background-image: url(../img/main/icon_pv.png);}

.header_fixd{position: fixed;width: 100%;z-index: 3000;background-color: #fff;}
#header.main_header{position: fixed;width: 100%;z-index: 3000;}
#header.main_header .nav .wrap_gnb .btn_sitemap_view .img_g{filter: invert(1);}
#header.main_header .wrap_gnb::after{background-color: #eeeeee00;opacity: 1;}
#header.main_header .nav .menu_depth1 .link_depth1,
#header.main_header .t_menu .inner_tmenu .home_tit .txt_home,
#header.main_header .t_menu .inner_tmenu .home_utils .link_util{color: #fff;}
#header.main_header.open_gnb .nav .menu_depth1 .link_depth1,
#header.main_header.open_gnb .t_menu .inner_tmenu .home_tit .txt_home,
#header.main_header.open_gnb .t_menu .inner_tmenu .home_utils .link_util{color: #000;}
#header.main_header.open_gnb .t_menu{background-color: #fff;}
#header.main_header .t_menu .inner_tmenu .home_utils .link_util + .link_util::before{background-color: #fff;}
#header.main_header.open_gnb .t_menu .inner_tmenu .home_utils .link_util + .link_util::before{background-color: #757575;}
#header.main_header.open_gnb .wrap_gnb::after{background-color: #eee;}
.sec{position: relative;}
.sec:not(.sec_video){padding: 90px 0;}
.sec:not(.sec_video) .inner{width: 1280px; margin: 0 auto;}
.sec h3{font-size: 36px;}

.more{z-index: 1;background: url(/img/main/2024/icon_more.png) no-repeat right;padding-right: 30px;line-height: 1;}
/*메인 비주얼 영역**********************************************************************************************************************/
.sec_video{}
.sec_video::before{position: absolute; top:0; left: 0;content: "";width: 100%; height: 100%; background-color: #00000052;z-index: 1;}
.inner{width: 100%; height: 100%;}
.main_visual{position: relative;;width:100%;height: 100vh;;overflow: hidden;}
.main_visual video{object-fit:cover;object-position:center;width:inherit;height:inherit;}
.main_visual .wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:121px;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing: border-box ;}
.main_visual p[class^="slogan"]{color: #fff;text-align: center;}
.main_visual .slogan_1{font-size: 80px;line-height: 1;}
.main_visual .slogan_1 span{font-size: 50px;display: block;line-height: 1.2;}
.main_visual .slogan_2{opacity:0;transition:1.5s;font-size: 18px;margin-top: 50px;}
.main_visual .videoplaystop{opacity:0;transform:translateY(100px);transition:1.5s;}
.main_visual .videoplaystop button{width:55px;height:55px;background:url(/img/main/play2_btn.png) no-repeat center;border:5px solid rgba(255,255,255,0.4);border-radius:100%;margin-top:30px;transition:0.3s;text-indent:-9999px;}
.main_visual .videoplaystop button:focus-visible,
.main_visual .videoplaystop button:focus{outline: 2px solid #0062D1}
.main_visual .videoplaystop button.is-active{background:url(/img/main/stop2_btn.png) no-repeat center;}
.main_visual .videoplaystop button:hover{border:5px solid rgba(255,255,255,1);}
.main_visual .slogan_1,
.main_visual .slogan_2,
.main_visual .videoplaystop{opacity:0;transition:1.5s;}
.main_visual .slogan_1{transform:translateY(50px);font-family:'ONE-Mobile-Title'}
.main_visual .slogan_2{transform:translateY(-50px);}
.main_visual .videoplaystop{transform:translateY(100px);}
.scroll .main_visual .slogan_1,
.scroll .main_visual .slogan_2,
.scroll .main_visual .videoplaystop{transform:translateY(0px);opacity:1;}
.scroll .main_visual .slogan_1{transition-delay:1s;}
.scroll .main_visual .slogan_2{transition-delay:1s;;}
.scroll .main_visual .videoplaystop{transition-delay:1.5s;}
/* //메인 비주얼 영역*/


/*메인 강좌 영역**********************************************************************************************************************/

.sec_slied .swiper-button-prev,
.sec_slied .swiper-button-next{display: block;z-index: 10;background-image: url("/img/main/icon_prev.png");margin: 0;height: 20px;width: 20px;}
.sec_slied .swiper-button-prev{}
.sec_slied .swiper-button-next{background-image: url("/img/main/icon_next.png");}
.sec_slied{background-image: url(/img/main/2024/sec_slied.png), linear-gradient(0deg, rgba(199,232,247,1) 0%,  rgba(255,255,255,1) 100%);}
.sec_slied h3{text-align: center;}


.sec_slied01{position: relative;margin-bottom: 137px;}
.sec_slied01::after{content: "";width: 100%;height: 1px;display: block;position: absolute;bottom: -68px;left: 0;border-top: 1px dotted;border-image-source: url("/img/main/2024/border.png");border-image-width: 8px;border-image-slice: 1;border-image-outset: 0;border-image-repeat: repeat;}
.sec_slied01 h3{text-align: center;}
.sec_slied01 .visual_item{position: relative;overflow: hidden;width: 1000px;margin: 60px auto 0;}
.visual_item::before{content: "";width: 100%;height: 90px;position: absolute;bottom: 20px;left: 0;display: block;background-color: #ffffff;border-radius: 56px;box-shadow: -1px 4px 5px 0px #00000033;}
.sec_slied01 .visual_item .swiper-container{position: relative;top: 0;right: 0;bottom: 0;left: 0; width: 100%;margin-left: auto;margin-right: auto;}
.visual_item .swiper-slide {position: relative;width: 58%;background-position: center;background-repeat: no-repeat;background-size: cover;box-sizing: border-box;/* background-color: #e7e7e7; */-webkit-transition: height 300ms;transition: height 300ms;}
.sec_slied01 .visual_item .swiper-slide-prev{transform: translateX(295px);}
.sec_slied01 .visual_item .swiper-slide-next{transform: translateX(-295px);}
.sec_slied01 .visual_item .swiper-slide-prev .slide-cover a,
.sec_slied01 .visual_item .swiper-slide-next .slide-cover a{height: 80%;-webkit-transition: transform 300ms;transition: transform 300ms;opacity: 0.5;}
.sec_slied01 .visual_item .swiper-slide:not(.swiper-slide-active) a{transform: scale(0.7);margin-top: 30px;}
.sec_slied01 .visual_item .swiper-slide .slide-cover{position: relative;height: 330px;margin-bottom: 42px;border-radius: 20px;overflow: hidden;}
.sec_slied01 .visual_item .slide-cover a{width: 100%;z-index: 2;-webkit-transition: opacity 300ms;transition: opacity 300ms;display: block;;border-radius: 20px;overflow: hidden;}
.sec_slied01 .visual_item .slide-cover a img{width: 100%;height: 100%;object-fit: cover;}

.sec_slied01 .visual_item .swiper-slide-active .slide-cover a{position: absolute;/* -webkit-transition: opacity 300ms, transform 310ms 100ms; *//* transition: opacity 300ms, transform 310ms 100ms; */height: 100%;width: 100%;z-index: 2;}

.sec_slied01 .visual_item .btn_box{z-index:10;}
.sec_slied01 .visual_item .btn_box .swiper-pagination{position: absolute;order:2;display: none;}
.sec_slied01 .visual_item .swiper-button-prev,
.sec_slied01 .visual_item .swiper-button-next{position: absolute;top: auto;bottom: 36px;background-size: 25px;width: 60px;height: 60px;background-color: #efefef;border-radius: 50px;}
.sec_slied01 .visual_item .swiper-button-prev{left: 20px;}
.sec_slied01 .visual_item .swiper-button-next{right: 20px;}
.sec_slied01 .visual_item .btn_box a{position: absolute;}

.sec_slied01 .visual_item .btn_box .xi-pause{background-image:url(../img/main/stop_btn.png);}
.sec_slied01 .visual_item .btn_box .xi-play{background-image:url(../img/main/play_btn.png);}

.sec_slied01 .visual_item .swiper-slide-prev .txt_box,
.sec_slied01 .visual_item .swiper-slide-next .txt_box{display: none;}
.txt_box{width: 100%;text-align: center;padding-bottom: 29px;}
.txt_box p:nth-of-type(1){font-weight: 600;font-size: 24px;}
.txt_box p:nth-of-type(2){font-size: 18px;color: #666;}

/* //메인 강좌 영역*/
.sec_slied02{display: grid;grid-template-columns: 1fr 1fr;gap: 40px;
	grid-template-areas:
	'slide_tit crs_con1  '
	'crs_con2 crs_con3'
    'crs_con4 crs_con5';;}
.sec_slied02 h3{text-align: left;}
.slide_tit{grid-area: slide_tit;}
.slide_tit p{color: #666;padding-right: 140px;margin-top: 10px;}
.sec_slied02{position: relative;}
.crs_con{ position: relative;overflow: hidden;}
.crs_inner{position:relative}
.crs_con1{grid-area: crs_con1;}
.crs_con2{grid-area: crs_con2;}
.crs_con3{grid-area: crs_con3;}
.crs_con4{grid-area: crs_con4;}
.crs_con5{grid-area: crs_con5;}

.sec_slied02  a.js-swiper-play{width: 20px;height: 20px;z-index: 10;display: block;}
.sec_slied02  a.js-swiper-play i{display: block;width:20px;height: 20px;background-position: -1px 1px;}
.sec_slied02 .xi-pause,
.sec_slied02 .xi-play{filter: invert(1);}
.sec_slied02 .xi-pause{background-image:url(../img/main/stop2_btn.png);}
.sec_slied02 .xi-play{background-image:url(../img/main/play2_btn.png);}

.sec_slied02 .crs_con .btn_box{position: absolute;bottom: 15px;left: 36%;display: flex;gap: 5px;align-items: center;}
.sec_slied02 .crs_con .btn_box .swiper-button-prev,
.sec_slied02 .crs_con .btn_box .swiper-button-next,
.sec_slied02 .crs_con .btn_box .swiper-pagination{position: sticky;top: auto;left: auto;right: auto;bottom: auto;background-size: 15px;}
.sec_slied02 .crs_con .btn_box .swiper-pagination{width: auto;}


.sec_slied02 .crs_con .more{position: absolute;bottom: 15px;left: 30px;}
.crs_con .swiper-slide{}
.crs_con .swiper-slide a{display: flex; overflow: hidden;background: #fff;border: 1px solid #b6d4e1;border-radius: 20px;}
.crs_con .swiper-slide a > div{flex: 1 1 50%;min-width: 50px}

.crs_con .swiper-slide a .txt_in > div{padding:25px;}
.crs_con .swiper-slide a .txt_in p{font-size: 15px; color: #000;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;position: relative;}
.sec_btm01 ul > li a{font-size: 18px;width: 100%;line-height: 1;}
.crs_con .swiper-slide a .txt_in p span{display: block; text-align: right; color: #666;}
.crs_con .swiper-slide a .img_in{width: 100%;border-radius: 10px;overflow: hidden;min-height: 200px;}
.crs_con .swiper-slide a .img_in img{width: 100%; height: 100%;/* object-fit: cover; */display: block;}
.crs_con .swiper-slide a .txt_in .badge{font-size: 28px; font-weight: 800;}
.crs_con.crs_con1 .swiper-slide a .txt_in .badge{color: #2a74dc;}
.crs_con.crs_con2 .swiper-slide a .txt_in .badge{color: #cc4700;}
.crs_con.crs_con3 .swiper-slide a .txt_in .badge{color: #dd0c60;}
.crs_con.crs_con4 .swiper-slide a .txt_in .badge{color: #017052;}
.crs_con.crs_con5 .swiper-slide a .txt_in .badge{color: #922ac9;}


/*메인 홍보 영역**********************************************************************************************************************/
.sec_prm{}
.sec_prm{width: 100%; height: 100%; background: url(/img/main/2024/bg_prm.jpg) no-repeat;background-size: cover;}
.sec_prm h3{color: #fff;margin-bottom: 30px;}
.sec_prm0{display: flex;gap: 90px;}
.sec_prm0 > div{flex: 1 1 auto;}
.sec_prm0 .sec_prm01{flex: 0 1 auto;}
.sec_prm01 .video_box,
.sec_prm02 .popup_box{position: relative;;height: 335px;}
.sec_prm01 .video_box,
.sec_prm02 .popup_inner{overflow: hidden;border-radius: 20px;}
.sec_prm02 .popup_inner,
.sec_prm02 .popup_inner > div,
.sec_prm02 .popup_inner .img_in{width: 100%; height: 100%;}
.sec_prm01 .video_box a.item,
.sec_prm02 .popup_box a.item{display: block; width: 100%; height: 100%;}
.sec_prm01 .video_box a.item:focus,
.sec_prm02 .popup_box a.item:focus{outline-offset: -10px;}
.sec_prm01 .video_box img,
.sec_prm02 .popup_box img{width: 100%; height: 100%;object-fit: cover;display: block;}
.sec_prm01 .video_box{position: relative;}
.sec_prm01 .video_box a.item::before{content: "";position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50% ); display: block;width: 78px; height: 78px; background: url(/img/main/2024/icon_play.png) no-repeat;}
.sec_prm02 .popup_box{width: 420px; min-width: 420px;}
.sec_prm02 .popup_box{}

/*메인 공지사항 영역**********************************************************************************************************************/
.sec_notice{}
.sec_notice .inner{position: relative;}
.sec_notice h3,
.sec_notice .txt{text-align: center;}
.sec_notice .txt{margin-bottom: 50px;color: #666666; font-size: 17px;}
.notice_box ul{display: flex;gap:80px}
.notice_box li{flex: 1 1; min-width: 0;}
.notice_box li a{display: flex;gap: 10px;justify-content: center; align-items: center;}
.notice_box .date_bx{ padding: 10px; background: #fff; border: 1px solid #dbdbdb; border-radius: 15px;box-shadow: 3px 2px 10px 0px #e5e5e5; text-align: center;}
.notice_box .date_bx strong{font-size: 35px; font-weight: 600; display: block;color: #0058d1;line-height: 1;}
.notice_box .date_bx span{color: #555;}
.notice_box p{font-size: 18px;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;position: relative;}
.sec_notice .more{position: absolute; top: 0; right: 0;}
/*메인 FAQ, 배너 영역**********************************************************************************************************************/
.sec_btm{background: #f8f8f8;}
.sec_btm0{display: flex; gap: 50px;}
.sec_btm0 > div{flex: 1 1 calc(50% - 50px);}
.sec_btm01{position: relative;}
.sec_btm01 ul{margin-top: 41px;}
.sec_btm01 ul > li{position: relative;display: flex;padding: 17px 20px 18px 22px;border: 1px solid #dbdbdb;border-radius: 10px;background-color: #fff;align-items: center;gap: 19px;}
.sec_btm01 ul > li ~ li{margin-top: 21px;}
.sec_btm01 ul > li span{position: relative;display: block;width: 25px;min-width: 25px;height: 25px;padding: 3px;background: #26a1c1;-webkit-border-radius: 36px;-moz-border-radius: 36px;border-radius: 36px;color: #fff;text-align: center;line-height: 1.2;font-size: 20px;}
.sec_btm01 ul > li span:after{content: '';position: absolute;border-style: solid;border-width: 9px 6px 0;border-color: #26a1c1 transparent;display: block;width: 0;z-index: 1;bottom: -3px;left: 14px;transform: rotate(-38deg);}
.sec_btm01 ul > li a{font-size: 18px;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;position: relative;line-height: 1;}
.sec_btm01 .more{ position: absolute; top: 0;right: 0;}
.sec_btm02 .img_box{}
.sec_btm02 .img_box div{display: inline-block;overflow: hidden; border-radius: 15px;border:1px solid #dbdbdb}
.sec_btm02 .img_box div ~ div{margin-top: 23px;}
.sec_btm02 .img_box div a{display: block; width: 620px; height: 245px;}
.sec_btm02 .img_box div a:focus{outline-offset: -5px;}
.sec_btm02 .img_box div img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 15px;object-position: center ;}


@media all and (max-width:1300px) {
	.sec:not(.sec_video){width: 100%;padding: 50px 0;}
	.sec:not(.sec_video) .inner{width: auto; margin: 0 20px;}
	.sec_prm h3{margin-bottom: 15px;}

	/*메인 비주얼 영역**********************************************************************************************************************/

	/*메인 강좌 영역**********************************************************************************************************************/

	/*메인 홍보 영역**********************************************************************************************************************/

	/*메인 공지사항 영역**********************************************************************************************************************/
	.notice_box li a{align-items: flex-start;}
	/*메인 FAQ, 배너 영역**********************************************************************************************************************/
	.crs_con .swiper-slide a .txt_in > div{padding: 15px 15px 0px 15px;}
	.crs_con .swiper-slide a .txt_in p{margin: 0;}
	.sec_slied02 .crs_con .more{left: 20px;bottom: 11px;}
	.sec_slied02 .crs_con .btn_box{left: 32%;bottom: 7px;}
}

@media all and (max-width:1024px) {
	.sec h3{font-size: 28px;}
	/*메인 비주얼 영역**********************************************************************************************************************/

	/*메인 강좌 영역**********************************************************************************************************************/
	.sec_slied01 .visual_item{width: 100%;}
	.sec_slied01 .visual_item .swiper-slide-prev{transform: translateX(195px);}
	.sec_slied01 .visual_item .swiper-slide-next{transform: translateX(-195px);}
	.sec_slied02{gap: 20px;}
	.crs_con .swiper-slide a{flex-direction: column;}
	.crs_con .swiper-slide a .txt_in > div{padding: 10px 10px 25px 10px;}
	.crs_con.crs_con1 .swiper-slide a .txt_in .badge{line-height: 1;}
	.sec_slied02 .crs_con .btn_box{bottom: auto;left: auto;top: 10px;right: 15px;}
	.sec_slied02 .crs_con .more{bottom: auto;left: auto;top: 95px;right: 20px;}
	.slide_tit p{padding: 0;}
	.crs_con .swiper-slide a .txt_in p{-webkit-line-clamp: 2;}
	.crs_con .swiper-slide a .txt_in p span{text-align: left;}
	/*메인 홍보 영역**********************************************************************************************************************/
	.sec_prm0{justify-content: space-between;gap: 20px;}
	.sec_prm0 .sec_prm01{flex: 0 1 70%;}
	.sec_prm01 .video_box, .sec_prm02 .popup_box{height: 250px;}
	.sec_prm02 .popup_box{width: 250px;min-width: 250px;}

	/*메인 공지사항 영역**********************************************************************************************************************/
	.sec_notice .txt{margin-bottom: 10px;font-size: 16px;}
	.notice_box ul{gap: 15px;}
	/*메인 FAQ, 배너 영역**********************************************************************************************************************/
	.sec_btm01 ul{margin-top: 20px;}
	.sec_btm01 ul > li{padding: 10px;}
	.sec_btm01 ul > li a{font-size: 14px;}
	.sec_btm0{flex-direction: column;}
	.sec_btm02 .img_box{display: flex;gap: 15px;}
	.sec_btm02 .img_box div ~ div{margin-top: 0;}
	.sec_btm02 .img_box div a{display: block; width: auto; height: auto;}
}
@media all and (max-width:768px) {
	.sec:not(.sec_video){padding: 20px 0;}
	.main_visual .slogan_1{font-size: 30px;}
	.main_visual .slogan_1 span{font-size: 20px;}
	.main_visual .slogan_2{font-size: 16px;}
	/*메인 비주얼 영역**********************************************************************************************************************/

	/*메인 강좌 영역**********************************************************************************************************************/
	.sec_slied01{margin-bottom: 70px;}
	.sec_slied01::after{bottom: -30px;}
	.sec_slied01 .visual_item .swiper-slide .slide-cover{height: 200px;margin-bottom: 30px;}
	.sec_slied01 .visual_item .swiper-slide-prev{transform: translateX(200px);}
	.sec_slied01 .visual_item .swiper-slide-next{transform: translateX(-200px);}
	.visual_item::before{height: 50px;}
	.txt_box{padding-bottom: 20px;}
	.txt_box p:nth-of-type(1){font-size: 18px;}
	.txt_box p:nth-of-type(2){font-size: 13px;}
	.sec_slied01 .visual_item .swiper-button-prev,
	.sec_slied01 .visual_item .swiper-button-next{bottom: 30px;width: 30px;height: 30px;background-size: 15px;}
	
	/*메인 홍보 영역**********************************************************************************************************************/
	/*.sec_prm0{flex-direction: column;}*/
	.sec_prm01 .video_box, .sec_prm02 .popup_box{height: 150px;}
	.sec_prm02 .popup_box{width: 150px;min-width: 150px;}
	/*메인 공지사항 영역**********************************************************************************************************************/
	.notice_box ul{flex-direction: column;align-items: flex-start;}
	.notice_box li a{align-items: center;}
	.notice_box .date_bx{padding: 7px;}
	.notice_box .date_bx strong{font-size: 20px;}
	.notice_box p{font-size: 16px;}
	/*메인 FAQ, 배너 영역**********************************************************************************************************************/
	.sec_btm0{gap: 20px;}
	.sec_btm02 .img_box{flex-direction: column;}
	.sec_btm01 ul > li{gap: 5px;}
	.sec_btm01 ul > li ~ li{margin-top:10px}

}
@media all and (max-width:600px) {
	.sec_slied01 .visual_item .swiper-slide-prev{transform: translateX(150px);}
	.sec_slied01 .visual_item .swiper-slide-next{transform: translateX(-150px);}
	.sec h3{font-size: 22px;}
	.sec_notice h3, .sec_notice .txt{text-align: left;}
	.sec_notice .txt{font-size: 13px;margin: 10px 0;}
	.sec_notice .more,
	.sec_btm01 .more{top: 12px;}
	.sec_slied02 .crs_con .more{display: none;}
	.sec_slied02 .crs_con .btn_box{top: auto;bottom: 9px;}
	.sec_slied02{grid-template-areas:
		'slide_tit slide_tit'
		'crs_con1 crs_con2'
		'crs_con3 crs_con4'
		'crs_con5 crs_con6 ';;}
	.crs_con .swiper-slide{max-height: 240px;}
	.crs_con .swiper-slide a{border-radius: 10px;}
	.crs_con .swiper-slide a .txt_in{order: 2; min-height: 130px;}
	.crs_con .swiper-slide a .img_in{order: 1; min-height: inherit;}
	.crs_con .swiper-slide a .txt_in .badge,
	.crs_con .swiper-slide a .txt_in p{font-size: 14px;}
	.sec_prm0{flex-direction: column;}
	.sec_prm01 .video_box,
	.sec_prm02 .popup_box{height: auto;}
	.sec_prm02 .popup_box{width: 100%;}
	.sec_prm01 .video_box, .sec_prm02 .popup_inner{border-radius: 10px;}
}

@media all and (max-width:600px) {
	.sec_slied01 .visual_item .swiper-slide .slide-cover{height: 150px;}
	.sec_slied01 .visual_item .swiper-slide-prev{transform: translateX(100px);}
	.sec_slied01 .visual_item .swiper-slide-next{transform: translateX(-100px);}
	.txt_box{padding-bottom: 26px;}
	.txt_box p:nth-of-type(1){font-size: 13px;}
	.txt_box p:nth-of-type(2){font-size: 11px;}
}