@charset "utf-8";

/* .mainTit {margin-bottom:30px; font-size:40px; color:#212121; line-height:1.3em; letter-spacing:-0.07em;}
.package, .freepass {margin-bottom:-4px;}
.thumb_radius {border-radius:10px;}
.slideNav3 {position:absolute; top:-8px; right:0;}
.prevBtn3, .nextBtn3 {display:inline-block; cursor:pointer;}

대표강좌, 추천강좌 공통
.txt .tag{font-size:14px;}
.txt h3 {height:52px; margin:10px 0; font-weight:600; font-size:18px; line-height:24px;}
.txt h4 {height:46px; margin:8px 0 0; font-weight:600; font-size:17px; line-height:22px;}
.txt .summary {height:45px; font-weight:300; font-size:15px; color:#0d0d0d; line-height:1.4em; letter-spacing:0;}
.txt .gr {font-weight:300; font-size:12px; color:#bbb; letter-spacing:0;}



메인배너
.mainBnr {position:relative; width:100%; max-width:1920px; height:380px; margin:0 auto; overflow:hidden;}
.mainBnr .txtImg {position:absolute; top:90px; left:0; opacity:0;}
.mainBnr .imgImg {position:absolute; right:0; opacity:0;}
.mainBnr .backImg {width:100%; height:380px; object-fit:cover;}

.mainBnr .btn_link {position:absolute; top:265px; min-width:220px; height:44px; padding:0 20px; background-color:rgba(46,55,76,0.9); border-radius:20px; font-weight:300; font-size:14px; color:#fff; line-height:44px; letter-spacing:-0.5px; opacity:0;}
.mainBnr .btn_link i {position:relative; top:1px; margin-left:15px; float:right;}
.mainBnr .swiper-slide-active .fade-up {animation:fade-up .5s .3s forwards;}
.mainBnr .swiper-slide-active .fade-up2 {animation:fade-up2 .5s .4s forwards;}
.mainBnr .swiper-slide-active .fade-right {animation:fade-right .5s .3s forwards;}

.mainBnr .slideNavWrap {position:absolute; bottom:35px; left:50%; z-index:1; transform:translateX(-50%); width:1180px;}
.mainBnr .slideNavWrap .slideNav {position:absolute; bottom:0; right:54px; width:154px; height:36px; background:rgba(245,245,245,0.95); border-radius:100px;}	
.mainBnr .swiper-button-prev0 {display:inline-block; position:relative; top:13px; left:22px; width:7px; height:12px; cursor:pointer;}
.mainBnr .swiper-button-next0 {display:inline-block; position:relative; top:13px; left:46px; width:7px; height:12px; cursor:pointer;}
.mainBnr .swiper-pagination0 {display:inline; position:relative; top:9px; left:34px; font-weight:500; font-size:14px; color:#0d0d0d;}
.mainBnr .swiper-pagination0 .dot {margin:0 -3px; font-weight:normal; font-size:12px; color:#999;}
.mainBnr .swiper-button-prev0 img, .mainBnr .swiper-button-next0 img, .mainBnr .swiper-start img, .mainBnr .swiper-stop img, .mainBnr .moreBnr img {vertical-align:top;} 
.mainBnr .swiper-startStop {display:inline-block; position:relative; top:13px; left:56px; width:7px; height:12px; cursor:pointer;}
.mainBnr .swiper-startStop .swiper-start {display:none;}
.mainBnr .swiper-startStop .swiper-stop {display:block;}
.mainBnr .moreBnr {position:absolute; right:0; bottom:-1px; width:40px; height:40px; border-radius:100px; box-shadow:4px 4px 10px rgb(0 0 0 / 20%); cursor:pointer;}
.mainBnr .closeBnr {position:absolute;right:0;bottom: 20px;width:40px;height:40px;border-radius:100px;box-shadow:4px 4px 10px rgb(0 0 0 / 20%);cursor:pointer;}
.mainBnr .previewBnr {display:none; position:absolute; top:0; z-index:10; width:100%; height:380px; background:#b2babc;}
.mainBnr .previewBnr .innerBox {height:100%;}
.mainBnr .previewBnr ul {padding-top: 55px;}
.mainBnr .previewBnr ul li {width: 386px;height:120px;margin:0  10px 10px 0;overflow:hidden;float:left;}
.mainBnr .previewBnr ul li:nth-child(3), .mainBnr .previewBnr ul li:nth-child(6) {margin-right:0;}
.mainBnr .previewBnr ul li a {display:flex; width:100%;height:100%; justify-content:center;}
.mainBnr .previewBnr ul li a img {height:100%; transform: translateX(15px); object-fit: cover;}

.mainBnr .slideNav1 {position:absolute; top:50%; left:50%; z-index:1; transform:translateX(-50%); width:1180px; opacity:0; transition:opacity .5s;}
.mainBnr .slideNav1 .navi{position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;}
.mainBnr .slideNav1 .navi .ico{stroke:#fff; opacity:0.4; transition:opacity 0.3s;}
.mainBnr .slideNav1 .navi.swiper-button-prev1 {left:-150px;}
.mainBnr .slideNav1 .navi.swiper-button-next1 {right:-150px;}
.mainBnr .slideNav1 .navi.swiper-button-next1 .ico{transform:rotate(180deg);}

.mainBnr:hover .slideNav1{opacity:1;}
.mainBnr .slideNav1 .navi:hover .ico{opacity:1;}

@keyframes fade-up { from {opacity:0; top:90px;} to {opacity:1; top:0px;} }
@keyframes fade-up2 { from {opacity:0; top:365px;} to {opacity:1; top:265px;} }
@keyframes fade-right { from {opacity:0; right:-100px;} to {opacity:1; right:0px;} }



카테고리배너
.cateBnr {display:flex; align-items:center; position:relative; width:100%; margin-top:33px;}
.cateBnr .cateBnrSwiper {width:100%; padding-top:7px;}
.cateBnr .cateBnrSwiper .swiper-slide {text-align:center; transition:transform 0.4s;}
.cateBnr .cateBnrSwiper .swiper-slide img {width:100px; height:100px;}
.cateBnr .cateBnrSwiper .swiper-slide p {margin-top:10px; font-size:15px; color:#111;}
.cateBnr .cateBnrSwiper .swiper-slide:hover{transform:translateY(-7px);}
.cateBnr .cateBnrSwiper .swiper-slide:hover p{font-weight:600;}
.cateBnr .navi{position:absolute; top:30px;}
.cateBnr .navi.swiper-button-prev2 {left:-80px;}
.cateBnr .navi.swiper-button-next2 {right:-80px;}



맞춤형 추천강의
.recLec .swiper{width:100%; padding-bottom:20px;}
.recLec .swiper-slide{width:332px; height:420px; border-radius:10px; box-shadow:0 5px 9px -5px rgba(0,0,0,0.1);}
.recLec .swiper-slide::before{display:block; position:absolute; width:100%; height:100%; background-color:#fff; opacity:0.3; content:''; transition:opacity 0.4s;}
.recLec .swiper-slide.swiper-slide-active{box-shadow:0 5px 9px -5px rgba(0,0,0,0.8);}
.recLec .swiper-slide.swiper-slide-active::before{opacity:0; visibility:hidden;}
.recLec .swiper-slide.swiper-slide-next,.recLec .swiper-slide.swiper-slide-prev{box-shadow:0 5px 9px -5px rgba(0,0,0,0.3);}
.recLec .swiper-slide .inner{display:block; height:100%; padding:10px; background-color:#fff; border:1px solid #d6dfe2; border-radius:10px; transition:border-color 0.4s;}
.recLec .swiper-slide.swiper-slide-active:hover .inner{border-color:#0d0d0d;}
.recLec .swiper-slide .frame{overflow:hidden; width:100%; height:200px; margin-bottom:30px; border-radius:8px;}
.recLec .swiper-slide .txt{padding:0 20px;}
.recLec .navi{position:absolute; top:200px; padding:50px 130px 50px 0; cursor:pointer; opacity:0; transition:opacity 0.3s;}
.recLec .navi.swiper-button-prev2 {left:-145px;}
.recLec .navi.swiper-button-next2 {right:-145px; transform:rotate(180deg);}
.recLec .navi .ico{transition:stroke 0.3s;}
.recLec .navi:hover .ico{stroke:#12b3fb;}
.recLec .recSlide:hover .navi{opacity:1;}



리마인드배너
.remindBnr .remindBnrSwiper {position:relative; width:100%; border-radius:10px;}
.remindBnr img{display:block; width:100%;}
.remindBnr .swiper-pagination {position:absolute; bottom:130px; padding-right:5px; text-align:right;}
.remindBnr .swiper-pagination-bullet {display:inline-block !important; width:8px; height:8px; margin:0 4px !important; background:#d5d5d5; opacity:1;}
.remindBnr .swiper-pagination-bullet-active{transition:width .5s; border-radius:5px; background:#12b3fb;}



오마이스쿨 TV
.omstv{position:relative; padding:80px 0;}
.omstv::before{display:block; position:absolute; top:0; right:0; width:85%; min-width:1650px; height:100%; border-top-left-radius:80px; background:rgb(29,29,29); background:linear-gradient(90deg, rgba(29,29,29,1) 0%, rgba(64,64,64,1) 50%); content:''; z-index:-1;}
.omstv .container{display:flex; margin-left:calc((100% - 1180px)/2);}
.omstv .titbox{width:350px;}
.omstv .titbox h2{color:#fff; font-weight:600; font-size:35px; margin-bottom:35px; line-height:1.4em;}
.omstv .titbox .tv{display:block; position:relative; color:#fcdf46; font-weight:800; font-size:70px; line-height:90%; letter-spacing:-0.1em;}
.omstv .titbox .tv .char{position:absolute; left:95px; bottom:10px; animation:charani 0.5s ease-in alternate infinite;}
.omstv .titbox .tv .hole{display:block; position:absolute; bottom:0px; left:103px; width:27px; height:6px; background-color:#000; border-radius:50%; animation:holeani 0.5s alternate infinite;}
@keyframes charani { from {margin-bottom: 0;} to {margin-bottom: 7px;} }
@keyframes holeani { from {transform: scale(1); opacity:1;} to {transform: scale(0.8); opacity:0.6;} }

.omstv .titbox .txtwrap{padding-left:15px; border-left:1px solid #878787;}
.omstv .titbox .txtwrap p{color:#b2b2b2; font-size:17px; line-height:1.4em;}
.omstv .videoList{width:65%; min-width:880px;}
.omstv .videoList ul{display:flex; justify-content:space-between; }
.omstv .videoList ul li{overflow:hidden; width:283px; border-radius:5px; transition:all 0.5s;}
.omstv .videoList .frame{position:relative; width:100%; height:160px;}
.omstv .videoList .frame::before{display:block; position:absolute;  width:100%; height:100%; background-color:rgba(0,0,0,0.5); opacity:0; transition:opacity 0.4s; content:'';}
.omstv .videoList .frame::after{display:block; position:absolute;  width:55px; height:60px; top:56px; left:118px; background-image:url('/img/main_new/img_playbtn.png'); background-size:cover; background-repeat:no-repeat; opacity:0; transition:opacity 0.4s; content:'';}
.omstv .videoList .frame img{object-fit:cover;}
.omstv .videoList .txtbox{background-color:#fff; padding:30px 20px;}
.omstv .videoList .txtbox p{font-size:15px; line-height:1.4em; min-height:42px;}
.omstv .videoList ul li:hover{transform:translateY(-20px); box-shadow:0 10px 10px 0 rgba(18,18,18,0.8);}
.omstv .videoList ul li:hover .frame::before,
.omstv .videoList ul li:hover .frame::after{opacity:1;}

.video_popup{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:101;}
.video_popup .btn-clse{position:absolute; top:-36px; right:-36px; transition:transform 0.3s; transform-origin:50% 50%;}
.video_popup .btn-clse:hover{transform:rotate(180deg);}
.video_popup .video{box-shadow:15px 15px 20px 0px rgba(0,0,0,0.5);}
.video_popup .video .video_youtube{display:block; border:none;}
.video_popup .a-more{display:block; width:300px; line-height:65px; margin:40px auto 0; color:#fff; font-weight:500; font-size:20px; text-align:center; background-color:#000; box-shadow:4px 6px 10px 0 rgba(0,0,0,.4); border-radius:32.5px;}
.video_popup .a-more .icon-arrow .line{width:35px; background-color:#fff;}
.video_popup .a-more .icon-arrow .line::after{width:10px; background-color:#fff; bottom:4px;}
.popdummy{display:none; position:fixed; top:0;right:0;left:0;bottom:0; background-color:#fff; opacity:0.9; z-index:100;}


추천강좌
.card .frame{overflow:hidden; height:180px; margin-bottom:25px; border-radius:10px; transition:transform 0.4s;}
.card:hover .frame{transform:scale(1.05);}

추천강좌(1)
.lecCont{position:relative; padding-top:80px;}
.lecCont .titbox{position:relative;}
.lecCont .titbox .a-more{display:block; position:absolute; right:0; top:20px; font-size:15px; font-weight:500;}
.lecCont .lecSlide{position:relative; margin-left:-10px;}
.lecCont .lecSlide .swiper{width:calc(100% + 10px); padding:10px;}
.lecCont .lecSlide .navi{position:absolute; top:70px;}
.lecCont .lecSlide .navi.swiper-button-prev2 {left:-85px;}
.lecCont .lecSlide .navi.swiper-button-next2 {right:-85px;}
.lecCont1{padding:80px 0 70px;}
.lecCont1::before{display:block; position:absolute; left:0; bottom:0; width:92%; height:calc(100% + 75px); background-color:#f5f6f7; border-bottom-right-radius:100px; content:'';}

추천강좌(2) -오른쪽정렬ver
.lecCont_rgt{margin-top:60px;}
.lecCont_rgt .container{display:flex; width:calc(100% - (100% - 1180px)/2); margin-left:calc((100% - 1180px)/2);}
.lecCont_rgt .titbox{flex-shrink:0; width:300px; padding-top:5px;}
.lecCont_rgt .titbox .btm{display:flex; align-items:center; justify-content:space-between; padding-right:20px;}
.lecCont_rgt .titbox .a-more{font-size:15px; font-weight:500;}
.lecCont_rgt .slide{width:calc(100% - 300px);}
.lecCont_rgt .slide .swiper{padding:10px 0 0 10px;}
.lecCont_rgt .slide .swiper-slide{width:283px;}



.icon-wobbleH .icon-arrow {transform:translateZ(0); padding-left:8px; vertical-align:middle; display:inline-block; margin-top:-2px;}
.icon-wobbleH .icon-arrow .line{display:block; position:relative; width:15px; height:1px; background-color:#4d4d4d;}
.icon-wobbleH .icon-arrow .line::after{display:block; position:absolute; right:0; bottom:2px; width:7px; height:1px; transform:rotate(40deg); background-color:#4d4d4d; content:'';}
.icon-wobbleH:hover .icon-arrow, .icon-wobbleH:focus .icon-arrow, .icon-wobbleH:active .icon-arrow {animation:icon-wobbleH 1s ease-in-out 1;}	
@keyframes icon-wobbleH {
	16.65% { transform:translateX(5px); }
	33.3%  { transform:translateX(-4px); }
	49.95% { transform:translateX(3px); }
	66.6%  { transform:translateX(-2px); }
	83.25% { transform:translateX(1px); }
	100%   { transform:translateX(0); }
}

강사소개
.teacherIntro {width:100%; padding:100px 0; overflow:hidden; box-sizing: border-box;}
.teacherIntro .teacherIntroSwiper {width:1660px;}
.teacherIntro .teacherIntroSwiper img {image-rendering:pixelated;}


@media only screen and (max-width: 1500px) { 
	.recLec .navi.swiper-button-prev2{left:-90px;}
	.recLec .navi.swiper-button-next2{right:-90px;}
}


@media only screen and (max-width: 1200px) { 
	.main-wrap{overflow:hidden;}
	.lecCont1::before{width:100%;}	 
} */

