@charset "utf-8";

/***************************
	공통
***************************/
.title {
	padding: 30px 0;
	font-size: 20px;
	font-weight: 600;
	text-indent: 5%;
	border-bottom: 2px solid #000;
}

.bold {
	font-weight: 600;
}

@media screen and (max-width: 500px) {
	.title {
		padding: 3vh 0;
		font-size: 4vw;
	}
}

/***************************
	info01
***************************/
.slt_depart {
	width: 100%;
	height: 80px;
	margin-top: 30px;
	font-size: 18px;
	text-indent: 20px;
	border: 1px solid #d9d9d9;
	background: url('../images/arrow.png') no-repeat calc(100% - 20px) 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.depart_intro {
}
.depart_intro h3 {
	padding: 30px 0;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}
.depart_intro p {
	margin: 0;
	padding: 20px;
	border: 1px solid #d9d9d9;
	background: #e5eff7;
	font-size: 16px;
	line-height: 1.6;
}

@media screen and (max-width: 500px) {
	.slt_depart {
		height: 8vh;
		margin-top: 3vh;
		font-size: 3.6vw;
		text-indent: 4vw;
	}

	.depart_intro h3 {
		padding: 3vh 0;
		font-size: 3.6vw;
	}
	.depart_intro p {
		padding: 4vw;
		font-size: 3.2vw;
	}
}

/***************************
	info02
***************************/
.greetings_tab {
	margin-top: 20px;
	width: 100%;
}
.greetings_tab th {
	padding: 15px 0;
	border: 1px solid #d9d9d9;
	background: #fbfbfb;
	font-size: 18px;
	line-height: 1.2;
	color: #818181;
	box-sizing: border-box;
	transition: .1s;
	cursor: pointer;
}
.greetings_tab th.on {
	border-bottom: 2px solid #000;
	background: #fff;
	font-weight: 600;
	color: #000;
}

.greetins_box {
	float:left;
	width:100%;
	margin-top: 30px;
}
.greetins_box .greet_profile_box {
}
.greetins_box .greet_profile_box img {
	max-width: 45%;
}
.greetins_box .greet_profile_box h3 {
	display: inline-block;
	padding-left: 5px;
	vertical-align: bottom;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.6;
}
.greetins_box p {
	margin: 25px 0 55px;
	font-size: 16px;
	line-height: 1.6;
}

@media screen and (max-width: 500px) {
	.greetings_tab {
		margin-top: 2vh;
	}
	.greetings_tab th {
		padding: 1.5vh 0;
		font-size: 3.6vw;
	}

	.greetins_box {
		margin-top: 3vh;
	}
	.greetins_box .greet_profile_box h3 {
		font-size: 3.6vw;
	}
	.greetins_box p {
		margin: 2.5vh 0 5.5vh;
		font-size: 3.2vw;
	}
}


/***************************
	info03
***************************/
.std_council_tbl {
	width: 100%;
	margin-top: 40px;
}
.std_council_tbl th, .std_council_tbl td {
	font-size: 18px;

}
.std_council_tbl th {
	position: relative;
	border-bottom: 2px solid #000;
	padding-bottom: 15px;
	font-weight: 600;
}
.std_council_tbl th span {
	position: absolute;
	bottom: 15px;
	right: 0;
	width: 100%;
	font-size: 14px;
	text-align: right;
}
.std_council_tbl td {
	border: 1px solid #d9d9d9;
	padding: 20px 0;
}
.std_council_tbl td:not(.ta-left) {
	text-align: center;
}
.std_council_tbl td.ta-left {
	font-weight: 600;
	text-indent: 15px;
}

@media screen and (max-width: 500px) {
	.std_council_tbl {
		margin-top: 4vh;
	}
	.std_council_tbl th, .std_council_tbl td {
		font-size: 3.6vw;

	}
	.std_council_tbl th {
		padding-bottom: 1.5vh;
	}
	.std_council_tbl th span {
		bottom: 1.5vh;
		font-size: 2.8vw;
	}
	.std_council_tbl td {
		padding: 2vh 0;
	}
}

/***************************
	life 이미지 배경들
***************************/
.schedule_img.life01_img_1 { background: url('/images/table01-2301.png') no-repeat center center; }
.schedule_img.life01_img_2 { background: url('/images/table23_02.png.png') no-repeat center center; }
.schedule_img.life02_img { background: url('/images/timetable23_02.jpg') no-repeat center center; }
.schedule_img.life04_img { background: url('/images/map.jpg') no-repeat center center; }

/***************************
	life01
***************************/
.schedule_box {
	position: relative;
	min-height: 400px;
	margin-top: 30px;
}
.schedule_box a {
}
.schedule_box a .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	color: #fff;
	line-height: 100%;
}
.schedule_box a .overlay p {
	position: absolute;
	top: 50%;
	width: 100%;
	margin: 0;
	transform: translateY(-50%);
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.schedule_box a .schedule_img {
	width: 100%;
	height: 630px;
	background-size: cover;
}
.schedule_box a:hover .schedule_img {
}

@media screen and (max-width: 500px) {
	.schedule_box {
		min-height: 40vh;
		margin-top: 3vh;
	}
	.schedule_box a .schedule_img {
		height: 63vh;
	}
	.schedule_box a .overlay p {
		font-size: 4vw;
	}
}

/***************************
	life02
***************************/
.schedule_notice {
	margin-top: 30px;
	margin-bottom: 90px;
}
.schedule_notice td {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 600;
	vertical-align: top;
}

@media screen and (max-width: 500px) {
	.schedule_notice {
		margin-top: 3vh;
		margin-bottom: 9vh;
	}
	.schedule_notice td {
		margin-bottom: 3vh;
		font-size: 3.6vw;
	}
}

/***************************
	note - index
***************************/
.go_btn_box {
	margin-top: 30px;
}
.go_btn_box .go_btn {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	padding: 30px 15px;
	border: 1px solid #d9d9d9;
	background: #fff;
	font-size: 18px;
	text-align: left;
	cursor: pointer;
}
.go_btn_box .go_btn.go_professor {}
.go_btn_box .go_btn.go_student {}
.go_btn_box .go_btn::before, .go_btn_box .go_btn::after {
	position: absolute;
	top: 50%;
	right: 22px;
	width: 8px;
	height: 2px;
	background: #000;
	content: "";
}
.go_btn_box .go_btn::before {
	margin-top: 1px;
	transform: rotate(-45deg);
}
.go_btn_box .go_btn::after {
	margin-top: -3px;
	transform: rotate(45deg);
}

/* @media screen and (max-width: 500px) {
	.go_btn_box {
		margin-top: 3vh;
	}
	.go_btn_box .go_btn {
		margin-bottom: 1.5vh;
		padding: 3vh 15px;
		font-size: 3.6vw;
	}
	.go_btn_box .go_btn::before, .go_btn_box .go_btn::after {
		right: 4.4vw;
	}
} */

/***************************
	note - proffesor
***************************/
.proffesor_tbl td {
	font-size: 12px;
}

@media screen and (max-width: 500px) {
	.proffesor_tbl td {
		font-size: 2.6vw;
	}
}

/***************************
	note - student - write
***************************/
.student_default_tbl {
	width: 100%;
	padding: 15px 0;
	border-spacing: 15px 0;
	border-collapse: separate;
	border: 1px solid #d9d9d9;
}
.student_default_tbl th, .student_default_tbl td {
	font-size: 16px;
	text-align: left;
	line-height: 1;
}
.student_default_tbl th {
	font-weight: 600;
}
.student_default_tbl td {
}
.student_default_tbl td.img_box {
}
.student_default_tbl td.img_box .student_img {
	width: 140px;
	height: 180px;
	padding: 5%;
	padding-top: 50%;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.student_default_tbl th.tit {
	width: 55px;
}
.student_default_tbl td.cont {
	width: 200px;
}
.student_default_tbl td input, .student_default_tbl td select {
	width: 100%;
	padding: 0 10px;
}
.student_default_tbl td select {
}
.student_default_tbl td input[type="file"] {
}
.write_btn {
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
}

@media screen and (max-width: 500px) {
	.student_default_tbl {
		padding: 1.5vh 0;
		border-spacing: 1.5vh 0;
	}
	.student_default_tbl th, .student_default_tbl td {
		font-size: 3.2vw;
	}
	.student_default_tbl td.img_box {
	}
	.student_default_tbl td.img_box .student_img {
		width: 28vw;
		height: 36vw;
		padding: 5%;
		padding-top: 50%;
		box-sizing: border-box;
		text-align: center;
		cursor: pointer;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.student_default_tbl th.tit {
		width: 11vw;
	}
	.student_default_tbl td.cont {
		width: 40vw;
	}
	.student_default_tbl td input, .student_default_tbl td select {
		width: 100%;
		padding: 0 1vh;
	}
	.student_default_tbl td select {
	}
	.student_default_tbl td input[type="file"] {
	}
	.write_btn {
		width: 100%;
		margin-bottom: 1vh;
		box-sizing: border-box;
	}
}

/***************************
	note - student - list
***************************/
select[name="search_generation"], input[name="search_string"] {
	height: 80px;
	font-size: 18px;
	border: 1px solid #d9d9d9;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select[name="search_generation"] {
	width: 140px;
	margin-right: 10px;
	background: url('../images/arrow.png') no-repeat calc(100% - 20px) 50%;
	text-indent: 10px;
}
input[name="search_string"] {
	width: 307px;
	/* background: url('../images/ico_seach.png') no-repeat calc(100% - 20px) 50%; */
}

.student_list_tbl {
	width: 100%;
	padding: 15px 0;
	border-spacing: 15px 0;
	border-collapse: separate;
	border: 1px solid #d9d9d9;
}
.student_list_tbl th, .student_list_tbl td {
	font-size: 16px;
	text-align: left;
	line-height: 1;
}
.student_list_tbl th {
	font-weight: 600;
}
.student_list_tbl td {
	position: relative;
	height: 22px;
}
.student_list_tbl td.img_box {
}
.student_list_tbl td.img_box .student_img {
	width: 140px;
	height: 180px;
	padding: 5%;
	padding-top: 50%;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.student_list_tbl th.tit {
	width: 55px;
}
.student_list_tbl td.cont {
	width: 200px;
}
.student_list_tbl td input, .student_list_tbl td select {
	width: 100%;
	padding: 0 10px;
}
.student_list_tbl td select {
}
.student_list_tbl td input[type="file"] {
}
.write_btn {
	width: 100%;
	margin-bottom: 10px;
	box-sizing: border-box;
}

@media screen and (max-width: 500px) {
	select[name="search_generation"], input[name="search_string"] {
		height: 8vh;
		font-size: 3.6vw;
	}
	select[name="search_generation"] {
		width: 40%;
		margin-right: 2%;
	}
	input[name="search_string"] {
		width: calc(53% + 3.5vw);
		background-size: 9%;
	}
	.student_list_tbl {
		padding: 1.5vh 0;
		border-spacing: 1.5vh 0;
	}
	.student_list_tbl th, .student_list_tbl td {
		font-size: 3.2vw;
		line-height: 1.25;
	}
	.student_list_tbl td.img_box .student_img {
		width: 28vw;
		height: 36vw;
		padding: 5%;
		padding-top: 50%;
		box-sizing: border-box;
		text-align: center;
		cursor: pointer;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.student_list_tbl th.tit {
		width: 11vw;
	}
	.student_list_tbl td.cont {
		width: 40vw;
	}
	.student_list_tbl td input, .student_list_tbl td select {
		width: 100%;
		padding: 0 1vh;
	}
	.student_list_tbl td select {
	}
	.student_list_tbl td input[type="file"] {
	}
	.write_btn {
		width: 100%;
		margin-bottom: 1vh;
		box-sizing: border-box;
	}
}

/* 2022-03-28 추가 */
.note_btn {
	position: absolute;
	top: 0;
	right: 0;
	/* float: right; */
	/* width: 15%; */
	z-index: 99;
}
.note_btn.darkgray_sbtn {
	position: absolute;
	top: 0;
	right: 45px;
}
/***************************
	my
***************************/
.my_profile_box {
	width: 50%;
	margin: 30px auto;
}
.my_profile_box img {}
.my_profile_box table {
	margin-top: 20px;
}
.my_profile_box table th, .my_profile_box table td {
	padding: 3px 0;
	font-size: 18px;
	text-align: left;
}
.my_profile_box table th {
	width: 35%;
	font-weight: bold;
}
.my_profile_box table td {}

.my_btn_box input {
	width: 100%;
	height: 78px;
	border-radius: 0;
	font-size: 22px;
	box-sizing: border-box;
	font-weight: bold;
}
.my_btn_box input.pwd_btn {
	border: 1px solid #897c75;
	background: #897c75;
	color: #fff;
	margin-bottom: 10px;
}
.my_btn_box input.logout_btn {
	border: 1px solid #d9d9d9;
	background: #fff;
	color: #818181;
}

@media screen and (max-width: 500px) {
	.my_profile_box {
		margin: 3vh auto;
	}
	.my_profile_box table {
		margin-top: 2vh;
	}
	.my_profile_box table th, .my_profile_box table td {
		font-size: 3.6vw;
	}

	.my_btn_box input {
		height: 7.8vh;
		font-size: 4.4vw;
	}
}

/***************************
	my - password
***************************/
.pwd_frm_list {
	margin-top: 30px;
}
.pwd_frm_list li {}
.pwd_frm_list li label, .pwd_frm_list li input {
	display: block;
	width: 100%;
	font-size: 18px;
}
.pwd_frm_list li label {
	margin-bottom: 10px;
	font-weight: bold;
}
.pwd_frm_list li input {
	margin-bottom: 30px;
	height: 80px;
}

@media screen and (max-width: 500px) {
	.pwd_frm_list {
		margin-top: 3vh;
	}
	.pwd_frm_list li label, .pwd_frm_list li input {
		font-size: 3.6vw;
	}
	.pwd_frm_list li label {
		margin-bottom: 1vh;
	}
	.pwd_frm_list li input {
		margin-bottom: 3vh;
		height: 8vh;
	}
}

/***************************
	sms
***************************/
.sms_box {
	margin: 30px auto 10px;
}
.sms_box textarea {
	width: 100%;
	height: 300px;
	padding: 10px;
	font-size: 18px;
	box-sizing: border-box;
	font-family: 'Noto sans KR', san-serif;
}


/***************************
	news
***************************/
.news_btn {
	width: 200px;
    height: 60px;
    background: #fff;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    font-weight: 600;
    color: #999;
    cursor: pointer;
}

@media screen and (max-width: 500px) {
	.news_btn {
		width: 40%;
		height: 6vh;
		font-size: 3.6vw;
	}
}

/* 2022-03-31 추가 - 스마트에디터 수정하며 깨진 css 보정 */
.news_box {
	margin-top: 30px;
}

@media screen and (max-width: 500px) {
	.news_box {
		margin-top: 3vh;
	}
}

/* 2022-04-04 추가 */
.search_area span {
	position: relative;
}
.search_area span .search_ico {
	position: absolute;
	top: 0;
	right: 20px;
}