.modal-open {
	overflow: hidden
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
	width: 500px;
    top: 50%;
    left: 40%;
    text-align : center;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.42857143
}
.modal-body {
	position: relative;
	padding: 15px
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4
}
.btn-primary.focus, .btn-primary:focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40
}
.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
} 
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-image: none
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: #337ab7;
	border-color: #2e6da4
}
.btn-primary .badge {
	color: #337ab7;
	background-color: #fff
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}
.btn-default.focus, .btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c
}
.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
	background-image: none
}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
	background-color: #fff;
	border-color: #ccc
}
.btn-default .badge {
	color: #fff;
	background-color: #333
}
  label { 
         display: block; 
         margin-top: 20px; 
         letter-spacing: 2px;  
 } 
     input, textarea { 
         width: 400px; 
         height: 27px;  
         background-color: #efefef; 
         border-radius: 6px; 
         border: 1px solid #dedede;  
         padding: 10px; 
         margin-top: 3px; 
         font-size: 0.9em; 
         color: #3a3a3a; 
     } 
         input:focus, textarea:focus{ 
             border: 1px solid #97d6eb; 
         } 
     
     textarea{ 
         height: 60px; 
         background-color: #efefef; 
     } 
     .btnIns{
	   width: 30px; height:37px; margin: 2px;font-weight: bold; cursor:pointer;
	}
	#myModal input:not([type="radio"]):not([type="hidden"]):not(.btnIns),
	#myModal textarea {
		box-sizing: content-box;
	}
	.pi-modal-actions {
		display: flex;
		justify-content: center;
		margin-top: 15px;
	}
	.pi-modal-actions .btn + .btn {
		margin-left: 5px;
	}