/* 주간브리핑&실시간뉴스 */
.TopLineBanner {
    background-color: #6339ff;
    /* display: none; */
}

.BriefingNews_Wrap {
    margin-top: 50px;
}

.BriefingNews_Wrap .innerBox {
    display: flex;
    justify-content: space-between;
}

.BriefingNews_Wrap .Briefing {
    display: flex;
    gap: 20px;
}

.BriefingNews_Wrap .Briefing .vodarea {
    width: 580px;
    height: 326px;
    overflow: hidden;
    border-radius: 6px;
    background-color: #444;
}

.BriefingNews_Wrap .Briefing .Briefing_extract {
    width: 256px;
}

.BriefingNews_Wrap .Briefing .Briefing_extract .titlearea {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.BriefingNews_Wrap .Briefing .Briefing_extract .titlearea p.round_title {
    font-size: 14px;
    color: #c01e23;
    border: 2px solid #c01e23;
    font-weight: 700;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 100px;
}

.BriefingNews_Wrap .Briefing .Briefing_extract .linkArea {
    margin-top: 24px;
    display: block;
}

.BriefingNews_Wrap .Briefing .Briefing_extract .linkArea:hover dt {
    text-decoration: underline;
}

.BriefingNews_Wrap .Briefing .Briefing_extract .linkArea dl {
}

.BriefingNews_Wrap .Briefing .Briefing_extract .linkArea dl dt {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.BriefingNews_Wrap .Briefing .Briefing_extract .linkArea dl dd {
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    overflow: hidden;
}

.BriefingNews_Wrap .newsarea {
    width: 290px;
}

.BriefingNews_Wrap .newsarea .titlearea {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.BriefingNews_Wrap .newsarea .titlearea p.round_title {
    font-size: 14px;
    color: #333;
    border: 2px solid #333;
    font-weight: 700;
    display: inline-block;
    padding: 6px 18px;
    border-radius: 100px;
}

.BriefingNews_Wrap .newsarea .newsList {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.BriefingNews_Wrap .newsarea .newsList li {
}

.BriefingNews_Wrap .newsarea .newsList li a:hover figure figcaption dl dd {
    text-decoration: underline;
}

.BriefingNews_Wrap .newsarea .newsList li a figure {
    display: flex;
    gap: 12px;
}

.BriefingNews_Wrap .newsarea .newsList li a figure img {
    width: 100px;
    height: 70px;
    overflow: hidden;
    border-radius: 4px;
}

.BriefingNews_Wrap .newsarea .newsList li a figure figcaption {
    flex: 1;
}

.BriefingNews_Wrap .newsarea .newsList li a figure figcaption dl {
}

.BriefingNews_Wrap .newsarea .newsList li a figure figcaption dl dt {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.BriefingNews_Wrap .newsarea .newsList li a figure figcaption dl dt::before {
    content: "";
    width: 2px;
    height: 2px;
    background-color: #000;
    display: block;
}

.BriefingNews_Wrap .newsarea .newsList li a figure figcaption dl dd {
    margin-top: 6px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    margin-left: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    overflow: hidden;
}

.main__btn_more {
    font-size: 12px;
    color: #000;
    background-color: #e6e6e6;
    border-radius: 100px;
    padding: 6px 14px;
}

/* 인사이트 & CEO 인터뷰 */
.Insight_Wrap {
    margin-top: 60px;
}

.Insight_Wrap .titlearea {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Insight_Wrap .titlearea p {
    font-size: 18px;
    color: #333;
}

.Insight_Wrap .titlearea p strong {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-right: 18px;
}

.Insight_Wrap .titlearea p strong span {
    font-size: 24px;
    font-weight: 700;
    color: #ad3337;
}

.Insight_Wrap .titlearea p strong span i {
    display: inline-flex;
}

.Insight_Wrap .cnt_Area {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.Insight_Wrap .cnt_Area > div {
    width: 580px;
    padding: 20px;
    border-radius: 6px;
}

.Insight_Wrap .cnt_Area .Insight_Area {
    background-color: #ad3337;
}

.Insight_Wrap .cnt_Area .Interview_Area {
    background-color: #442f90;
}

.Insight_Wrap .cnt_Area div a {
    display: flex;
    gap: 24px;
}

.Insight_Wrap .cnt_Area div a:hover dl dt {
    text-decoration: underline;
}

.Insight_Wrap .cnt_Area div a:hover .item_Thumbnail img {
    transform: scale(1.1);
    transition: all 0.4s;
}

.Insight_Wrap .cnt_Area .item_Thumbnail {
    width: 260px;
    height: 146px;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Insight_Wrap .cnt_Area .item_cnt {
    flex: 1;
}

.Insight_Wrap .cnt_Area .item_cnt h5 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    opacity: 0.3;
    text-decoration: underline;
    margin: 18px 0;
}

.Insight_Wrap .cnt_Area .item_cnt dl dt {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    overflow: hidden;
}

.Insight_Wrap .cnt_Area .item_cnt dl dd {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    overflow: hidden;
}
/* 채:움 */
.Microlearning_Wrap {
    background-color: #f2f2f2;
    margin-top: 60px;
    padding: 40px 0;
}

.Microlearning_Wrap .innerBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Microlearning_Wrap .titlearea {
}

.Microlearning_Wrap .titlearea p {
    font-size: 18px;
    color: #333;
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 42px;
}

.Microlearning_Wrap .titlearea p strong {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.Microlearning_Wrap .titlearea p strong span {
    font-size: 24px;
    font-weight: 700;
    color: #ad3337;
}

.Microlearning_Wrap .titlearea p strong span i {
    display: inline-flex;
}

.lecSlide_new {
    width: 880px;
    position: relative;
}

.lecSlide_new .swiper {
    width: 880px;
    padding: 20px;
}

.lecSlide_new .swiper-slide .innercnt {
    display: block;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff;
    transition: all 0.4s ease;
}

.lecSlide_new .swiper-slide .innercnt:hover {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
    transform: translateY(-6px);
}

.lecSlide_new .swiper-slide .innercnt:hover .txt .summary {
    color: #333;
    font-weight: 700;
}

.lecSlide_new .swiper-slide .innercnt .frame img {
    /* width: 280px;
    height: 180px; */
	height: 180px !important;
}

.lecSlide_new .swiper-slide .innercnt .txt {
	height: 110px;
    padding: 20px 0 30px 20px;
}
.lecSlide_new .swiper-slide .innercnt .txt > div {
    display: flex;
    align-items: center;
}

.lecSlide_new .swiper-slide .innercnt .txt .tag {
    background-color: #666;
    color: #fff;
    padding: 3px 10px;
    border-radius: 100px;
    font-size: 12px;
}
.lecSlide_new .swiper-slide .innercnt .txt .time {
    color: #999;
    font-size: 14px;
    margin-left: 14px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.lecSlide_new .swiper-slide .innercnt .txt .time::before {
    content: "";
    display: inline-flex;
    width: 13px;
    height: 13px;
    background: url(/img//main_new/icon_time.png) no-repeat center center;
}

.lecSlide_new .swiper-slide .innercnt .txt .summary {
    font-size: 16px;
    color: #666;
    margin-top: 12px;
}

.lecSlide_new .swiper-button-prev2 {
    position: absolute;
    top: 50%;
    z-index: 99;
    left: -50px;
    transform: translateY(-50%) rotate(180deg);
}

.lecSlide_new .swiper-button-next2 {
    position: absolute;
    top: 50%;
    z-index: 99;
    right: -50px;
    transform: translateY(-50%);
}
/* 공지사항 추출 */
.main_board {
    padding: 60px 0 80px;
}

.main_board .innerBox {
    display: flex;
    justify-content: space-between;
}

.main_board .notice_board,
.main_board .faq_board {
    width: 560px;
}

.main_board .titlearea {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main_board .titlearea p {
    font-size: 18px;
    color: #333;
}

.main_board .titlearea p {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.main_board .notice_board .cnt {
    margin-top: 18px;
    border-top: 1px solid #e4e4e4;
}

.main_board .faq_board .cnt {
    margin-top: 18px;
    border-top: 1px solid #e4e4e4;
}

.main_board .cnt ul {
    margin-top: 18px;
}

.main_board .cnt ul li {
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.main_board .cnt ul li a {
    font-size: 16px;
    width: 440px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main_board .cnt ul li a:hover {
    text-decoration: underline;
}

.main_board .cnt ul li a::before {
    content: "";
    display: inline-block;
    background-color: #333;
    width: 4px;
    height: 1px;
    margin: 4px 4px 4px 0px;
}

.main_board .cnt ul li span {
    color: #999;
    font-size: 14px;
}