/* 메인배너영역 - 배너탭 */  /* ** 20200129 수빈 수정 Start ** */
.main_banner_wrap .carousel-indicators{flex-direction: column; align-items: flex-end; top: 50%; left: auto; right: 0; transform: translateY(-50%); width: 15%; height: 100%; margin-left: 0; margin-right: 5%;}
.main_banner_wrap .carousel-indicators li{opacity: 1; width: 90%; height: auto; background-color: rgba(1,1,1,0.75); border-top: 0; border-bottom:1px solid rgba(85,85,85,0.7); color: #c9c9c9; font-size: 0.9vw; line-height: 3.5; text-align: center; text-indent: 0; transition:width .3s ease;}
.main_banner_wrap .carousel-indicators .active{opacity: 1; width: 100%; background-color: #ef2929; border-bottom-color: #ef2929; color: #fff; font-size: 1vw; line-height: 3.2; font-weight: 500;}
/* ** 20200129 수빈 수정 End ** */

/* 이룸에듀의 자신감 bar */
.review_bar_wrap{width: 100%; padding: 18px 0; background-color: #ffec47;}
.review_bar_wrap .review_bar_cont{position: relative; text-align: center;}
.review_bar_wrap .bar_deco_box img{position: absolute;}
.review_bar_wrap .bar_deco_box .bar_deco_left{top: -35px; left: 5%;}
.review_bar_wrap .bar_deco_box .bar_deco_right{bottom: -35px; right: 5%;}
.review_bar_wrap h4{display: inline-block; font-size: 38px; font-weight: 600; letter-spacing: -2px;}
.review_bar_wrap p{margin: 0 22px 0 30px; color: #6e6518; font-size: 25px; letter-spacing: -1.5px; font-weight: 500; vertical-align: text-bottom;}
.review_bar_wrap span{color: #ef2929; font-weight: 600; }
.review_bar_wrap a{display: inline-block; padding: 9px; border-radius: 300px; background-color: #222; color: #fff947; font-size: 22px; font-weight: 600;  vertical-align: super;}

/* 맞춤 할인 영역 */
.user_benefit_wrap{width: 100%; height: auto; background: url("/front/images/sub/national/benefit/user_benefit_bg.png") fixed center no-repeat; background-size: cover;}
.user_benefit_wrap img{width: 100%;}
.user_benefit_wrap .row div:nth-child(-n+3){margin-bottom: 20px;}
/*20200303 이벤트 구조 수정 start*/
.user_benefit_wrap .row div:first-child span{top: 36%; right: -11%; transform: rotate(90deg); color: #ef2929; font-size: 17px;}
.user_benefit_wrap .row div:first-child span:after{display: inline-block; content: ''; width: 73px; height: 2px; margin-left: 15px; background-color: #ef2929; vertical-align: middle;}
.user_benefit_wrap .row div:first-child h5{font-size: 45px; font-weight: 600; letter-spacing: -2px;}
.user_benefit_wrap .row div:first-child p{font-size: 30px; font-weight: 300; letter-spacing: -1px;}
/*20200303 이벤트 구조 수정 end*/

/* 최강 교수진 영역 */
.best_prof_wrap{position: relative; width: 100%; margin-top: -50px; background: url("/front/images/sub/national/best_prof_bg.png") 0 center repeat-x; background-size: cover; color: #fff;}
/*20200304 이벤트 구조 수정 Start*/
.best_prof_wrap .wrap_title_box h4{color:#fff;}
.best_prof_wrap .wrap_title_box p{font-size: 25px; color:#fff;}
/*20200304 이벤트 구조 수정 End*/
/*20200306 버튼추가 Start*/
.best_prof_wrap .wrap_title_box{padding-top: 75px; margin-bottom: 0; text-align: left;}
.best_prof_wrap .wrap_title_box hr{border: .5px solid #fff; width: 70px; text-align: left; display: inline-block}
.best_prof_wrap .wrap_title_box button{border: 1px solid #fff; background: transparent; color: #fff; width:150px; height:35px; display: block;}
/*20200306 버튼추가 End*/

/* 이룸에듀 선택 이유 영역 */
/*20200304 컬러변경 수정 Start*/
.select_reason_wrap{width: 100%; background: url("/front/images/tools/diagonal_line_bg.png") center repeat;}
.select_reason_wrap .col-lg-5 span{color: #ef2929; font-size: 22px; font-weight: 300; visibility: hidden;}
.select_reason_wrap .col-lg-5 span:before{display: inline-block; content: ''; width: 77px; height: 2px; margin-right: 12px; background-color: #ef2929; vertical-align: middle;}
.select_reason_wrap .col-lg-5 .embed-responsive{background-color: #000;}
.select_reason_wrap .col-lg-5 .embed-responsive-16by9::before{padding-top: 50.4%;}
.select_reason_wrap .col-lg-5 li:last-child{width: 100%; padding: 7px; background-color: #ef2929; text-align: center;}
.select_reason_wrap .col-lg-5 li:last-child a{color: #fff; font-size: 22px; font-weight: 600;}
.select_reason_wrap .col-lg-7{padding-top: 40px; padding-left: 0;}
.select_reason_wrap .col-lg-7 .col-sm-6:last-child{padding-right: 0;}
.select_reason_wrap .col-lg-7 .col-sm-6 li{width: 100%; padding: 22px 0 22px 20px; border:1px solid rgba(187,187,187,0.5); font-size: 20px; background:#fff;}
.select_reason_wrap .col-lg-7 .col-sm-6 li:nth-child(-n+2){margin-bottom: 26px;}
.select_reason_wrap .col-lg-7 .col-sm-6 li:after{display: block; content: ''; clear: both;}
.select_reason_wrap .col-lg-7 .col-sm-6 li img{float: left;padding-right: 20px; filter: invert(100%);}
.select_reason_wrap .col-lg-5 li:last-child .btn_play{color: #fff; font-size: 22px; font-weight: 600; background:none;}
@media(max-width:1200px) and (min-width:600px){
    .select_reason_wrap .col-lg-7 .col-sm-6 li{font-size:19px; padding: 15px 0 15px 15px;}
}
@media(max-width:1200px) and (min-width:991px){
    .select_reason_wrap .col-lg-7 .col-sm-6 li{max-height:61px;}
    .select_reason_wrap .col-lg-7 .col-sm-6 li img{padding-right:10px;}
}
/*20200304 컬러변경 수정 End*/

/* 이룸에듀 합격 솔루션 영역 */
.pass_solution_wrap{width: 100%; background-color: #eee;}
.pass_solution_wrap .container{padding: 0;}
.pass_solution_wrap .col-md-6{position: relative; padding: 0; background-color: #111;}
.pass_solution_wrap .col-md-6:first-child:before{display: block; position: absolute; bottom: -20px; left: -20px; content: ''; width: 100%; height: 100%; background-color: #fff;}
.pass_solution_wrap .col-md-6:last-child:before{display: block; position: absolute; top: -20px; right: -20px; content: ''; width: 100%; height: 100%; background-color: #fff;}
.pass_solution_wrap .col-md-6 .pass_solution_box{position: relative; width: 100%; padding: 88px 0; color: #fff; text-align: center;}
.pass_solution_wrap .col-md-6:first-child .pass_solution_box{background: #111 url("/front/images/sub/national/solution_guide_bg.jpg") 0 0 no-repeat; background-size: cover;}
.pass_solution_wrap .col-md-6:last-child .pass_solution_box{background: #111 url("/front/images/sub/national/solution_pass_bg.jpg") 0 0 no-repeat; background-size: cover;}
.pass_solution_wrap .col-md-6 .solution_cont_box span{font-size: 21px; line-height: 37px; font-weight: 300; letter-spacing: -2px;}
/*.pass_solution_wrap .col-md-6:last-child .solution_cont_box span{font-size: 35px; line-height: 1; font-weight: 600; letter-spacing: 1.5px;}*/
.pass_solution_wrap .col-md-6 .solution_cont_box h5{margin-bottom: 20px; font-size: 43px; font-weight: 600;}
.pass_solution_wrap .col-md-6 .solution_cont_box a{width: 280px; height: 40px; margin: auto; border: 1px solid #fff; color: #fff; font-size: 22px;}
.pass_solution_wrap .col-md-6:hover:before{background-color: #ef2929; transition: ease 0.5s; -webkit-transition: ease 0.5s;}
.pass_solution_wrap .col-md-6:hover .pass_solution_box:before{display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); transition: ease 0.5s; -webkit-transition: ease 0.5s;}
.pass_solution_wrap .col-md-6:hover .solution_cont_box, .pass_solution_wrap .col-md-6:hover .solution_cont_box a{color: #fd2a2a; border-color: #ef2929; transition: ease 0.5s; -webkit-transition: ease 0.5s;}

/* 상담,고객지원 영역 */
.national_wrap .contact_wrap .col-xl-9 h6 span{color: #ffec47;}

@media (min-width:992px) {
    /* 메인배너영역 - 배너탭 */
    .tablet_show{display: none;}
}

/* ** 20200129 수빈 수정 Start ** */
@media (min-width:1400px) {
    /* 메인배너영역 - 배너탭 */
    .main_banner_wrap .carousel-indicators{margin-right: 10%;}
}

@media (min-width:1700px) {
    /* 메인배너영역 - 배너탭 */
    .main_banner_wrap .carousel-indicators{margin-right: 16%;}
}

@media (max-width:1366px) {
    /* 메인배너영역 - 배너탭 */
    .main_banner_wrap .carousel-indicators li{font-size: 1.2vw;}
    .main_banner_wrap .carousel-indicators .active{font-size: 1.3vw;}
}
/* ** 20200129 수빈 수정 Start ** */

@media (max-width:1199px) {
    /* 메인배너영역 - 배너탭 */
    .main_banner_wrap .carousel-indicators{margin-right: 4%;}

    /* 이룸에듀의 자신감 bar */
    .review_bar_wrap .bar_deco_box{display: none;}

    /* 최강 교수진 영역 */
    .best_prof_wrap .wrap_title_box{padding-top: 120px; padding-bottom: 50px;}
    .best_prof_wrap .best_prof_box img{position: absolute; bottom: 0;}
}

@media (max-width:991px) {
    /* 메인배너영역 - 배너탭 */
    .main_banner_wrap .carousel-indicators{display: none;}

    /* 이룸에듀의 자신감 bar */
    .review_bar_wrap h4{display: block;}
    .review_bar_wrap p{margin: 0 5px 0 0;}
    .review_bar_wrap a{vertical-align: super;}

    /* 맞춤 할인 영역 */
    .user_benefit_wrap .row div:first-child h5{font-size: 40px;}
    .user_benefit_wrap .row div:first-child p{font-size: 22px;}

    /* 이룸에듀 선택 이유 영역 : 20200320 빈공간 삭제 */
    .select_reason_wrap .col-lg-5 span{display: none;}

    /* 최강 교수진 영역 */
    .best_prof_wrap .container{max-width: 100%;}
    .best_prof_wrap .wrap_title_box{padding-top: 110px; padding-bottom: 70px;}
    .best_prof_wrap .best_prof_box img{right: 0; width: 65%;}

    /* 이룸에듀 합격 솔루션 영역 */
    .pass_solution_wrap .col-md-6 .solution_cont_box h5{font-size: 38px;}
    .pass_solution_wrap .col-md-6 .solution_cont_box span{font-size: 20px;}

    /* 맞춤 할인 영역 *//* 20200922 767에서 991로 적용 변경 Start */
    .user_benefit_wrap .container{padding:50px 0;}
    .user_benefit_wrap .row div:first-child{text-align: center;}
    .user_benefit_wrap .row div:first-child span{top: -22%; left: 50%; transform: translateX(-50%); font-size: 14px;}
    .user_benefit_wrap .row div:first-child span:after{display: block; width: 100%; margin-left: 0;}
    .user_benefit_wrap .row div:nth-child(-n+5){margin-bottom: 50px;}
    .user_benefit_wrap .row div:first-child h5{margin-top:10px;}
    /* 20200922 767에서 991로 적용 변경 End */
}

@media (max-width:767px) {
    /* 최강 교수진 영역 */
    .best_prof_wrap{margin-top: 0; background: none; background-color: #d22828;}
    /*20200304 순서변경 수정 Start*/
    .best_prof_wrap .wrap_title_box{padding-top: 40px; padding-bottom: 40px;}
    /*20200304 순서변경 수정 End*/
    .best_prof_wrap .best_prof_box img{position: relative; width: 100%;}

    /* 이룸에듀 합격 솔루션 영역 */
    .pass_solution_wrap .col-md-6:first-child{margin-bottom: 10px;}
    .pass_solution_wrap .col-md-6:first-child:before,.pass_solution_wrap .col-md-6:last-child:before{display: none;}

    /*20200304 순서변경 수정 Start*/
    /* 20200320 padding-top:30px 에서 0으로 수정 */
    .pass_solution_wrap .row{padding: 0px 0 10px;}
    /*20200304 순서변경 수정 End*/
}

/* 20200318 640px 추가 Start */
@media(max-width : 640px) {
    /* 이룸에듀 합격 솔루션 영역 */
     .pass_solution_wrap .col-md-6{padding: 0 10px; background-color: transparent;}
}
/* 20200318 640px 추가 End */

@media(max-width : 600px) {
    /* 이룸에듀 합격 솔루션 영역 */
    .pass_solution_wrap .col-md-6 .pass_solution_box{padding: 65px 0;}
}

@media(max-width : 574px) {
    /* 이룸에듀의 자신감 bar */
    /*20200304 순서 변경관련 Start*/
    .review_bar_wrap{padding: 30px 0 35px;}
    /*20200304 순서 변경관련 End*/
    .review_bar_wrap p{font-size: 23px; line-height: 30px}
    .review_bar_wrap a{display: block; padding: 4px; width: 90%; margin: 8px auto 0;}

    /* 이룸에듀 선택 이유 영역 */
    .select_reason_wrap .col-lg-7 .col-sm-6 li{width: 100%; padding: 22px 0 22px 5%; border: 1px solid rgba(187,187,187,0.5); font-size: 19px; background: #fff;}
    .select_reason_wrap .col-lg-7{padding-left: 10px;}
    .select_reason_wrap .col-lg-7 .col-sm-6{padding: 0;}
    .select_reason_wrap .col-lg-7 .col-sm-6 li,.select_reason_wrap .col-lg-7 .col-sm-6 li:nth-child(-n+2){margin-bottom: 10px;}
    .select_reason_wrap .col-lg-7 .col-sm-6:last-child li:last-child{margin-bottom: 0px;}

    /* 맞춤 할인 영역 :20200318 추가 */
    .user_benefit_wrap .row div:nth-child(-n+5){margin-bottom: 20px;}
}

@media (max-width: 440px) {
    .national_wrap .wrap_title_box p{margin-bottom: 5px;}

    /* 교수진 배너 영역 */
    .best_prof_wrap .container,.best_prof_wrap .best_prof_box{padding: 0;}
    .best_prof_wrap .wrap_title_box{padding-top: 55px; text-align: center;}

     /* 이룸에듀 합격 솔루션 영역 */
    .pass_solution_wrap .col-md-6 .solution_cont_box h5{font-size: 36px;}
    .pass_solution_wrap .col-md-6 .solution_cont_box span{font-size: 18px;}
}

/*20200317 교수진 이미지 변경*/
.best_prof_wrap .wrap_title_box{padding-top: 135px; margin-bottom: 0; text-align: left;}
.best_prof_wrap .wrap_title_box_national{padding-top: 75px;}
@media (max-width: 765px){
    .best_prof_wrap .wrap_title_box{padding-top: 70px;}
}


/*20200520 메인 - 샘플강의보기 버튼 커서 삭제*/
.select_reason_wrap .col-lg-5 li:last-child .btn_play{cursor: default;}

/*20200908 각 교과목 주 칼라로 변경 Start */
.wrap_fn .main_banner_wrap .carousel-indicators .active{background-color: #68C523; border-bottom-color: #68C523;}
.wrap_fn .select_reason_wrap .col-lg-5 li:last-child, .wrap_fn .pass_solution_wrap .col-md-6:hover:before{background-color: #68C523;}
.wrap_fn .best_prof_wrap{background: url("/front/images/sub/national/best_prof_bg_fn.png") 0 center repeat-x; background-size: cover;}
.wrap_fn .pass_solution_wrap .col-md-6:hover .solution_cont_box, .wrap_fn .pass_solution_wrap .col-md-6:hover .solution_cont_box a{color: #68C523;border-color: #68C523;}

.wrap_house .main_banner_wrap .carousel-indicators .active{background-color: #F09E0F; border-bottom-color: #F09E0F;}
.wrap_house .select_reason_wrap .col-lg-5 li:last-child, .wrap_house .pass_solution_wrap .col-md-6:hover:before{background-color: #F09E0F;}
.wrap_house .best_prof_wrap{background: url("/front/images/sub/national/best_prof_bg_house.png") 0 center repeat-x; background-size: cover;}
.wrap_house .pass_solution_wrap .col-md-6:hover .solution_cont_box, .wrap_house .pass_solution_wrap .col-md-6:hover .solution_cont_box a{color: #F09E0F;border-color: #F09E0F;}

.wrap_kor .main_banner_wrap .carousel-indicators .active{background-color: #2054c0; border-bottom-color: #2054c0;}
.wrap_kor .select_reason_wrap .col-lg-5 li:last-child, .wrap_kor .pass_solution_wrap .col-md-6:hover:before{background-color: #2054c0;}
.wrap_kor .best_prof_wrap{background: url("/front/images/sub/national/best_prof_bg_kor.png") 0 center repeat-x; background-size: cover;}
.wrap_kor .pass_solution_wrap .col-md-6:hover .solution_cont_box, .wrap_kor .pass_solution_wrap .col-md-6:hover .solution_cont_box a{color: #4c86ff;border-color: #2054c0;}

@media (max-width:767px) {
    /* 최강 교수진 영역 */
    .best_prof_wrap{background: none;}
    .wrap_fn .best_prof_wrap{background-color: #68C523;}
    .wrap_house .best_prof_wrap{background-color: #F09E0F;}
    .wrap_kor .best_prof_wrap{background-color: #2054c0;}
}
/*20200908 각 교과목 주 칼라로 변경 End */

/*200917 메인 폰트사이즈 수정*/
@media(max-width: 991px){
    .review_bar_wrap h4, .wrap_title_box h4, .user_benefit_wrap .row div:first-child h5{font-size: 30px;}
}
@media(max-width:600px){
    .select_reason_wrap .col-lg-7 .col-sm-6 li{font-size: 14px; text-align: center; padding: 25px 0; height:110px;}
    .select_reason_wrap .col-lg-7 .col-sm-6 li p{text-align: center; margin-top: 10px;}
    .select_reason_wrap .col-lg-7 .col-sm-6 li img{float: inherit; padding-right: 0;}
    .select_reason_wrap .col-lg-7 .col-sm-6{max-width: 49%;}
    .select_reason_wrap .col-lg-7 .col-sm-6:first-child{margin-right: 2%;}
    .review_bar_wrap p{font-size: 20px; font-weight: 400;}
    .select_reason_wrap .col-lg-5 li:last-child .btn_play{font-size: 19px;}
    .pass_solution_wrap .col-md-6 .solution_cont_box a{font-size: 19px; line-height: 37px;}
    .pass_solution_wrap .col-md-6 .pass_solution_box{padding: 40px 0;}
    .best_prof_wrap .wrap_title_box{padding-top: 60px;}
    .user_benefit_wrap{padding: 30px 0;}
    .user_benefit_wrap .container{padding: 50px 0 0;}
    .pass_solution_wrap .col-md-6 .solution_cont_box h5{font-size: 30px;}
}