@charset "utf-8";

.banner_eju {margin-bottom: 10px; text-align: center; }
.banner_eju img {width: 210px;}

/* 스타강사 */
.teacher_star {position: relative;}
.teacher_star .slider_view {overflow: hidden; position: relative; width: 289px; height: 256px !important; margin: 0 auto;}
.teacher_star ul {position: absolute; left: 0; top: 0; width: 4000px;}
.teacher_star li {position: relative; float: left; width: 289px; height: 256px;}
.teacher_star li a img {width: 289px; height: 256px;}
.teacher_star .bul.rating {margin-left: 10px; vertical-align: middle;}
.teacher_star .bul.rating + .score {display: inline-block; margin: 0 5px; font-size: 15px; vertical-align: middle;}
.teacher_star .icon_wrap {position: absolute; right: 0; top: 0;}
.teacher_star .icon {font-size: 15px; line-height: 45px;}
.teacher_star .slider_nav {padding: 10px 0;}

/* 일반강사 */
.teacher_public ul {}
.teacher_public li {position: relative; min-height: 114px; border: 1px solid #d4d4d4;}
.teacher_public li + li {margin-top: 10px;}
.teacher_public li a {display: block; padding: 10px 10px 10px 10px;}
.teacher_public li a span {display: inline-block;}
.teacher_public li .photo {float: left; width: 96px; height: 96px; margin-right: 10px;}
.teacher_public li .photo img {max-width: 100%;}
.teacher_public li .info_box {padding-left: 106px;}
.teacher_public li .info_box .name {font-size: 15px; font-weight: bold; line-height: 24px;}
.teacher_public li .info_box .class {overflow: hidden; height: 34px; margin-top: 10px; font-weight: bold; line-height: 16px; color: #777; font-size: 13px;}
.teacher_public .rating_wrap {margin-top: 8px;}
.teacher_public .rating_wrap span {vertical-align: middle;}
.teacher_public .rating_wrap .score {display: inline-block; margin-left: 5px; font-size: 15px; color: #222;}
.teacher_public .icon_wrap {position: absolute; width: 45px; right: -1px; top: -1px;}
.teacher_public .no_data_message {padding: 70px 0 20px; border: 1px solid #d4d4d4; font-weight: bold; font-size: 13px; background: url('../images/common/no_data.png') no-repeat 50% 20px; background-size: 30px 40px; color: #222; text-align: center;}

/* 강사 상세 */
.teacher_profile {position: relative; margin-bottom: 30px; padding: 10px; border: 1px solid #d4d4d4;}
.teacher_profile .photo {width: 96px; height: 96px;}
.teacher_profile .photo img {max-width: 100%;}
.teacher_profile .info_box {min-height: 90px; margin-top: -90px; padding: 0 35px 0 106px;}
.teacher_profile .info_box .name {font-weight: bold; font-size: 15px;}
.teacher_profile .info_box .class {margin-top: 5px; color: #777;}
.teacher_profile .info_box .pass_student {margin-top: 10px;}
.teacher_profile .info_box .pass_student dt {font-weight: bold; font-size: 12px;}
.teacher_profile .info_box .pass_student dd {font-weight: bold; font-size: 15px;}
.teacher_profile .teacher_message {margin-top: 10px; padding: 10px 0; line-height: 1.5; border-top: 1px dotted #d4d4d4; color: #777;}
.teacher_profile .teacher_message * {color: #777;}
.teacher_profile .rating_wrap {margin-top: 5px;}
.teacher_profile .rating_wrap .score {display: inline-block; margin-left: 5px; font-size: 15px; color: #222;}
.teacher_profile .icon_wrap {position: absolute; right: -1px; top: -1px; width: 45px;}

/* 프로그램 안내 */
.class_program {padding-top: 10px;}
.class_program .tab_wrap {margin-top: 30px;}
.class_program .tab_wrap .search_box {border-top: 1px solid #da2226;}
.class_program .content_tit {margin-bottom: 5px;}
.class_program p.content_tit {margin-top: 20px;}
.class_program .content_tit2 {margin-bottom: 5px; color:#da2226;}
.class_program p.content_tit2 {margin-top: 20px;}
.class_program .program_tit {font-size: 11px; text-align: center; line-height: 15px;}
.class_program .program_tit span {font-size: 17px; line-height: 21px; color: #da2226;}
.class_program .program_tit strong {display: block; margin: 3px 0; font-size: 17px; line-height: 21px;}
.class_program .program_info {margin-top: 15px; text-align: center;}
.class_program .program_info dl {margin-top: 3px;}
.class_program .program_info dl:first-child {margin-top: 0;}
.class_program .program_info dt {display: inline-block; padding: 4px 8px; background: #da2226; border-radius: 10%; font-size: 10px; font-weight: bold; color: #fefefe; vertical-align: top;}
.class_program .program_info dd {display: inline-block; min-width: 180px; margin-left: 5px; padding-top: 3px; font-size: 11px; text-align: left;}
.class_program .program_info.long dd {min-width: 245px;}
.class_program .program_txt, .class_program .program_txt li {color: #777; line-height: 20px;}
.class_program .txt_strong {margin-top: 20px; font-size: 10px; color: #da0000; text-align: center;}
.class_program .img_wrap {padding-bottom: 20px; text-align: center;}
.class_program .img_wrap img {/*margin-top: 20px;*/vertical-align: top;}
.class_program .img_wrap img, .class_program .college_step > p img {width: 290px;}
.class_program .college_step {position: relative; border-top: 1px solid #ddd;}
.class_program .college_step > p {padding: 20px 0;}
.class_program .college_step ul {position: absolute; left: 45px; top: 20px;}
.class_program .college_step li {min-height: 56px; margin-top: 71px; padding: 10px 5px 10px 10px; border: 1px solid #ddd; font-size: 11px; color: #777; line-height: 17px;}
.class_program .college_step li:first-child {height: 73px; margin-top: 60px;}
.class_program .college_step li:nth-child(3), .class_program .college_step li:nth-child(5) {height: 73px;}
.class_program .college_step li:nth-child(7) {height: 120px;}
.class_program .college_step li p {margin-bottom: 5px; font-weight: bold; color: #da2226;}
.class_program .college_step li strong {display: block; font-size: 11px; color: #222;}

.class_program .exam_number div {min-height: 20px; padding: 15px 0 15px 35px; border-bottom: 1px dashed #dcdcdc;}
.class_program .exam_number span {display: inline-block; margin-top: 3px; font-size: 11px; color: #777; line-height: 14px; letter-spacing: -1px;}
.class_program .exam_number .num1 {background: url('../images/common/img_number1.jpg') no-repeat 7px center; background-size: 21px auto;}
.class_program .exam_number .num2 {background: url('../images/common/img_number2.jpg') no-repeat 7px center; background-size: 21px auto;}
.class_program .exam_number .num3 {background: url('../images/common/img_number3.jpg') no-repeat 7px center; background-size: 21px auto;}
.class_program .exam_number .num4 {background: url('../images/common/img_number4.jpg') no-repeat 7px center; background-size: 21px auto;}
.class_program .exam_number .num5 {background: url('../images/common/img_number5.jpg') no-repeat 7px center; background-size: 21px auto;}

.class_program .exam_number2 div {min-height: 50px; padding: 15px 0 15px 35px; border-bottom: 1px dashed #dcdcdc;}
.class_program .exam_number2 span {display: inline-block; margin-top: 3px; font-size: 11px; color: #777; line-height: 14px; letter-spacing: -1px;}
.class_program .exam_number2 .num1 {background: url('../images/common/img_number1.jpg') no-repeat 7px center; background-size: 21px auto;}
.class_program .exam_number2 .num2 {background: url('../images/common/img_number2.jpg') no-repeat 7px center; background-size: 21px auto;}
.class_program .exam_number2 .num3 {background: url('../images/common/img_number3.jpg') no-repeat 7px center; background-size: 21px auto;}
.class_program .exam_number2 .num4 {background: url('../images/common/img_number4.jpg') no-repeat 7px center; background-size: 21px auto;}

.class_program .program_box.normal {margin-top: 10px; width: 100%;}
.class_program .program_box.normal div {margin-bottom: 10px; padding: 10px; border: 1px solid #d4d4d4; color: #777; text-align: center;}
.class_program .program_box.normal div span {color: #777;}
.class_program .program_box.normal div.even {background: #f7f7f7;}
.class_program .program_box.normal strong {display: block; color: #222;}
.class_program .program_box {margin-top: 20px;}
.class_program .program_box ul {overflow: hidden;}
.class_program .program_box li {float: left; width: 50%; margin-bottom: 10px; text-align: center;}
.class_program .program_box li div {height: 80px; padding-top: 35px; border: 1px solid #d4d4d4;}
.class_program .program_box li div.short {height: 70px; padding-top: 45px;}
.class_program .program_box li:nth-child(odd) div {margin-right: 5px;}
.class_program .program_box li:nth-child(even) div {margin-left: 5px;}
.class_program .program_box li div.even {background: #f7f7f7;}
.class_program .program_box li div span {color: #777; line-height: 20px;}

.class_program .call_box {padding: 15px; border: 1px solid #d4d4d4;}
.class_program .call_box p {margin-bottom: 5px; font-weight: bold; text-align: center;}
.class_program .call_box ul {width: 254px; margin: 0 auto;}
.class_program .call_box li {display: inline-block; margin: 10px 15px 0 0;}
.class_program .call_box li span {margin-right: 5px;}
.class_program .call_box.normal {margin-top: 10px; text-align: center;}
.class_program .call_box.normal a {color: #777;}

.class_program .tab {margin-top: 20px;}

.class_program .tbl_wrap + .teacher_public {margin-top: 30px;}
.class_program .program_txt + .tbl_wrap {margin-top: 20px;}
.class_program .program_box.normal + .teacher_public {margin-top: 30px;}
.class_program .program_txt + .teacher_public {margin-top: 25px;}
.class_program .teacher_public > p {margin: 20px 0 15px;}
.class_program .teacher_public li {min-height: 96px; height: auto; padding: 10px;}
.class_program .teacher_public li .info_box {display: block; padding-left: 106px;}
.class_program .teacher_public li .photo {width: 94px; height: 94px; border: 1px solid #c6c7cd;}
.class_program .teacher_public li .photo img {width: 94px; height: 94px;}
.class_program .teacher_public li .photo.divide {width: 96px; height: 96px; border: none; font-size: 0;}
.class_program .teacher_public li .photo.divide span {display: inline-block; overflow: hidden; width: 44px; height: 94px; margin-left: 4px; border: 1px solid #d3dadf;}
.class_program .teacher_public li .photo.divide span:first-child {margin-left: 0;}
.class_program .teacher_public li .photo.divide span img {position: relative; left: -26px; max-width: 94px;}
.class_program .teacher_public li .info_box .name {display: block;}
.class_program .teacher_public li .info_box .teaching {display: block; margin: 3px 0; line-height: 20px;}
.class_program .teacher_public li .info_box .class {font-weight: normal; white-space: normal; line-height: 20px;}
.class_program .teacher_public li .info_box .class > a {display: inline; width: auto; height: auto; padding: 0; color: #777;}