/* 교수진 소개 C안 */
.professor_list_c > li {position:relative; margin-top:20px; border-bottom:1px solid #ccc; background:#fff url('/images/con_com/bg_Prof.png') no-repeat right bottom;}
.professor_list_c > li:first-child {margin-top:0; border-top:1px solid #ccc;}
.professor_list_c > li .pro_img {position:absolute; left:30px; top:30px; width:110px; border:1px solid #ddd;}
.professor_list_c > li .pro_img img {max-width:100%; height:140px;}
.professor_list_c > li .pro_txt {min-height:140px; padding:30px 30px 30px 170px;}
.professor_list_c > li .pro_txt .pro_name {position:relative; margin-bottom:30px; font-size:30px; color:#111; font-family:'NotoM';}
.professor_list_c > li .pro_txt .pro_name:before {content:''; display:block; position:absolute; top:55px; left:0; width:40px; height:1px; background:#00F;}
.professor_list_c > li .pro_txt .pro_name span{font-size:20px; margin-left:5px; font-family:'NotoR';}
.professor_list_c > li .pro_txt ul li {line-height:38px; font-size:15px; padding-left:35px;}

.professor_list_c > li .pro_txt ul li.pr_list1 {background:url('/images/con_com/pr_ico_01.png') no-repeat left 8px;} /* 과목 */
.professor_list_c > li .pro_txt ul li.pr_list2 {background:url('/images/con_com/pr_ico_02.png') no-repeat left 8px;} /* 전화 */
.professor_list_c > li .pro_txt ul li.pr_list3 {background:url('/images/con_com/pr_ico_03.png') no-repeat left 8px;} /* 위치 */
.professor_list_c > li .pro_txt ul li.pr_list4 {background:url('/images/con_com/pr_ico_04.png') no-repeat left 8px;} /* 이메일 */
.professor_list_c > li .pro_txt ul li span.pro_ico {display:inline-block; width:35px; height:35px; margin-right:10px; font-size:18px; text-align:center; color:#fff; font-family:'NotoB'; background:#7f9fb7; border-radius:20px;}
.professor_list_c .btn_desc {position:absolute; top:30px; right:30px; display:block; width:170px; height:45px; padding-right:30px; line-height:45px; color:#ffffff; font-size:16px; font-family:'NotoM'; letter-spacing:-1px; background:#9dacb7 url('/images/con_com/btn_Prof_more1.png') no-repeat right 50%;}
.professor_list_c .btn_desc_close {position:absolute; top:30px; right:30px; display:block; width:170px; height:45px; padding-right:30px; line-height:45px; color:#fff; font-size:16px; font-family:'NotoM'; letter-spacing:-1px; background:#17335a url('/images/con_com/btn_Prof_more1.png') no-repeat right 50%;}
.professor_list_c li .desc {display:none}
.professor_list_c li.on .desc {display:block; padding:15px 30px 30px; border-top:1px solid #ddd; background:#f9f9f9;}

.professor_list_c li.on .desc .de_tit {margin:20px 0 0; font-size:22px; line-height:1.3; font-family:'NotoM'; color:#17335a; letter-spacing:-1px;}



@media screen and (max-width:1019px){ 
		 input, textarea { 
         width: 400px; 
         height: 27px;  
         background-color: #efefef; 
         border-radius: 6px; 
         border: 1px solid #dedede;  
         padding: 10px; 
         margin-top: 3px; 
         font-size: 0.9em; 
         color: #3a3a3a; 
     } 
     .modal-content {
		position: relative;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #999;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 6px;
		outline: 0;
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
		box-shadow: 0 3px 9px rgba(0,0,0,.5);
		width: 500px;
	    top: 50%;
	    left: 30%;
	    text-align : center;
		}
}
@media screen and (max-width:840px) {
	/* 교수진소개 C안 수정*/
	.professor_list_c > li .pro_txt .pro_name {font-size:22px;}
	.professor_list_c > li .pro_txt .pro_name:before { top:45px;}
	.professor_list_c > li .pro_txt .pro_name span{ font-size:15px;}
	.professor_list_c .btn_desc {width:130px; height:40px; line-height:40px; font-size:13px; right:20px;}
	.professor_list_c .btn_desc_close {width:130px; height:40px; line-height:40px; font-size:13px; right:20px}
	.professor_list_c > li .pro_txt {padding:30px 20px 30px 160px;}
	
}
@media screen and (max-width:800px){ 
	 input, textarea { 
         width: 300px; 
         height: 27px;  
         background-color: #efefef; 
         border-radius: 6px; 
         border: 1px solid #dedede;  
         padding: 10px; 
         margin-top: 3px; 
         font-size: 0.9em; 
         color: #3a3a3a; 
     } 
     .modal-content {
		position: relative;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #999;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 6px;
		outline: 0;
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
		box-shadow: 0 3px 9px rgba(0,0,0,.5);
		width: 400px;
	    top: 50%;
	    left: 10%;
	    text-align : center;
	}
	
	/* 교수진소개 */
	.professor_list > li .pro_txt .pro_name {font-size:22px;}
	.professor_list > li .pro_txt .pro_name span{ font-size:15px;}
	.professor_list .btn_desc {width:130px; height:40px; line-height:40px; font-size:14px;}
	.professor_list .btn_desc_close {width:130px; height:40px; line-height:40px; font-size:14px;}
}
@media screen and (max-width:700px){ 
	/* 교수진소개 C안 수정*/
	.professor_list_c > li .pro_txt {min-height:200px;}
	.professor_list_c > li .pro_txt ul li {padding-left:26px; font-size:14px}
}
@media screen and (max-width:700px){ 

	 input, textarea { 
         width: 200px; 
         height: 27px;  
         background-color: #efefef; 
         border-radius: 6px; 
         border: 1px solid #dedede;  
         padding: 10px; 
         margin-top: 3px; 
         font-size: 0.9em; 
         color: #3a3a3a; 
     } 
     .modal-content {
		position: relative;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #999;
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 6px;
		outline: 0;
		-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
		box-shadow: 0 3px 9px rgba(0,0,0,.5);
		width: 300px;
	    top: 50%;
	    left: 20%;
	    text-align : center;
}
@media screen and (max-width:480px){ 
	/* 교수진소개 C안 수정*/
	.professor_list_c > li {background:none;}
	.professor_list_c > li .pro_txt ul li {line-height:34px}
	.professor_list_c > li .pro_img {position:relative; left:auto; top:auto; width:110px; margin:20px auto 0;}
	.professor_list_c > li .pro_txt {min-height:140px; padding:15px 20px 80px;}
	.professor_list_c > li .pro_txt .pro_name {margin-bottom:10px; font-size:20px; text-align:center;}
	.professor_list_c > li .pro_txt .pro_name:before {display:none;}
	.professor_list_c > li .pro_txt .pro_name span{ font-size:15px;}
	.professor_list_c .btn_desc {top:350px;}
	.professor_list_c .btn_desc_close {top:350px;}
	.professor_list_c li.on .desc {padding:20px;}
}
}