@charset "utf-8";

.banner_eju {
  margin-top: 20px;
}
.banner_eju img {
  width: 50%;
}

/* 스타강사 */
.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 50px 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;
}
.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 .content_tit.type_blue {
  display: inline-block;
  height: 25px;
  margin-top: 20px;
  padding: 0 10px;
  background: #1164b0;
  color: #fff;
  line-height: 25px;
}
.class_program .content_tit.type_blue + .content_tit {
  margin-top: 10px;
}
.class_program p.content_tit {
  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: #1164b0;
}
.class_program .program_tit strong {
  display: block;
  margin: 3px 0;
  font-size: 17px;
  line-height: 21px;
}
.class_program .program_tit + .img_wrap {
  margin-top: 20px;
}
.class_program .program_info {
  margin-top: 15px;
}
.class_program .program_info dl {
  margin-top: 5px;
  vertical-align: top;
}
.class_program .program_info dl:first-child {
  margin-top: 0;
}
.class_program .program_info dt {
  display: inline-block;
  width: 65px;
  height: 25px;
  background: #1164b0;
  font-weight: bold;
  color: #fff;
  line-height: 25px;
  text-align: center;
}
.class_program .program_info dd {
  display: inline-block;
  margin-left: 10px;
  padding-top: 5px;
  font-size: 11px;
  color: #777;
  vertical-align: top;
}

.class_program .program_info1 {
  margin-top: 0px;
}
.class_program .program_info1 dl {
  margin-top: 5px;
  vertical-align: top;
}
.class_program .program_info1 dl:first-child {
  margin-top: 0;
}
.class_program .program_info1 dt {
  display: inline-block;
  width: 65px;
  height: 25px;
  background: #1164b0;
  font-weight: bold;
  color: #fff;
  line-height: 25px;
  text-align: center;
}
.class_program .program_info1 dd {
  display: inline-block;
  margin-left: 10px;
  padding-top: 5px;
  font-size: 11px;
  color: #777;
  vertical-align: top;
}

.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,
.class_program .college_step > p img {
  width: 290px;
}
.class_program .content_tit + .img_wrap img {
  margin-top: 20px;
}

.class_program .tab {
  margin-top: 25px;
}
.class_program .tab1 {
  margin-top: -15px;
}

.class_program .program_box {
  line-height: 24px;
}
.class_program .program_box > div {
  margin-top: 5px;
  padding: 15px;
  border: 1px solid #d4d4d4;
  text-align: center;
}
.class_program .program_box > div.even {
  background: #f7f7f7;
}
.class_program .program_box > div span {
  color: #777;
}
.class_program .program_box > div dl {
  text-align: left;
  line-height: 18px;
}
.class_program .program_box > div dt span {
  display: inline-block;
}
.class_program .program_box > div dt span:first-child {
  width: 25px;
  height: 30px;
  padding-left: 5px;
  background: url("../images/lecture/circle_blue.png") no-repeat 0 0;
  background-size: 30px;
  font-size: 15px;
  color: #fff;
  font-style: italic;
  line-height: 30px;
  vertical-align: top;
}
.class_program .program_box > div dt .tit {
  padding-left: 10px;
  font-weight: bold;
  color: #222;
}
.class_program .program_box > div dd {
  margin-top: 10px;
  font-size: 11px;
  color: #777;
}

.class_program .teacher_public li {
  height: auto;
  padding: 15px;
}
.class_program .teacher_public li .photo {
  width: 94px;
  height: 94px;
  border: 1px solid #d3dadf;
}
.class_program .teacher_public li .photo img {
  width: 94px;
  height: 94px;
}
.class_program .teacher_public li .info_box {
  display: block;
  min-height: 96px;
  padding-left: 106px;
}
.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 .class {
  display: block;
  margin-top: 10px;
  color: #777;
  line-height: 20px;
  height: auto;
  font-weight: normal;
}
.class_program .teacher_public.normal li {
  height: 96px;
}
.class_program .teacher_public.normal li .info_box {
  padding: 0;
}
.class_program .teacher_public.normal li .info_box {
  display: table;
  height: 96px;
  padding-top: 0;
}
.class_program .teacher_public.normal li .info_box .name {
  display: table-cell;
  vertical-align: middle;
}
.class_program .teacher_public .icon_wrap {
  width: 90px;
  text-align: right;
}

.class_program .program_txt + .program_youtube {
  margin-top: 20px;
}
.class_program .program_youtube iframe {
  width: 100%;
  min-height: 200px;
}

.class_program .tab.levelup {
  margin-top: 0;
}

