/*공지사항*/
.contact_wrap_sub .col-xl-9 h6 span{color:#cc97ed;}
.contact_wrap_sub .col-xl-9 .contact_right_mid .list-inline-item{background: #e79e00;}

/*교육상담 및 고객지원*/
.contact_wrap_sub .col-xl-9 .contact_right_mid .list-inline-item a{color:#fff;}

/*베스트강의*/
.best_lecture_wrap{width:100%; background: url("/front/images/lecture_page/lecture/best_lecture.jpg") no-repeat 95% center; min-height:252px; position: relative; padding-top:25px;}
.best_lecture_wrap .lecture_title{text-indent: -9999px; background:none;}
.best_lecture_wrap > div{width:1200px; margin:0 auto; position: absolute; overflow:hidden; left:calc(50% - 600px); top:-25px; max-width:1200px;}
.best_wrap{width:23.5%; float:left; margin-right:2%; background: #fff;}
.best_wrap a > div:last-child{padding:15px 10px;}
.best_wrap:last-child{margin-right:0;}
.best_wrap div{font:17px "Noto Sans KR", sans-serif; overflow: hidden;}
/* 20200904 높이값, 두줄 이상시 말줄임 추가 Start */
.best_wrap h3{height: 48px; margin-bottom:5px; font-weight:bold; font-size:16px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
/* 20200904 높이값, 두줄 이상시 말줄임 추가 End */
.best_wrap p{font-size:12px; color:#6d6d6d;}
.best_wrap div:first-child{height:128px;}
/* 20200804 직무포털 강의 카드 수정 : 이미지 적용 변경 Start */
.best_wrap div img{width:100%; height: 100%; object-fit: cover;}
/* 20200804 직무포털 강의 카드 수정 : 이미지 적용 변경 End */
.best_wrap a:hover img{transform: scale(1.05); transition-duration: .5s;}
.best_lecture_wrap .lecture_title h2{background: #ffc821;}

/*중간아이콘메뉴*/
.menu_icon_wrap{width: 100%; background: #f5f5f5; padding:25px 0;}
.menu_icon_wrap > div{width: 1200px; overflow: hidden; margin:0 auto;}
.icon_btn{width:10.222%; margin-right:1%; float:left;}
.icon_btn p:first-child{border-radius: 50%; background: #fff; text-align:center; padding:30px 0; max-height:115px; border:0px solid #fff;}
.icon_btn:nth-child(9){margin-right: 0;}
.icon_btn p{font:500 16px "Noto Sans KR", sans-serif; color:#222; text-align: center; margin-top: 15px;}
.icon_btn a:hover p:first-child{border:7px solid #ffc821; padding:23px 0; transition-duration: .2s;}
.icon_fake{display: none;}
.icon_fake a{cursor: default;}
.icon_fake p, .icon_fake img{visibility: hidden;}

/*과정*/
.lecture_wrap{width:100%; padding:45px 0 70px; box-shadow: inset 0 200px 0 #f5f5f5;}
/*.lecture_wrap::before{background: #f5f5f5; height:200px; content: ''; width:100%; display:inline-block;}*/
.lecture_wrap > div{width:1200px; overflow: hidden; margin:0 auto;}
.lecture_wrap .best_wrap{border-bottom:1px solid #bfbfbf;}
.lecture_title{padding:10px 0 10px; text-align: center; background: url("/front/images/lecture_page/black_line.jpg") 50% 35% repeat-x; width: 100%; }
.lecture_title h2{font:500 40px "Noto Sans KR", sans-serif; display:inline-block; margin-bottom:40px; padding: 0 25px; background: #f5f5f5;}
.sharp_txt{position: relative; z-index:1;}
.sharp_txt p{position:absolute; font: 300 12px 'Noto Sans KR', sans-serif; color:#fff; top:10px; left:10px;}
.sharp_txt p:last-child{bottom:10px; right:10px; top:inherit; left:inherit; color:#fff;}
.sharp_txt p span{color:#ffdc62;}
.lecture_marketing{box-shadow: inset 0 200px 0 #eadeff;}
.lecture_marketing .lecture_title h2{background: #eadeff;}

/*이벤트*/
.sub_event_wrap{width: 100%; background: #f1f1f1 url("/front/images/lecture_page/event/event_background.png") no-repeat top center; padding:200px 0 130px;}
.sub_event_img{width:1200px; margin:0 auto; overflow: hidden; padding:20px 0;}
.sub_event_img > div{width:30.666%; float:left; margin-left: 2%;}
.sub_event_img > div:nth-child(-n+3){margin-bottom:2%;}
.sub_event_img > div:nth-child(3n){margin-right:2%;}
.sub_event_title p{font:18px "Noto Sans KR", sans-serif; text-align: center;}
.sub_event_title{padding:2.5% 0 1%; max-height:238px;}
.sub_event_title p:first-child{font-size: 40px; letter-spacing: 30px; margin-bottom:5%; line-height:50px; padding-left:25px;}
.sub_event_title p:last-child{margin-top:3%;}
.sub_event_title p:last-child img{margin-bottom:2px;}
.sub_event_title span{font-weight: 900; display:block;}
/*.sub_event_img > div:hover{box-shadow: 3px 5px 10px rgba(0,0,0,0.4); transition-duration: .4s;}*/
.sub_event_banner:hover a::after {position: absolute; top: 10px; left: 10px; opacity: 1;}
.sub_event_img div{position: relative;}
.sub_event_img div a::after {content: ""; display: block; clear: both; width: 337px; height: 234px; background: rgba(255,255,255,0.1); border: 1px solid #deb48e; position: absolute; top: 0; left: 0px; transition: 0.3s; opacity: 0;}

/*왜이룸에듀인가*/
.why_wrap{width:100%; background: url("/front/images/lecture_page/why/why_back.jpg") no-repeat fixed center;}
.why_wrap > div{width:1200px; margin:0 auto; padding:100px 0 50px;}
.why_title{text-align:center; margin:0 auto; width: 100%;}
.why_icon{margin-top:100px;}
.why_icon div{text-align:center; margin-bottom:20px;}
.why_icon > div{margin-bottom:50px;}
.why_icon p{color:#fff; font:15px 'Noto Sans KR', sans-serif;}
.why_icon h4{color:#fff; font-size:20px; text-align:center;}

@media(max-width:1700px){
    .best_lecture_wrap{background: #ffc821;}
}

@media(max-width:1200px){
    .why_wrap > div, .best_lecture_wrap > div, .sub_event_img, .lecture_wrap > div, .menu_icon_wrap > div{width:97%;}
    .best_lecture_wrap > div{left:inherit; position: inherit; top: inherit; padding: 15px 0;}
    .best_lecture_wrap .lecture_title{text-indent: inherit; padding: 5px 15px 0;}
    /*.best_lecture_wrap .lecture_title h2{font: 28px/24px "Noto Sans KR", sans-serif;  letter-spacing: .5px;}*/
    .best_lecture_wrap .lecture_title h2 span{font-weight:700;}
    .icon_btn{margin-right:0; width:11.111%; background:#fff;}
    .icon_btn a{padding-bottom:10px; border: 1px solid #ddd; border-left:0;}
    .icon_btn:first-child a{border-left:1px solid #ddd;}
    .icon_btn p{margin-top:5px; font-size:14px;}
    .icon_btn p:first-child{border-radius: inherit; padding: 5px 0; background: transparent;}
    .icon_btn a:hover p:first-child{border-radius: inherit; padding: 5px 0; background: #fff; border:0;}
    .icon_btn a:hover p{color:#e79e00;}
    /*.best_wrap div:first-child{height:auto;}*/
    .best_lecture_wrap .lecture_title{background: url(/front/images/lecture_page/black_line.jpg) 50% 35% repeat-x;}
}

@media(max-width:1200px) and (min-width:991px){
    .sub_event_title{padding:1.5% 0 1%;}
}

@media(max-width:991px){
    /*.best_wrap p:last-child, .best_wrap p, .best_wrap h3{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}*/
    .best_lecture_wrap{min-height:auto;}
    .sharp_txt p:last-child{text-align: right;}
    .sub_event_wrap .sub_event_img .sub_event_title{width:100%; margin-left:0; margin-bottom:35px;}
    .sub_event_img > div:nth-child(-n+3){margin-bottom:20px;}
    .sub_event_wrap{padding:60px 0 10px; background: #f1f1f1 url(/front/images/lecture_page/event/event_background.png) no-repeat 25% 0%;}
    .sub_event_img .sub_event_banner{margin-left:2%; margin-right:2%; width:29.333%; margin-bottom:4%;}
    .sub_event_title p:first-child{margin-bottom:15px;}
    .sub_event_banner:hover a::after {display:none;}
    .why_wrap > div, .sub_event_img{padding:50px 0;}
    .why_icon{margin-top:50px;}
    .why_title{padding:0 50px;}
    .sharp_txt p{width:85%;}
    .sub_event_img .sub_event_banner:nth-child(5){clear: both;}
    /*200917 직무취업포털 폰트사이즈 수정 start*/
    .lecture_title h2, .lecture_title h2{font-size: 30px;}
    /*200917 직무취업포털 폰트사이즈 수정 end*/
}

@media(max-width:768px){
    .icon_btn{width:20%;}
    .icon_btn a{border-bottom:0;}
    .icon_btn:nth-child(6) a{border-left:1px solid #ccc;}
    .icon_btn:nth-child(n+6) a{border-bottom:1px solid #ccc;}
    .icon_fake{display:inline-block;}
}
/* 20200902 수정 600px > 661px 로 수정 Start */
@media(max-width:661px){
    .best_lecture_wrap{background: #ffc821;}
    .best_wrap{width:49%; margin-bottom:2%;}
    .best_wrap:nth-child(n+3){margin-bottom:0;}
    .best_wrap:nth-child(2n){margin-right:0;}
}
/* 20200902 수정 End */


/*민간자격증*/
.contact_wrap_sub1 .col-xl-9 h6 span {color: #01ca3e;}
.contact_wrap_sub .col-xl-9 .contact_right_mid .list-inline-item{background: #0270eb;}
.hot_certification_wrap{background:url("/front/images/lecture_page/lecture/hot_certification.jpg") no-repeat top center;}
.lecture_consulting {box-shadow: inset 0 200px 0 #e2fccf;}
.lecture_consulting .lecture_title h2{background: #e2fccf;}

.hot_certification_wrap > div{width:950px; margin-left:250px;}

.certification_event_wrap{background: url("/front/images/lecture_page/event/certification_event_background.jpg") center no-repeat; width: 100%; padding:50px 0; background-size:cover;}
.certification_event_wrap > div{width:1200px; margin:0 auto;}
.certifi_event_slide > div{}
.certifi_event_slide a{width: 100%;}
.certification_event_wrap h3{font:bold 28px/36px "Noto Sans KR", sans-serif;}
.certification_event a{height:277px; overflow: hidden;}
.certifi_event_slide p{font-size:16px; margin-top:15px;}
.certifi_event_slide p:last-child{font-size: 18px; font-weight: bold; margin-top:15px;}
.certifi_event_menu a{background: #eee;}
.certifi_event_menu div:first-child{padding:30px 20px;}
.certifi_event_menu div:last-child{background: url("/front/images/lecture_page/event/event_background1.jpg") 100% center no-repeat; width:100%; height: 117px;}
.certifi_event_menu p{color:#ff5062; font-size: 18px; margin-bottom:5px;}
.certifi_event_menu:hover div:last-child{background-image: url("/front/images/lecture_page/event/next_icon2.png"), url("/front/images/lecture_page/event/event_background1.jpg"); background-position: 100% center, 100% center; background-repeat:no-repeat; background-size:280px 117px, 280px 117px; transition-duration: .3s;}
.certifi_event_menu div.certifi_event_right{background: url("/front/images/lecture_page/event/event_background2.jpg") 100% center no-repeat;}
.certifi_event_menu:hover div.certifi_event_right{background-image: url("/front/images/lecture_page/event/next_icon2.png"), url("/front/images/lecture_page/event/event_background2.jpg");}

/*캐러셀*/
.certification_event .carousel-indicators{right:25px; left: inherit; margin-right:0; bottom:5px; margin-left: 0;}
.certification_event .carousel-indicators li{width: 12px; height: 12px; opacity: .3; border-radius: 50%; background-color: #000;}
.certification_event .carousel-indicators li.active{opacity: .5; background-color: #fff;}

.certification_lecture div{padding:10px 0;}
.certification_lecture div:first-child{height:auto;}
.certification_lecture a > div:last-child{padding:0;}
.certification_lecture{background-color: transparent;}
.certification_lecture h3{font-size:20px; margin-bottom: 0;}
.certification_lecture p:last-child{font-size:14px; color:#222;}
.certification_lecture .certification_btn{width: 72px; height:25px; line-height:24px; color:#fff; font-size:14px; border-radius: 5px; display: inline-block; text-align: center; margin-right:5px;}
.certification_lecture div:last-child{padding: 10px 0 0;}
.sample_btn{background-color: #aaa;}
.enrolment_btn{background-color: #006f4f;}

/*20200327 common 겹치는 부분 수정 Start*/
.certification_index_wrap .certification_lecture .certification_btn{width:130px; height:35px; line-height:33px; border-radius: 0;}
.certification_index_wrap .certification_lecture .sample_btn{color:#555; background-color: transparent; border:1px solid #aaa;}
.certification_index_wrap .certification_lecture .enrolment_btn{background-color: #ff5062;}
.certification_index_wrap .certification_lecture{padding-bottom:25px;}
.certification_index_wrap .certification_lecture > div{padding-top:25px;}
.certification_lecture div.certification_btn_wrap{padding-top:20px;}
/*20200327 common 겹치는 부분 수정 End*/

.lecture_wrap .best_wrap:nth-child(4n){margin-right:0;}
.lecture_wrap .best_wrap{margin-bottom:54px;}

@media (max-width: 1230px) {
    .hot_certification_wrap .lecture_title h2, .hot_certification_wrap{background: #b6fe7e;}
    .certification_event_wrap > div, .hot_certification_wrap > div{width:96%; margin:0 2%;}
    .hot_certification_wrap{min-height: 300px;}

    .certification_event a img{height:inherit; min-height:226px;}

    .certification_wrap .certification_lecture .certification_btn, .certification_lecture .certification_btn{width:49%; margin-right:2%; float: left;}
    .certification_wrap .certification_lecture .enrolment_btn, .certification_btn.enrolment_btn{margin-right:0;}
}

@media(max-width:1190px){
    .certification_event_wrap{padding:90px 0;}
    .certifi_event_menu p{font-size:15px;}
    .certification_event_wrap h3{font-size:23px; line-height:28px;}
    .certifi_event_menu div:first-child{padding:6.2% 15px;}
    .certification_event a{height:auto;}
}

@media (max-width:991px){
    .certification_event a{height:inherit; margin-bottom:3%;}
    .certification_event a img{width:100%;}
    .certification_event .carousel-indicators {right: 40px; bottom: 40px;}

    .certifi_event_menu div:last-child{background-size: cover;}
    .certifi_event_menu:hover div:last-child{background-size: cover;}
    .certification_event_wrap h3 br{display: none;}
}

@media (max-width:768px){
    .certification_event a{height:inherit;}
    .certifi_event_menu a{overflow: hidden; width:100%; height: inherit;}
    .certifi_event_menu div:first-child{float:left; width:50%;}
    .certifi_event_menu div:last-child{float:right; width:50%; height:164px;}
    .certifi_event_menu div:first-child{padding: 9% 15px 7%;}
    .certification_event .carousel-indicators {right: 20px; bottom: 20px;}
}

@media(max-width:375px){
    .lecture_title h2{font-size:30px;}
    .lecture_title{padding:10px 0 0;}
    .certification_event a img{height:auto; min-height: inherit;}
    .certifi_event_menu div:last-child{height:159px;}
    .certifi_event_menu div:first-child {padding: 12% 15px 7%;}
    .certification_event_wrap {padding: 70px 0;}
}


/* 20200804 직무포털 강의 카드 수정 Start */
/* 20200902 -40px > -64px로 수정 Start */
.best_lecture_wrap > div{top: -64px;}
/* 20200902 -40px > -64px로 수정 Start */
.best_wrap div.crs_card_top{height:128px;}
.best_wrap div.crs_card_top .crs_state_badge{display: table; right: 0; top: 0; width: 52px; height: 52px; padding: 2px; border: 1px solid #222222; font-size: 11px; text-align: center;}
.best_wrap div.crs_card_top .crs_state_badge span{display: table-cell; background-color: #222222; color: #222222; vertical-align: middle;}
.best_wrap div.crs_card_top .crs_state_badge.best_badge{border: 1px solid #f22b2b;}
.best_wrap div.crs_card_top .crs_state_badge.best_badge span{color: #ffffff !important; background-color: #f22b2b;}
.best_wrap div.crs_card_top .crs_state_badge.new_badge{border: 1px solid #faf71e;}
.best_wrap div.crs_card_top .crs_state_badge.new_badge span{background-color: #faf71e;}
.best_wrap div.crs_card_top .crs_state_badge.hit_badge{border: 1px solid #2affed;}
.best_wrap div.crs_card_top .crs_state_badge.hit_badge span{background-color: #2affed;}

.best_wrap div.crs_card_top .crs_state_badge.BEST_badge{border: 1px solid #f22b2b;}
.best_wrap div.crs_card_top .crs_state_badge.BEST_badge span{color: #ffffff !important; background-color: #f22b2b;}
.best_wrap div.crs_card_top .crs_state_badge.마감임박_badge{border: 1px solid #faf71e;}
.best_wrap div.crs_card_top .crs_state_badge.마감임박_badge span{background-color: #faf71e;}
.best_wrap div.crs_card_top .crs_state_badge.HIT_badge{border: 1px solid #2affed;}
.best_wrap div.crs_card_top .crs_state_badge.HIT_badge span{background-color: #2affed;}

/* 20200902 추가 Start */
.lecture_wrap .best_wrap:nth-child(5n){clear: both;}
/* 20200902 추가 End */
.best_wrap .crs_hashtag_box{display: table; left: 0; top: 0; width: 100%; height: 100%; padding: 4%; background: linear-gradient(to top, rgba(2,2,2,0.8) 0%, rgba(2,2,2,0) 70%);}
.best_wrap .crs_hashtag_box ul{display: table-cell; color: #cccccc; font-size: 11px; vertical-align: bottom;}
/* 20200828 추가 Start */
.best_wrap .crs_hashtag_box ul p{color: #ececec;}
.best_wrap a{transform: skew(0deg);}
/* 20200828 추가 End */
.best_wrap p{font-size:12px; color:#6d6d6d;}
.best_wrap .crs_card_btm{min-height: 146px;}
.best_wrap .crs_info{color:#001b92; font-weight: 500; font-size: 12px; margin-top:5px;}
/* 20200902 직무포털 강의카드 수정 Start */
.best_wrap .crs_cost_box{font-size: 12px; line-height: 1; align-items: flex-end; justify-content: stretch;}
.crs_cost_box, .crs_cost_box div{overflow: initial !important;}
.best_wrap .crs_cost_box .crs_prime_cost{right: 0; top: -14px; font-size: 12px; color: #aaaaaa;}
.best_wrap .crs_cost_box .crs_prime_cost:after{display: block; content: ''; position: absolute; top: 9px; width: 100%; height: 1px; background-color: #666666;}
/* 20200902 직무포털 강의카드 수정 End */
.best_wrap .crs_cost_box .career_txt_price{color: #fe1616; font-size: 16px;}
.best_wrap .dc_badge{padding: 2px 6px; border: 1px solid #222222; border-radius: 300px; color: #222222;}
.best_wrap .dc_badge.first_badge{border-color: #fe6d16; color: #fe6d16;}
.best_wrap .dc_badge.add_badge{border-color: #1f46ec; color: #1f46ec;}
.text_ellipsis_line{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}

/* 20200902 직무포털 강의카드 수정 Start */
/* 20200908 추가 Start */
@media (max-width:1200px){
    .best_lecture_wrap > div{top: 0;}
}
/* 20200908 추가 End */
@media (max-width:991px){
    .best_wrap .crs_cost_box .crs_prime_cost{right: auto; left: 0; top: 4px;}
}
/* 20200902 직무포털 강의카드 수정 End */
@media (min-width: 601px) and (max-width:1200px){
    /*.best_wrap .crs_cost_box ul, .best_wrap .crs_cost_box p{flex: 0 0 100%; max-width: 100%;}*/
    .best_wrap .crs_cost_box ul li{margin-bottom: 6px;}
}
@media (max-width:540px){
    .best_wrap .crs_cost_box ul, .best_wrap .crs_cost_box p{flex: 0 0 100%; max-width: 100%;}
    .best_wrap .crs_cost_box ul li{margin-bottom: 6px;}
}
/* 20200804 직무포털 강의 카드 수정 End */

/*200923 직무포털 추가*/
.why_wrap{background-size: cover;}