/* 공통 영역 */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
    padding-left: 10px;
    padding-right: 10px;
}
.all_course_wrap .container-fluid{padding: 80px 0;}
.all_course_wrap .course_box{max-width: 1272px; margin: auto;}

/* 공통 타이틀 */
.course_title_box{position: relative; width: 100%; margin-bottom: 10px; border-bottom: 3px solid #222; text-align: center;}
.course_title_box h3{margin-bottom: 20px;  font-size: 40px; font-weight: 700;}
.course_title_box h3 span{font-weight: 400;}

/* 메인배너영역
#main_banner_slide{position: relative;}
#main_banner_slide .main_banner_cont{position: absolute;left: 0; top: 0;}*/

/* 베스트 과정 영역 */
/* 20200407 베스트 과정 수정 Start */
.best_course_wrap{width: 100%; background-color: #fddd56; box-sizing: border-box; font-size: 21px; font-weight: 400; line-height: 2em;}
/* 20200117 수빈 수정 Start */
.best_course_wrap .row > div{position: relative; padding: 24px 0; line-height: 0;}
.best_course_wrap .best_tt_box{background-color: #06319e;}
.best_course_wrap .best_in_box{width: 290px; height: 100%; margin-left: auto; padding: 36px 24px 0 24px; border-top: 6px solid #fddd56; border-left: 6px solid #fddd56;}
.best_course_wrap .best_in_box:after{content: ''; display: inline-block; position: absolute; left: auto; bottom: 0; width: 1px; height: 52%; background-color: #fddd56;}
.best_course_wrap .best_in_box:before{content: 'BEST'; display: inline-block; position: absolute; left: auto; bottom: 60%; color: #fddd56; font-size: 24px; font-weight: 600; letter-spacing: 2px; writing-mode: vertical-lr;}
.best_course_wrap .best_in_box p{color: #fff; font-weight: 600; font-size: 42px; line-height: 1; letter-spacing: 2px; text-align: right; }
.best_course_wrap .slick_arrow_box{position: absolute; right: 24px; bottom: 18px;}
.best_course_wrap .slick_arrow{width: 44px; height: 44px; border: 2px solid #fff; background-color: transparent; color: #ffffff; font-size: 17px; font-family: 'Nanum Gothic', sans-serif; -webkit-transition-duration: .2s; transition-duration: .2s;}
.best_course_wrap .slick_arrow:hover{background-color: #ffffff; border-color: #ffffff; color: #222222; font-weight: 600; font-size: 17px; font-family: 'Nanum Gothic', sans-serif;}
.best_course_wrap li{border-radius: 4px; font-weight: 400; overflow: hidden;}
.best_course_wrap li a{position: relative; width: 100%; height: auto; overflow: hidden;}
.best_course_wrap li img{width: 100%; transition-duration: 0.5s;}
/* 20200318 베스트과정 : 과목명 하단 위치 변경 Start */
/* 20200212 베스트과정 : 과목명 보이도록 수정 Start */
/* 20200316 말줄임 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 삭제 Start */
.best_course_wrap li span{display: inline-block;width: 100%; padding: 4% 6%; background-color: #f4f5f7; color: #222222; font-weight: 500; font-size: 17px; text-align: left; line-height: 1;}
/* 20200212 베스트과정 : 과목명 보이도록 수정 End */
/* 20200318 베스트과정 : 과목명 하단 위치 변경 End */
/* 20200316 말줄임 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 삭제 End */
.best_course_list .slick-slide{margin: 0 10px;}
/* 20200117 수빈 수정 End */
.best_course_list > .slick-list > .slick-track {margin-left:0;}
/* 20200407 베스트 과정 수정 End */

/* 자격증 과정 영역 */
.all_course_wrap .container-fluid:nth-child(even){width: 100%; height: 100%; background: url("/front/images/tools/diagonal_line_bg.png") 0 0 repeat;}
.all_course_wrap .container-fluid .container{max-width: 100%; margin-bottom: 12px; padding: 20px 30px; border: 1px solid #ccc; background-color: #fff;}
.course_box .go_home_btn{position: absolute; top:18%; right: 0;}
/*20200917 카테고리수정 하영 start*/
.course_box .col-sm-12.col-md-12:first-child{padding-left: 0; font-size: 21px; font-weight: 600; letter-spacing: -2px;}
.course_box .col-sm-12.col-md-12 .course_icon_box{float: left; width: 33px; height: 33px;  margin-right: 5px; border-radius: 33px; text-align: center;}
/*20200917 카테고리수정 하영 end*/
/*20200324 과정 아이콘 배경 삭제관련 Start*/
/* 20200219 국가공인자격증 영역 : 카테고리명 css 추가 Start */
.course_box .course_name{cursor: pointer; line-height: 33px;}
.course_box .course_name:hover{color: #ef2929;}
/* 20200219 국가공인자격증 영역 : 카테고리명 css 추가 End */
/*.container-fluid:first-child .course_icon_box{background-color: #ef2929;}*/
/*20200324 과정 아이콘 배경 삭제관련 end*/
/*.container-fluid:nth-child(2) .row:nth-child(2) .course_icon_box{background-color: #ffc334;}*/
/*.container-fluid:nth-child(2) .row:nth-child(3) .course_icon_box{background-color: #bf2ad5;}*/
/*.container-fluid:nth-child(2) .row:nth-child(4) .course_icon_box{background-color: #00c43c;}*/
/*.container-fluid:nth-child(2) .row:nth-child(5) .course_icon_box{background-color: #f43d8b;}*/
/*.container-fluid:nth-child(3) .row:nth-child(2) .course_icon_box{background-color: #aaa;}*/
/*.container-fluid:nth-child(3) .row:nth-child(3) .course_icon_box{background-color: #FD7E14;}*/
/*.container-fluid:nth-child(3) .row:nth-child(4) .course_icon_box{background-color: #0270eb;}*/
/*.container-fluid:nth-child(3) .row:nth-child(5) .course_icon_box{background-color: #f885ff;}*/
/*.container-fluid:nth-child(3) .row:nth-child(6) .course_icon_box{background-color: #ddcc0a;}*/
/*.container-fluid:nth-child(3) .row:nth-child(7) .course_icon_box{background-color: #204969;}*/
/*.container-fluid:nth-child(3) .row:nth-child(8) .course_icon_box{background-color: #692db7;}*/
/*.container-fluid:nth-child(3) .row:nth-child(9) .course_icon_box{background-color: #22e5b9;}*/
.course_box .course_icon_box svg{color: #fff; font-size: 17px; vertical-align: -2px;}
.course_box .col-sm-12.col-md-10 {padding: 0 0;}
/* 20200318 과목 리스트 클래스 추가, hover 영역 변경 Start */
/* 20200117 수빈 수정 font-size: 15px 에서 변경 */
.course_box .course_list{width: 100%; height: 30px; padding: 2px 0; font-size: 17px; letter-spacing: -2px; cursor: pointer; overflow: hidden;}
.course_box .course_list a{width: 95%; padding: 2px;}
.course_box .course_list:hover a{background-color: #222; color: #fff;}
/* 20200318 과목 리스트 클래스 추가, hover 영역 변경 End */
/* 20200316 말줄임 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 삭제 Start */
/*.course_box .col-sm-12.col-md-10 li a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}*/
/* 20200316 말줄임 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 삭제 End */

/* 이벤트 배너 영역 */
/*20200323 이벤트배너 수정 Start*/
.main_event_banner_wrap{width: 100%; height: 100%; background: url("/front/images/main/event/main_event_bg_white.jpg") 0 0 no-repeat; background-size: cover;}
/*.main_event_banner_wrap .wrap_title_box h4, .main_event_banner_wrap .wrap_title_box p{color: #fff;}*/
/*20200323 이벤트배너 수정 End*/
/*20200304 순서변경관련 수정 Start*/
.main_event_banner_box{position: relative; padding-top:30px;}
.main_event_banner_box .more_event_btn{position: absolute; right: 10px; z-index: 9; top:-40px;}
/*.main_event_banner_box .row div:nth-child(2n){padding-top: 50px;}*/
/*20200304 순서변경관련 수정 End*/
.main_event_banner_box .row div:nth-child(2n) li:not(:last-child){margin-bottom: 20px;}

/* 교수진 배너 영역 */
.prof_banner_wrap .slick-initialized .slick-slide{ margin: 0 10px;}

/* 이룸에듀 차별화 영역 */
.elum_benefit_wrap{width: 100%; height: 100%; background: #eee url("/front/images/tools/diagonal_white_line_bg.png") 0 0 repeat;}
.elum_benefit_wrap .row .col-sm-6.col-lg-3{margin-bottom: 20px;}
/* 20200318 글자수에 따라 틀어짐 - flex 스타일 추가 Start */
.elum_benefit_wrap .elum_benefit_cont{display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 30px; background-color: #fff; border: 1px solid #ddd;}
/* 20200318 글자수에 따라 틀어짐 - flex 스타일 추가 End */
.elum_benefit_wrap .elum_benefit_cont p{margin-bottom: 11px; color: #555; font-size: 15px; font-weight: 300; line-height: 18px;}
.elum_benefit_wrap .elum_benefit_cont h5{margin-bottom: 15px; color: #222; font-size: 22px; font-weight: 600; letter-spacing: -1px; line-height: 30px;}
.elum_benefit_wrap .elum_benefit_cont .benefit_icon{width: 100%; text-align: right;}


/* Media Query 영역 */
@media (min-width: 441px){
    /* 이벤트 배너 영역 */
    .main_event_banner_wrap br{display: none;}
}

@media (min-width: 768px) {
    /* 교수진 배너 영역 */
    .prof_banner_wrap .wrap_title_box br{display: none;}
}

@media (min-width: 990px) {
    /* 이룸에듀 차별화 영역 */
    .elum_benefit_wrap .row .col-sm-6.col-lg-3:nth-child(n+5){margin-bottom: 0px;}
}

/* 20200407 베스트 과정 추가 Start */
@media (max-width: 1440px) {
    /* 베스트 과정 영역 */
    .best_slide_box{flex:  0 0 74%; max-width: 74%;}
}
/* 20200407 베스트 과정 추가 End */

@media (max-width: 1200px) {
    /* 공통 영역 */
    .all_course_wrap .container-fluid{padding: 80px 10px;}

    /* 베스트 과정 영역 */  /* 20200117 수빈 수정 */
    .best_course_wrap .container{max-width: 100%;}
    /* 20200407 베스트 과정 추가 Start */
    .best_course_wrap {background-color: #06319e;}
    .best_course_wrap .best_in_box{width: 100%; padding: 0 10px; border: 0;}
    .best_course_wrap .best_in_box p{display: inline-block; border-bottom: 8px solid #fee555; font-size:35px;}
    .best_course_wrap .best_in_box:after,.best_course_wrap .best_in_box:before{display: none;}
    .best_course_wrap .slick_arrow_box{bottom: 0; right: 10px;}
    .best_slide_box{flex:  0 0 100%; max-width: 100%;}
    /* 20200407 베스트 과정 추가 End */
}

@media (max-width: 991px) {
    /* 베스트 과정 영역 */ /* 20200117 수빈 수정 */
    .best_course_wrap .row div.col-lg-2 p{margin-bottom: 20px;}
    .best_course_wrap .row div.col-lg-2 p br{display: none;}
    .best_course_wrap .row div.col-lg-2 span{font-size: 42px;}
    .best_course_wrap .slick-next{left: auto; right: 10px; bottom: 20px; max-width: 180px;}

    /* 20200917 과정명 간 간격 조정 Start */
    /* 자격증 과정 영역 */
    .course_box .course_list{height: 40px; padding: 8px 0;}
    /* 20200917 과정명 간 간격 조정 End */

    /* 이벤트 배너 영역 */
    .main_event_banner_box .more_event_btn{top: -30px;}
    .main_event_banner_box .row div:nth-child(2){padding-top: 0;}
    /*.main_event_banner_box .row div:last-child{padding-top: 20px;}*/
}

/*200917 카테고리부분 수정 하영 start*/
@media ( min-width: 768px) and (max-width: 991px) {
    /* 자격증 과정 영역 */
    /*.course_box .col-sm-12.col-md-12 .course_icon_box{float: none; display: block;}*/

    /* 이벤트 배너 영역 */
    .main_event_banner_box .row div:last-child li{float: left; width: 31.4%; margin-right: 20px;}
    .main_event_banner_box .row div:last-child li:last-child{margin-right: 0;}
}
@media (max-width: 1200px) {
    /* 자격증 과정 영역 */
    .course_box .col-sm-12.col-md-12:first-child{margin-bottom: 10px;}
}
@media (max-width: 767px) {
    /* 베스트 과정 영역 */ /* 20200117 수빈 수정 */
    .best_course_wrap .row div.col-lg-2 span{letter-spacing: 1px;}

    /* 이벤트 배너 영역 */
    .main_event_banner_box .row{text-align: center;}
    .main_event_banner_box .row div:nth-child(2n){padding-top: 0;}
    .main_event_banner_box .row div:nth-child(-n+2){padding-bottom: 20px;}
    .main_event_banner_box .row div:nth-child(2n) li:not(:last-child){margin-bottom: 2.8vw;}

    /* 교수진 배너 영역 */
    .prof_banner_wrap .wrap_title_box h4{line-height: 48px;}
}
/*200917 카테고리부분 수정 하영 end*/

@media (max-width: 640px) {
    /* 자격증 과정 영역 */
    .course_box .go_home_btn{position: absolute; top:-50%; right: 2%;}
    .go_home_btn a{font-size: 13px;}
    /*20200304 이벤트 수정 Start*/
    .main_event_banner_box .more_event_btn{top:-20px;}
    /*20200304 이벤트 수정 End*/
}

@media (max-width: 500px){
    /* 베스트 과정 영역 */ /* 20200117 수빈 수정 */
    .best_course_wrap .row div.col-lg-2 p{margin-bottom: 15px;}
    .best_course_wrap .slick-next{position: initial; width: 100%; max-width: 100%; margin-bottom: 20px;}
    /* 20200806 폰트사이즈, 패딩값 수정 */
    .best_course_wrap li span{padding: 4% 2%; font-size: 14px;}
}

@media (max-width: 440px) {
    /* 이룸에듀 차별화 영역 */
    .elum_benefit_wrap .elum_benefit_cont{padding: 25px;}
    .elum_benefit_wrap .elum_benefit_cont h5{margin-bottom: 0;}
    .elum_benefit_wrap .elum_benefit_cont .benefit_icon img{width: 25%;}

    /* 베스트 과정 영역 */
    /* 20200407 베스트 과정 추가 Start */
    .best_course_wrap .best_tt_box p:after{display: none;}
    /* 20200407 베스트 과정 추가 End */
}

/*20200416 메인페이지 배너 치우치는 문제 수정*/
.carousel-item img{display: block; margin: auto; width: 100%;}
@media(min-width:1920px){
    .best_course_wrap{margin: auto;}
    .prof_slide_box.div_course_list.slick-initialized{margin: auto;}
}

/*20200528 메인관련 추가*/
@media(max-width:360px){
    .best_course_wrap .best_in_box p{font-size: 30px;}
    .course_title_box h3{font-size:30px;}
    .all_course_wrap .container-fluid{padding: 40px 10px;}

    /* 20200806 폰트사이즈 수정 */
    .best_course_wrap li span{font-size: 12px;}
}

/*20200916 메인관련 추가*/
@media(max-width: 1200px){
    .course_title_box{overflow-x: hidden;}
    .course_box .go_home_btn{position: inherit; top: inherit; right: inherit; margin-bottom: 40px; float: right;}

}

@media(max-width: 640px){
    .best_course_wrap .best_in_box p{font-size: 30px;}
    .course_title_box h3{font-size: 30px;}
    .course_box .go_home_btn{position: inherit; margin-bottom: 30px; top: inherit; right: inherit; float: inherit;}
    .go_home_btn a{font-size: 15px; line-height: 30px;}
}

@media(max-width: 575px){
    .course_box .course_list a{width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}