.class_program .eju_title {
  height: 35px;
  margin-top: 30px;
  background: #1164b0;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
}
.class_program .eju_rolling {
  position: relative;
  height: 103px;
  padding: 10px;
  border: 1px solid #d4d4d4;
  border-bottom: none;
}
.class_program .eju_rolling .logo_list {
  position: relative;
  overflow: hidden;
  width: 268px;
  height: 86px;
  margin: 0 auto;
}
.class_program .eju_rolling .logo_list ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 500%;
  height: 86px;
}
.class_program .eju_rolling .logo_list li {
  float: left;
  width: 268px;
  height: 86px;
}
.class_program .eju_rolling .logo_list li a:first-child {
  margin-left: 0;
}
.class_program .eju_rolling .logo_list li a {
  float: left;
  display: block;
  width: 84px;
  height: 84px;
  margin-left: 5px;
  border: 1px solid #e5e5e5;
}
.class_program .eju_rolling .logo_list li img {
  width: 84px;
  height: 84px;
}
.class_program .eju_rolling .slider_nav {
  position: absolute;
  left: 50%;
  top: 106px;
  margin-left: -70px;
}
.class_program .eju_rolling .slider_nav a {
  margin: 0 2px;
}
.class_program .eju_rolling + .btn_pop {
  padding-bottom: 15px;
  border: 1px solid #d4d4d4;
  border-top: none;
  text-align: center;
}
.class_program .eju_rolling + .btn_pop .button {
  width: 255px;
  height: 35px;
  background: #333;
  font-size: 12px;
  line-height: 32px;
}
.class_program .eju_rolling + .btn_pop .button span {
  color: #66dcf3;
}

.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;
}

/*2019_11_13  EJU 일본유학시험과정 - 모바일*/

