@charset "utf-8";

/*
 font-size:3.875rem;  font-weight:300; color:#fff;
*/


/* 수업일정 > 달력 전체 박스 */
div.calendar_wrap { position:relative; width:100%; min-height:500px; margin-top:2vw; /* background:#ff6600; */ }

/* 숙제 > 중요 공지 부분 */
div.checked_box {} 
div.checked_box.not span {color:#E70012;} 



@media screen and (max-width: 1023px) {
 .btn_print { display:none; }
} 
/* 1:1 상담 예약 신청 화면 */
div.consulting_wrap {}
div.consulting_wrap > ul {}
div.consulting_wrap > ul > li { float:left; width:65%; margin-right:5%; }
div.consulting_wrap > ul > li:last-child { float:right; width:30%; margin-right:0; }



div.sele_teacher_wrap {}
div.sele_teacher_wrap > dl {}
div.sele_teacher_wrap > dl > dt { background:#F9EEEF; color:#111; padding:10px 20px; font-weight:400; font-size:1.25rem;  }
	div.sele_teacher_wrap > dl > dt > span { color:#e70012; font-size:1rem;  }
div.sele_teacher_wrap > dl > dd { margin:20px 0; }
	ul.sele_teacher_item {}
	ul.sele_teacher_item > li { float:left; width:16.666%; margin:10px 0; text-align:center; }
	ul.sele_teacher_item > li > a { text-align:center; color:#111; font-size:1rem; cursor:pointer; cursor:hand;}
	ul.sele_teacher_item > li > a > p { margin-bottom:10px; }
	ul.sele_teacher_item > li > a > p img { width:100px; height:100px; border-radius:70px; border:1px solid #eee; }
	ul.sele_teacher_item > li.act > a > p img { border:2px solid #e70012; }


div.sele_consultingtype_wrap {}
div.sele_consultingtype_wrap > dl {}
div.sele_consultingtype_wrap > dl > dt { background:#F9EEEF; color:#111; padding:10px 20px; font-weight:400; font-size:1.25rem;  }
	div.sele_consultingtype_wrap > dl > dt > span { color:#e70012; font-size:1rem;  }
div.sele_consultingtype_wrap > dl > dd { margin:20px 0; }
	ul.sele_consultingtype_item {}
	ul.sele_consultingtype_item > li {float:left; width:23%; margin:1%; text-align:center; border:1px solid #eee; padding:10px 0;  }
		ul.sele_consultingtype_item > li:nth-child(4n+1) { clear:both; }
	ul.sele_consultingtype_item > li > a {width:100%; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  text-align:center; color:#111; font-size:1rem; cursor:pointer; cursor:hand;}
	ul.sele_consultingtype_item > li.act   { border:2px solid #e70012; }



div.sele_datetime_wrap {}
div.sele_datetime_wrap > dl {}
div.sele_datetime_wrap > dl > dt { background:#F9EEEF; color:#111; padding:10px 20px; font-weight:400; font-size:1.25rem;  }
	div.sele_datetime_wrap > dl > dt > span { color:#e70012; font-size:1rem;  }
div.sele_datetime_wrap > dl > dd { margin:20px 0; }

	ul.sele_datetime_item_wrap { }
	ul.sele_datetime_item_wrap > li {  float:left; width:60%; margin-right:5%; }
	ul.sele_datetime_item_wrap > li:last-child {  float:right; width:35%; margin-right:0;  }

		div.sele_datetime_title { font-size:1rem;  font-weight:300; color:#555; margin-bottom:20px; }
		div.sele_datetime_title > p { font-size:1.5rem;  font-weight:300; color:#111; margin-bottom:5px;}
		div.sele_datetime_title > p > strong { font-weight:400; color:#555;}

		ul.sele_datetime_item {}
		ul.sele_datetime_item > li { margin:10px 0; padding:10px; border:1px solid #eee; text-align:center; }
		ul.sele_datetime_item > li > a { color:#111; font-size:1rem; cursor:pointer; cursor:hand;}
		ul.sele_datetime_item > li.act   { border:2px solid #e70012; }



div.sele_memo_wrap {}
div.sele_memo_wrap > dl {}
div.sele_memo_wrap > dl > dt { background:#F9EEEF; color:#111; padding:10px 20px; font-weight:400; font-size:1.25rem;  }
	div.sele_memo_wrap > dl > dt > span { color:#e70012; font-size:1rem;  }
div.sele_memo_wrap > dl > dd { margin:20px 0; }
	div.sele_memo_wrap > dl > dd textarea { width:100%; min-height:150px; border:1px solid #ddd; border-radius:0px; }

div.consulting_basket_wrap { border:1px solid #ddd;}
	dl.consulting_basket_item { padding:30px 30px; border-bottom:1px solid #ddd;}
	dl.consulting_basket_item > dt {position:relative; color:#111; font-size:1.25rem; padding-bottom:15px;  border-bottom:1px solid #111;  padding-right:45px;}
		dl.consulting_basket_item > dt > div {position:absolute; width:40px; height:40px; right:0px; top: 0px; z-index:100; text-align:right; }	
		dl.consulting_basket_item > dt > div > a { color:#111; }
	dl.consulting_basket_item > dt p {color:#E70012; font-size:1rem;}
	dl.consulting_basket_item > dd {color:#555; font-size:1rem; border-bottom:1px solid #eee; padding:8px 0;  }
	dl.consulting_basket_item > dd span { display:inline-block; width:70px; color:#999; }
	dl.consulting_basket_item > dd.memo {color:#111; font-size:1rem;  font-weight:300;border-bottom:0px solid #eee;  }
	dl.consulting_basket_item > dd.memo span { display:block;  margin-bottom:10px; }

	button.btn_consulting {display:block; width:100%; padding:20px 0; text-align:center;  background:#E70012; color:#fff; }
	button.btn_consulting span { color:#f6cbce; }






@media screen and (max-width: 1919px) {
}
@media screen and (max-width: 1679px) {
}
@media screen and (max-width: 1439px) {
	ul.sele_teacher_item > li { width:20%; }
	ul.sele_teacher_item > li:nth-child(5n+1) { clear:both;} 

}
@media screen and (max-width: 1335px) {
}
@media screen and (max-width: 1279px) {
}
@media screen and (max-width: 1023px) {
	ul.sele_teacher_item > li { width:25%; }
	ul.sele_teacher_item > li:nth-child(5n+1) { clear:none;} 
	ul.sele_teacher_item > li:nth-child(4n+1) { clear:both;} 


	ul.sele_consultingtype_item > li { width:31.333%; }
	ul.sele_consultingtype_item > li:nth-child(4n+1) { clear:none; }
	ul.sele_consultingtype_item > li:nth-child(3n+1) { clear:both; }

	div.sele_datetime_title { font-size:0.875rem;   }
	div.sele_datetime_title > p { font-size:1.125rem;  }
}

@media screen and (max-width: 960px) {
	dl.consulting_basket_item > dt {font-size:1rem; }
	dl.consulting_basket_item > dt p { font-size:0.875rem;}
	dl.consulting_basket_item > dd { font-size:0.875rem;  }
	dl.consulting_basket_item > dd span {  width:55px;  }
	dl.consulting_basket_item > dd.memo { font-size:0.875rem;  }
}
@media screen and (max-width: 767px) {
	div.consulting_wrap > ul > li { float:none; width:100%; margin-right:0%; }
	div.consulting_wrap > ul > li:last-child { float:none; width:100%; margin-right:0; }

	ul.sele_consultingtype_item > li > a {  font-size:0.875rem; }

	ul.sele_datetime_item_wrap > li {  float:none; width:100%; margin-right:0%; }
	ul.sele_datetime_item_wrap > li:last-child {  float:none; width:100%; margin-right:0;  margin-top:30px; }

	div.sele_datetime_title { font-size:1rem; }
	div.sele_datetime_title > p { font-size:1.5rem; }

	dl.consulting_basket_item > dt {font-size:1.25rem; }
	dl.consulting_basket_item > dt p { font-size:1rem;}
	dl.consulting_basket_item > dd { font-size:1rem;  }
	dl.consulting_basket_item > dd span {  width:70px;  }
	dl.consulting_basket_item > dd.memo { font-size:1rem;  }

}
@media screen and (max-width: 520px) {
	ul.sele_teacher_item > li > a {  font-size:0.875rem; }
	ul.sele_teacher_item > li > a > p img { width:70px; height:70px; }
	
	ul.sele_consultingtype_item > li { width:48%; }
	ul.sele_consultingtype_item > li:nth-child(4n+1) { clear:none; }
	ul.sele_consultingtype_item > li:nth-child(3n+1) { clear:none; }
	ul.sele_consultingtype_item > li:nth-child(2n+1) { clear:both; }
}











/* 출결 테이블 */

div.present_list_overwrap {width:calc(100%);  overflow-x:auto;   }
table.present_list_table { width:100%; text-align:center;  border-top:2px solid #111; min-width:330px;  white-space:nowrap}

table.present_list_table th {  border-right:1px solid #eee;  }
table.present_list_table td { border-left:1px solid #eee; }

table.present_list_table thead { font-size:1.25rem; border-bottom:1px solid #111;  } 
table.present_list_table thead th { padding:20px 0;   }
table.present_list_table thead th span { display:block; font-size:1rem; }
table.present_list_table thead td  { padding:20px 0; }
table.present_list_table thead td span { display:block; font-size:1rem; }

table.present_list_table tbody tr { border-bottom:1px solid #eee; margin:20px 0;  }
table.present_list_table tbody tr {}
	table.present_list_table tbody th { width:20%;   padding:10px 0 10px; color:#111; font-size:1rem; font-weight:500;  }
	table.present_list_table tbody td { width:16%;   position:relative; font-size:0.875rem; color:#555;padding:10px 0;  }

table.present_list_table tfoot { background:#f7f7f7; border-top:1px solid #111;border-bottom:2px solid #111; }
table.present_list_table tfoot th {font-size:1.125rem; padding:15px 0;  }
table.present_list_table tfoot td { color:#999;  padding:15px 0; font-weight:300; font-size:1rem;}

		p.present_present {  color:#e70012; font-size:1.25rem; margin-top:5px; } /* 평균점수 */
		p.present_chk{  color:#e70012; font-size:1.25rem; margin-top:0px; } /* 평균점수 */


@media screen and (max-width: 769px) {
	table.present_list_table thead { font-size:1rem; }
	table.present_list_table thead th span { display:block; font-size:0.75rem; }
	table.present_list_table thead td  { padding:20px 0; font-size:1; }
	table.present_list_table thead td span { font-size:0.75rem; }

	table.present_list_table tbody th {  font-size:0.8rem;  letter-spacing:-0.05em;  }

	table.present_list_table tfoot th {font-size:0.938rem;  }
	table.present_list_table tfoot th span { display:block; }
	table.present_list_table tfoot td {  font-size:0.938rem;}
}






/* 성적 테이블 */
table.record_list_table { width:100%; text-align:center;  border-top:2px solid #111; }

table.record_list_table th {  border-right:1px solid #eee;  }
table.record_list_table td { border-left:1px solid #eee; }

table.record_list_table thead { font-size:1rem; border-bottom:1px solid #111;  } 
table.record_list_table thead th { padding:5px 0;  border-bottom:1px solid #111;  }
table.record_list_table thead td  { padding:5px 0; border-bottom:1px solid #eee; }
table.record_list_table thead tr:last-child td {  border-bottom:1px solid #111;  }

table.record_list_table tbody tr { border-bottom:1px solid #eee; margin:20px 0;  }
table.record_list_table tbody tr {}
	table.record_list_table tbody th { width:20%;   padding:10px 0 10px; color:#111; font-size:1rem; font-weight:500;  }
	table.record_list_table tbody td { width:16%;   position:relative; font-size:1rem; color:#555;padding:10px 0;  }

table.record_list_table tfoot { background:#f7f7f7; border-top:1px solid #111; border-bottom:2px solid #111; }
table.record_list_table tfoot tr {border-top:1px solid #ddd;}
table.record_list_table tfoot th {font-size:1rem; padding:10px 0;  }
table.record_list_table tfoot td { color:#000;  padding:10px 0; font-weight:300; font-size:1.125rem;}

		p.record_average{  color:#e70012; font-size:1.25rem; margin-top:5px; } /* 평균점수 */

		table.record_list_table tbody td a , table.record_list_table tfoot td a { display:block; cursor:pointer; cursor:hand;}



@media screen and (max-width: 520px) {
	table.record_list_table thead  { font-size:0.875rem; }
	table.record_list_table tbody th { font-size:0.875rem; }
	table.record_list_table tfoot th { font-size:0.875rem; }
	table.record_list_table tfoot td { font-size:0.875rem; }

	table.record_list_table tbody th { width:25%; }
	table.record_list_table tbody td { width:15%; }

	p.record_average {  font-size:1rem; } /* 평균점수 */
}





/* 추천 도서목록  */
	span.daechi { display:inline-block; border:1px solid #3186F5; color:#3186F5; border-radius:50px; font-size:0.875em; padding:3px 6px; font-weight:500; margin:0 5px 5px 0;  } /* 대치관 태그*/
	span.apgujung { display:inline-block; border:1px solid #2BAB27 ; color:#2BAB27; border-radius:50px; font-size:0.875em; padding:3px 6px; font-weight:500; margin:0 5px 5px 0;  } /* 압구정관 태그*/

	span.survey { display:inline-block; border:1px solid #e70012 ; color:#e70012; border-radius:50px; font-size:0.875em; padding:3px 10px; font-weight:500; margin:0 5px 5px 0;  } /*  기본 블랙 태그*/


	div.rental_process_wrap { margin:40px 0;}
	div.rental_process_wrap > ul {}
	div.rental_process_wrap > ul > li {position:relative; float:left; width:30%; color:#111; font-size:1.25rem; text-align:center; }
	div.rental_process_wrap > ul > li:after { content: ""; position:absolute;  left:-38px; z-index:100; display: block; width:72px; height:72px; background: url("../../_images/contents/book_arrow.png") no-repeat center center;
			top: 45%; 
			-webkit-transform: translateY(-50%); 
			-ms-transform: translateY(-50%); 
			-moz-transform: translateY(-50%); 
			-o-transform: translateY(-50%); 
			transform: translateY(-50%);
		}
	div.rental_process_wrap > ul > li:first-child:after { width:0;} 
	div.rental_process_wrap > ul > li p { width:10vw; height:10vw; line-height:10vw; margin:0 auto; background:#F4F5F9; border-radius:10vw;  margin-bottom:15px; }
	div.rental_process_wrap > ul > li p img { width:40%; height:auto; }



	dl.library_guide_text {margin-left:15px; }
	dl.library_guide_text > dt {color:#111; font-size:1.25rem; margin-top:10px; }
	dl.library_guide_text > dd {color:#999; font-size:1rem; margin-top:10px; font-weight:400;   }

@media screen and (max-width: 960px) {
	div.rental_process_wrap > ul > li { font-size:1rem; }
	div.rental_process_wrap > ul > li p { width:14vw; height:14vw; line-height:14vw; }

}

@media screen and (max-width: 767px) {
	div.rental_process_wrap > ul > li { font-size:0.938rem; }
	div.rental_process_wrap > ul > li p { width:16vw; height:16vw; line-height:16vw; }
	div.rental_process_wrap > ul > li:after { background-size:40%; top:35%; }

}


/* 2022.02.10 검수사항 수정 */
.bln{border-left:none !important;}
.fs125r{font-size: 1.25rem; color: #111 !important; margin-left: 10px;}

@media screen and (max-width: 767px){
	.fs125r{font-size: 1rem;}
}

/* after로 들어간 왼쪽 라인 없애기 */
.no_after:after{background:none !important;}






/* 성적 조회 */
div.page_top_goback { position:fixed; width:100%; text-align:right; border-bottom:0px solid #eee; padding:10px 20px 10px 0; background:#ffe009; }
	div.page_top_goback  a { color:#000; }

div.not_Data_view { text-align:center; padding:80px 0 20px; color:#E70012; }

div.report_view {text-align:center; padding:60px 0 20px; }
	div.report_view > p { font-size:2rem; margin-bottom:25px; font-weight:500;  }
	div.report_view > p > span { display:block; font-size:1.125rem; font-weight:400; }


div.report_guide_wrap { text-align:center; }
	p.jum_ga { padding:20px; 0; }

div.table_width_cut_wrap { width:calc(100% - 40px);  overflow-x:scroll;  margin:0 20px;} 
table.jumsu_table { width:100%; min-width:800px; margin:0 auto; white-space:nowrap }
	table.jumsu_table tr { border:1px solid #ddd; }






/* 이동수업 추가 month_img클래스명에 act 빨간테두리 추가*/
.sele_datetime_item_wrap .act{ border: 2px solid #E70012;  border-bottom: 2px solid #E70012 !important;}
.sele_datetime_item_wrap .act a{color:#E70012;}

/* 20220518 수업일정 달력 2개로 노출*/
div.calendar_wrap_divide2{margin:2vw 0 120px; float:left; width:calc(50% - 5px) ;}

div.calendar_wrap{margin-right:5px;}
div.calendar_wrap2{margin-left:5px;}

div.calendar_wrap2 .fc-toolbar-chunk > button.fc-today-button{display:none;}
div.calendar_wrap2 .fc-toolbar{justify-content:center}

@media screen and (max-width: 890px){
	div.calendar_wrap_divide2{margin-top:30px; width:100%;}

	div.calendar_wrap{margin-right:0;}
	div.calendar_wrap2{margin-left:0;}
}

@media screen and (max-width: 580px){
	div.calendar_wrap{min-height:auto;}

	div.calendar_wrap{margin-top:0;}
	div.calendar_wrap2{margin-top:50px;margin-bottom:70vw;}
	div.calendar_wrap2:after{content:"";display:block;clear:both;}


}







/********** 2022.09.30 설문조사 시스템 추가 *********/
div.survey_wrap { width:100%; max-width:680px; margin:0; padding:30px 40px 100px; border-top:5px solid #e70012; }
	
	ul.survey_topinfo { }
	ul.survey_topinfo > li {  float:left;  }
	ul.survey_topinfo > li:first-child {width:20%; text-align:left; }
	ul.survey_topinfo > li:last-child {width:80%; text-align:right; padding-top:8px; }
		ul.survey_topinfo > li > p { display:inline-block; margin-right:15px;}
		ul.survey_topinfo > li  span.info_tit { display:inline-block; color:#00b459; margin-right:7px;}

	span.survey_tag_ing { display:inline-block; background:#00b459; color:#fff; border-radius:50px; font-size:1em; padding:5px 14px; font-weight:500; margin:0 5px 5px 0;  } /*  진행중 */
	span.survey_tag_end { display:inline-block; background:#666 ; color:#ddd; border-radius:50px; font-size:1em; padding:5px 14px; font-weight:500; margin:0 5px 5px 0;  } /*  마감 */

	
	dl.survey_title { margin:15px 0 30px;}
	dl.survey_title > dt { padding:15px 0;  font-weight:400; border-bottom:1px solid #d4d4d4; font-size:22px; line-height:120%;  }
		dl.survey_title > dt.end { padding:15px 0;  font-weight:400; border-bottom:1px solid #d4d4d4; border-top:1px solid #d4d4d4; font-size:22px; line-height:120%; text-align:center;  }
	dl.survey_title > dd { padding:15px 0; font-weight:300; color:#555; font-size:1rem;  line-height:120%;  }
	

	div.surver_guideimg_wrap { text-align:center; margin:15px 0;}

	div.survey_btn_wrap { padding-top:30px; background:#fff; position:fixed; width:calc(100% - 0px); left: 0px; bottom: 0px; z-index:999; }
	button.btn_survey_red { width:100%; height:60px; background:#e70012; color:#fff; font-size:22px }
	button.btn_survey_red:hover { background:#333; }

	button.btn_survey_black { width:100%; height:60px; background:#222; color:#fff; font-size:22px }
	button.btn_survey_black:hover { background:#000; }

	button.btn_survey_gray { width:100%; height:60px; background:#999; color:#fff; font-size:22px }
	button.btn_survey_gray:hover { background:#000; }

	button.btn_survey_green { width:100%; height:60px; background:#00a944; color:#fff; font-size:22px }
	button.btn_survey_green:hover { background:#000; }

	p.btn_survey_notlink{ width:100%; height:60px; line-height:60px; background:#666; color:#fff; font-size:22px; text-align:center; }




/* 프로세스 진행 바 */
ul.survey_top_processbar {}
ul.survey_top_processbar > li { text-align:right; margin-bottom:10px; }
ul.survey_top_processbar > li span.now { font-weight:600; color:#e70012; }
div.proc_bar_bg { width:100%; height:8px; background:#eee; border-radius:10px; }
div.proc_bar_percent { width:100%; height:8px; background:#e70012; border-radius:10px; }

p.tit_q { font-size:28px;  font-weight:500; color:#e70012; margin-bottom:10px; }

/* 객관식 보기 리스트 */
ul.survey_exam_list {}
ul.survey_exam_list > li { margin:8px 0;}
.multilinepad { padding-left: 2em; text-indent:-2em; line-height:150%; } /* 보기 문항 긴경우 두번째줄 들여쓰기 처리 */

textarea.vote { 
width:100%; 
  resize: none; /* 사용자 임의 변경 불가 */
  resize: both; /* 사용자 변경이 모두 가능 */
  resize: horizontal; /* 좌우만 가능 */
  resize: vertical; /* 상하만 가능 */
}


div.end_text { padding:20px 0; color:#999; }
div.end_text > p { color:#444; font-size:36px; font-weight:200; margin-bottom:10px }




/* 결과 화면 부분 **/
div.survey_print_wrap {  position:fixed; width:110px; height:35px; line-height:35px; right:70px; top: 0px; z-index:999; color:#fff; background:#000;   border-radius:0 0 6px 6px; text-align:center;   }

div.survey_resulting_anal_wrap { margin-top:30px; border:1px solid #ddd; border-radius:6px}
div.survey_resulting_anal_wrap > ul {}
div.survey_resulting_anal_wrap > ul > li { float:left; width:33.333%; border-left:1px solid #ddd; margin-left:-1px; text-align:center; padding:0px 5px 15px; font-size:26px; font-weight:400; color:#000;  }
div.survey_resulting_anal_wrap > ul > li:last-child {  color:#e70012; }
div.survey_resulting_anal_wrap > ul > li a { display:inline; color:#333; }
div.survey_resulting_anal_wrap > ul > li a:hover { display:inline; color:#ff6600; }
div.survey_resulting_anal_wrap > ul > li  p { font-size:16px; font-weight:400; color:#fff; margin:6px 0 10px; padding:7px 0;  background:#333; border-radius:6px;  }



div.result_writing_wrap { margin-top:30px;  }
	p.vote_total { font-size:21px; color:#000; font-weight:500; margin-bottom:10px; padding-bottom:10px;  border-bottom:2px solid #333; line-height:130%;}
	p.vote_total > span { color:#e70012; }

dl.writing_list_box { border-bottom:1px solid #ddd; padding:15px 0;  }
dl.writing_list_box > dt {position:relative; font-size:18px; color:#000;  }
	dl.writing_list_box > dt > span {font-size:16px; color:#666; font-weight:300;  }
dl.writing_list_box > dd { margin-top:15px; font-size:16px; font-weight:200; color:#666; line-height:130%;  }
dl.writing_list_box > dd.info { font-size:15px; text-align:right; }
	dl.writing_list_box > dd b { color:#333; font-weight:400; }
	dl.writing_list_box > dd  span { display:inline-block; margin-left:10px; padding-left:10px; border-left:1px solid #ddd; }



div.vote_mem_list_wrap { margin-top:20px; }
div.vote_mem_list_wrap > p { color:#444; font-size:20px; font-weight:400; margin-bottom:10px }
div.vote_mem_list_wrap > p > span { color:#e70012;} 
ul.vote_mem_list { }
ul.vote_mem_list  li { float:left; width:50%; padding:8px 5px; margin-top:-1px; margin-left:-1px; border:1px solid #d4d4d4;  }
ul.vote_mem_list  li span {font-size:16px; color:#666; font-weight:200;  }



@media screen and (max-width: 500px){
	div.survey_wrap { padding:20px 20px 100px; }
	
	ul.survey_topinfo > li {  float:none; height:40px;}
	ul.survey_topinfo > li:last-child {width:100%; text-align:left; padding-top:0px;}
	ul.survey_topinfo > li > p { display:block; margin-right:0px;}

	dl.writing_list_box > dt > ul > li { float:none; width:100%; }
	dl.writing_list_box > dt > ul > li:last-child { width:100%;  text-align:left; margin-top:10px; }
	ul.vote_mem_list  li { float:left; width:100%; font-size:14px; }
}



@media print {
    div.survey_btn_wrap { display:none; }
	div.survey_print_wrap { display:none; }
}