.img_map_box {
  position: relative;
  height: auto;
  width: 100%;
}
.img_map_box [class*="img_map"] {
  position: absolute;
}
.img_map_box [class*="img_map"] a {
  display: block;
  text-indent: -9999em;
  width: 100%;
  height: 100%;
}
.img_map_box .img_map01 {
  top: 57.8%;
  left: 15%;
  width: 70.5%;
  height: 2.4%;
}
.img_map_box .img_map02 {
  top: 72%;
  left: 33%;
  width: 32%;
  height: 2.4%;
}
.img_map_box .img_map03 {
  top: 81.6%;
  left: 12.5%;
  width: 32%;
  height: 2.4%;
}
.img_map_box .img_map04 {
  top: 81.6%;
  left: 55%;
  width: 32%;
  height: 2.4%;
}
.teacher_public_box a {
  font-family: "NanumSquare", sans-serif !important;
}
.teacher_public_box h2,
.teacher_public_box h3 {
  text-align: center;
}
.teacher_public_box h2 img,
.ejuplan .img_map_box h2 img {
  height: 30px;
  width: auto;
}
.teacher_public_box h3 {
  margin-top: 30px;
  margin-bottom: 10px;
}
.teacher_public_box h3 img {
  height: 28px;
}
.teacher_list ul {
  overflow: hidden;
}
.teacher_list li {
  width: 100%;
  margin-bottom: 10px;
  float: left;
}
.teacher_list li a {
  display: block;
  border: 1px solid #c7c7c9;
  height: 135px;
}
.teacher_list li a:hover {
  text-decoration: none;
  border-color: #004c91;
}
.teacher_list li a > span,
.teacher_list .icon_box {
  display: block;
  margin-left: 130px;
}
.teacher_list .icon_box span + span {
  margin-left: 4px;
}
[class*="camp_"] {
  display: inline-block;
  margin-top: 10px;
  line-height: 20px;
  width: 34px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.camp_jongro {
  background-color: #fe861f;
}
.camp_gangnam {
  background-color: #64ab34;
}
.camp_sinchon {
  background-color: #19cfd8;
}
.teacher_list .name {
  color: #000;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  padding-top: 2px;
  padding-bottom: 4px;
}
.teacher_list .name span {
  font-size: 15px;
  font-weight: normal;
}
.teaching {
  font-size: 14px;
  color: #666;
  line-height: 18px;
}
.teacher_list [class*="teacher_"] a {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}
.teacher_list .teacher_01 a {
  background-image: url(./img_tc/ejuplan_tc_01.png);
}
.teacher_list .teacher_02 a {
  background-image: url(./img_tc/ejuplan_tc_02.png);
}
.teacher_list .teacher_03 a {
  background-image: url(./img_tc/ejuplan_tc_03.png);
}
.teacher_list .teacher_04 a {
  background-image: url(./img_tc/ejuplan_tc_04.png);
}
.teacher_list .teacher_05 a {
  background-image: url(./img_tc/ejuplan_tc_05.png);
}
.teacher_list .teacher_06 a {
  background-image: url(./img_tc/ejuplan_tc_06.png);
}
.teacher_list .teacher_07 a {
  background-image: url(./img_tc/ejuplan_tc_07.png);
}
.teacher_list .teacher_08 a {
  background-image: url(./img_tc/ejuplan_tc_08.png);
}
.teacher_list .teacher_09 a {
  background-image: url(./img_tc/ejuplan_tc_09.png);
}
.teacher_list .teacher_10 a {
  background-image: url(./img_tc/ejuplan_tc_10.png);
}
.teacher_list .teacher_11 a {
  background-image: url(./img_tc/ejuplan_tc_11.png);
}
.teacher_list .teacher_12 a {
  background-image: url(./img_tc/ejuplan_tc_12.png);
}
.teacher_list .teacher_13 a {
  background-image: url(./img_tc/ejuplan_tc_13.png);
}
.teacher_list .teacher_14 a {
  background-image: url(./img_tc/ejuplan_tc_14.png);
}
.teacher_list .teacher_15 a {
  background-image: url(./img_tc/ejuplan_tc_15.png);
}
.teacher_list .teacher_16 a {
  background-image: url(./img_tc/ejuplan_tc_16.png);
}
.teacher_list .teacher_17 a {
  background-image: url(./img_tc/ejuplan_tc_17.png);
}
.teacher_list .teacher_18 a {
  background-image: url(./img_tc/ejuplan_tc_18.png);
}
.teacher_list .teacher_19 a {
  background-image: url(./img_tc/ejuplan_tc_19.png);
}
.teacher_list .teacher_20 a {
  background-image: url(./img_tc/ejuplan_tc_20.png);
}
.teacher_list .teacher_21 a {
  background-image: url(./img_tc/ejuplan_tc_21.png);
}
.teacher_list .teacher_22 a {
  background-image: url(./img_tc/ejuplan_tc_22.png);
}
.teacher_list .teacher_23 a {
  background-image: url(./img_tc/ejuplan_tc_23.png);
}
.teacher_list .teacher_24 a {
  background-image: url(./img_tc/ejuplan_tc_24.png);
}
.teacher_list .teacher_25 a {
  background-image: url(./img_tc/ejuplan_tc_25.png);
}
.teacher_list .teacher_26 a {
  background-image: url(./img_tc/ejuplan_tc_26.png);
}
.teacher_list .teacher_27 a {
  background-image: url(./img_tc/ejuplan_tc_27.png);
}
.teacher_list .teacher_28 a {
  background-image: url(./img_tc/ejuplan_tc_28.png);
}
.teacher_list .teacher_29 a {
  background-image: url(./img_tc/ejuplan_tc_29.png);
}
.teacher_list .teacher_30 a {
  background-image: url(./img_tc/ejuplan_tc_30.png);
}
.teacher_list .teacher_31 a {
  background-image: url(./img_tc/ejuplan_tc_31.png);
}
.teacher_list .teacher_32 a {
  background-image: url(./img_tc/ejuplan_tc_32.png);
}
.teacher_list .teacher_33 a {
  background-image: url(./img_tc/ejuplan_tc_33.png);
}
.teacher_list .teacher_34 a {
  background-image: url(./img_tc/ejuplan_tc_34.png);
}
.teacher_list .teacher_35 a {
  background-image: url(./img_tc/ejuplan_tc_35.png);
}
.teacher_list .teacher_36 a {
  background-image: url(./img_tc/ejuplan_tc_36.png);
}
.teacher_list .teacher_37 a {
  background-image: url(./img_tc/ejuplan_tc_37.png);
}
.teacher_list .teacher_38 a {
  background-image: url(./img_tc/ejuplan_tc_38.png);
}
.teacher_list .teacher_39 a {
  background-image: url(./img_tc/ejuplan_tc_39.png);
}
.teacher_list .teacher_40 a {
  background-image: url(./img_tc/ejuplan_tc_40.png);
}
.teacher_list .teacher_41 a {
  background-image: url(./img_tc/ejuplan_tc_41.png);
}

.teacher_list .teacher_42 a {
  background-image: url(./img_tc/ejuplan_tc_42.png);
}
.teacher_list .teacher_43 a {
  background-image: url(./img_tc/ejuplan_tc_43.png);
}
.teacher_list .teacher_44 a {
  background-image: url(./img_tc/ejuplan_tc_44.png);
}
.teacher_list .teacher_45 a {
  background-image: url(./img_tc/ejuplan_tc_45.png);
}
.teacher_list .teacher_48 a {
  background-image: url(./img_tc/ejuplan_tc_48.png);
}
.teacher_list .teacher_49 a {
  background-image: url(./img_tc/ejuplan_tc_49.png);
}
.teacher_list .teacher_50 a {
  background-image: url(./img_tc/ejuplan_tc_50.png);
}
.teacher_list .teacher_51 a {
  background-image: url(./img_tc/ejuplan_tc_51.png);
}
.teacher_list .teacher_52 a {
  background-image: url(./img_tc/ejuplan_tc_52.png);
}
.teacher_list .teacher_53 a {
  background-image: url(./img_tc/ejuplan_tc_53.png);
}
.teacher_list .teacher_54 a {
  background-image: url(./img_tc/ejuplan_tc_54.png);
}
.teacher_list .teacher_55 a {
  background-image: url(./img_tc/ejuplan_tc_55.png);
}
.teacher_list .teacher_56 a {
  background-image: url(./img_tc/ejuplan_tc_56.png);
}
.teacher_list .teacher_57 a {
  background-image: url(./img_tc/ejuplan_tc_57.png);
}
.teacher_list .teacher_58 a {
  background-image: url(./img_tc/ejuplan_tc_58.png);
}
.teacher_list .teacher_59 a {
  background-image: url(./img_tc/ejuplan_tc_59.png);
}
.teacher_list .teacher_60 a {
  background-image: url(./img_tc/ejuplan_tc_60.png);
}
.teacher_list .teacher_61 a {
  background-image: url(./img_tc/ejuplan_tc_61.png);
}

.teacher_list .teacher_62 a {
  background-image: url(./img_tc/ejuplan_tc_62.png);
}

.teacher_list .teacher_63 a {
  background-image: url(./img_tc/ejuplan_tc_63.png);
}
.teacher_list .teacher_67 a {
  background-image: url(./img_tc/ejuplan_tc_67.png);
}

.teacher_list .teacher_902 a {
  background-image: url(./img_tc/ejuplan_tc_64.png);
}

.teacher_list .teacher_2484 a {
  background-image: url(./img_tc/ejuplan_tc_65.png);
}

.teacher_list .teacher_2879 a {
  background-image: url(./img_tc/ejuplan_tc_66.png);
}

.map_box_list ul {
  overflow: hidden;
}
[class*="map_"] .tit {
  margin: 30px auto 20px;
}
[class*="map_"] .tit span {
  width: 200px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}
.map_jongro .tit span {
  background-color: #fe861f;
}
.map_gangnam .tit span {
  background-color: #64ab34;
}
.map_sinchon .tit span {
  background-color: #19cfd8;
}
.map_box_list .address {
  margin-top: 20px;
  text-align: left;
  margin-left: 4px;
}
.map_box_list .address span {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.map_box_list .address span:before {
  content: "";
  margin-top: -3px;
  width: 20px;
  height: 20px;
  background-image: url(./img_tc/ejuplan_icon.png);
  background-size: 60px 40px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.map_jongro .address span:before {
  background-position: 0 0;
}
.map_jongro .address span + span:before {
  background-position: 0 -20px;
}
.map_gangnam .address span:before {
  background-position: -20px 0;
}
.map_gangnam .address span + span:before {
  background-position: -20px -20px;
}
.map_sinchon .address span:before {
  background-position: -40px 0;
}
.map_sinchon .address span + span:before {
  background-position: -40px -20px;
}
.map_box .root_daum_roughmap {
  width: 100%;
  padding: 0;
  border: none;
}

.ejuplan .img_wrap img {
  width: 100%;
}
.ejuplan .teacher_public_box {
  padding-left: 15px;
  padding-right: 15px;
}

.foreign_program .img_wrap img {
  width: 100%;
}

.test_info .subject_list li {
  float: left;
  display: table;
  width: 100px;
  height: 100px;
  border: 1px solid #d4d4d4;
  text-align: center;
  font-size: 20px;
  margin: 10px 10px 10px 0px;
}
.test_info .subject_opt {
  clear: both;
  background-color: #1164b0;
  font-size: 14px;
  color: #fff;
  padding: 5px 15px;
  display: table;
}
.test_info .subject_list {
  clear: both;
  display: flex;
}
.test_info .subject_list p {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
}
.test_info .subject_list li span {
  font-size: 14px;
}
.test_info .subject_list .sub_jpn {
  background-color: #e0f0ff;
  color: #0068c8;
  font-weight: 600;
}