@charset "utf-8";



/* 0101_인사말 */
.greeting{position:relative;}
.greeting .greet_top{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top:before {content:""; display:block; position:absolute; right:0; bottom:0; width:750px; height:250px; background:url("/images/web/advising/sub_cnt/img_greeting.png") no-repeat; background-size:cover;}
.greeting .greet_top .topTxt{position:relative; display:inline-block; min-width:440px; max-width:50%; min-height:150px; padding:45px 30px 60px; color:#fff; line-height:1.4; background:#002f67 url("/images/web/advising/sub_cnt/bg_greeting.png") no-repeat right bottom; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35); }/*200313*/
.greeting .topTxt h3 {font-size:34px; font-family:'NotoM';  word-break:keep-all;} 
.greeting .topTxt p {font-size:17px; margin-top:20px; word-break:keep-all} 
.greeting .topTxt .topTeng {position:absolute; right:30px; bottom:30px; padding-left:90px; letter-spacing:3px; font-size:15px; color:#87a3c5;  font-family:'NotoM';}
.greeting .topTxt .topTeng:before {content:""; display:block; position:absolute; left:0; top:10px; width:80px; height:1px; background:#4d6e95;}
.greeting .txt {margin-top:40px;}
.greeting .txt p {font-size:16px; line-height:1.8; word-break:keep-all;}
.greeting p.sign{margin-top:30px;text-align:right; font-size:17px;  word-break:keep-all;}
.greeting p.sign strong {font-family:'NotoB';}

/* 0101_학과장 인사말(학과장사진) */
.greeting .greet_top2{position:relative; width:100%; padding-bottom:20px;}
.greeting .greet_top2:before {content:""; display:block; position:absolute; right:0; bottom:0; width:60%; height:255px; background:#bcbdc0 url("/images/web/advising/sub_cnt/pt_greeting.png") repeat;}
.greeting .greet_top2 .topTxt{position:relative; width:90%; min-height:255px; padding:45px 30px 60px 180px; color:#fff; line-height:1.4; background:#002f67 url("/images/web/advising/sub_cnt/bg_greeting.png") no-repeat right bottom; box-shadow:3px 3px 5px 0 rgba(0, 0, 0, 0.35);  box-sizing:border-box;}/*200313*/
.greeting .greet_top2 .topTxt .img {display:block; position:absolute; left:40px; top:55px; width:105px; height:120px;}
.greeting .greet_top2 .topTxt .img:before {content:""; display:block; position:absolute; right:-10px; bottom:-10px; width:105px; height:120px;  background:rgba(255,255,255,0.1);}
.greeting .greet_top2 .topTxt .img img {position:relative; width:100%; height:100%;}


/* 0102 학과소개 */
.summary_box {padding:25px 45px; font-size:15px; border:5px solid #e9e9e9; word-break:keep-all; background:#fff url('/images/web/advising/sub_cnt/bg_summary.png') no-repeat 95% 88%;}
.summary_box .summary_top {position:relative; min-height:100px; padding-left:160px;}/*200313*/
.summary_box .summary_top .txt_1{font-family:'NotoM'; font-size:16px; color:#333; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top .img{position:absolute; top:0; left:0;}/*200313*/
.summary_box .summary_top .img img{width:140px; height:auto;}/*200313*/
.summary_box .summary_txt{margin:25px 0 10px; padding:25px 0 10px; border-top:1px dashed #b2b7c7; text-align:left; overflow:hidden; word-break:keep-all;}
.summary_box .summary_txt p {font-family:'NotoR'; font-size:14px; color:#444; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top1 {position:relative;min-height:100px;padding-left:160px;}
.summary_box .summary_top1 .txt_1{font-family:'NotoM'; font-size:16px; color:#333; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top1 .img{position:absolute; top:0; left:0;}/*200313*/
.summary_box .summary_top1 .img img{width: 150px !important;}
.summary_box .summary_top2 {position:relative; min-height:100px; padding-left:160px; }
.summary_box .summary_top2 .txt_1{font-family:'NotoM'; font-size:16px; color:#333; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top2 .img{position:absolute; top:0; left:0;}/*200313*/
.summary_box .summary_top3 {position:relative; min-height:100px; padding-left:160px;}
.summary_box .summary_top3 .txt_1{font-family:'NotoM'; font-size:16px; color:#333; line-height:1.4; word-break:keep-all;}
.summary_box .summary_top3 .img{position:absolute; top:0; left:0;}/*200313*/


/* 0103 연혁 */
.historyList {overflow:hidden; text-align:center; background:url('/images/web/advising/sub_cnt/his_bg.png') no-repeat left top;}
.historyList h3 {position:relative;width:289px;height:199px;margin:0 auto;line-height:40px;font-size:20px;font-family:"NotoM";color:#fff;text-align:center;background:url('/images/web/advising/sub_cnt/history_title.png') no-repeat center top;}
.historyList h3 span {position:relative;display:block;font-size:18px;font-family:"NotoDL";color:#e4f3ff;padding-top:70px;letter-spacing:0;}
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/images/web/advising/sub_cnt/bg_history_line.png') repeat-y center; padding:30px 0 0;}
.historyList .list .right{width:50%; margin-right:8px; float:right; background:url('/images/web/advising/sub_cnt/history_right_bg.png') no-repeat left 25px;}
.historyList .list .right ul{float:right; text-align:left;}
.historyList .list .left{width:50%; margin-left:8px; float:left; background:url('/images/web/advising/sub_cnt/history_left_bg.png') no-repeat right 25px;}
.historyList .list .left ul{float:left; text-align:right;}
.historyList .list ul{width:80%; padding:20px 30px; border-bottom:1px solid #c3d4e8;}
.historyList .list ul li{line-height:30px; color:#595959;}
.historyList .list ul li.tit{font-size:30px; font-weight:bold; color:#00733f; margin-bottom:10px;}
.historyList .list ul li > span{font-weight:bold; margin-right:8px; color:#002f67;}


/*0105조교소개*/
.professor_h > li .pro_txt ul  .li_st span{width:60px; !important;}
.professor_h > li .pro_txt ul  .li_st  .li_st2 li {padding-left:10px; background:none;}
.professor_h > li .pro_txt{min-height:210px;}


/* 0106_실험실 소개 */
.class_img { overflow:hidden; text-align:center; }
.class_img .img { width:100%; margin:0 0 15px; float:left; font-size:0; line-height:0; box-sizing:border-box; border:1px solid #ccc; text-align:center; }
.class_img.w50 .img { width:49%; margin-left:2%; }
.class_img.w50 .img:nth-child(odd) { margin-left:0; }
.class_img .img h5 { color:#333; border-top:1px solid #ddd; background:#FAFAFA; padding:10px 5px; font-family:'NotoM'; font-size:15px; line-height:20px; }
.class_img .img p { padding:40px 10px; display:inline-block; }
.class_img .img p img { max-width:100%; width:100%; height:162px; }
.class_img .img p.img_size img {height:300px;}

/*210616 취업 자격증정보*/
.list_info > li{background-position:0 !important;}

@media screen and (max-width:1300px) { 


}

@media screen and (max-width:1019px) {	

	/* 연혁 */
	.historyList, .historyList .list  {background-image:none;}
    .historyList .list .right,  .historyList .list .left{float:none; width:100%; margin:0px; background-image:none;}
    .historyList .list .right ul, .historyList .list .left ul {float:none !important; width:80%;  margin:20px auto; text-align:left;}
	.historyList .list ul li.tit{ text-align:center}
    .historyList .list .left ul:last-child{margin-bottom:0px;}


}



@media screen and (max-width:1089px) { 




}

@media screen and (max-width:980px) {
	 
	/* 0101_인사말 */
	.greeting .greet_top {padding:200px 0 0;}
	.greeting .greet_top:before {bottom:auto; top:0; width:100%; background-position:center top;}
	.greeting .greet_top .topTxt{display:block; min-width:auto; width:90%; height:auto; margin:0 auto; padding:20px 30px 50px; box-sizing:border-box;}
	.greeting .topTxt p br {display:none;} 
	.greeting .topTxt .topTeng {bottom:20px; padding-left:90px; letter-spacing:0; }

	/* 0101_학과장 인사말(학과장사진) */
	.greeting .greet_top2:before {width:95%; height:90%;}
	.greeting .greet_top2 .topTxt{width:95%; height:auto; padding:20px 30px 50px 170px;}
	.greeting .greet_top2 .topTxt .img {left:30px; top:20px;}
	



}

@media screen and (max-width:768px) {
	

	/* 0102 학과소개 210709*/
	.summary_box {font-size:14px; padding:25px 25px;}
	.summary_box .summary_top1, .summary_box .summary_top2, .summary_box .summary_top3 {min-height:auto; padding-left:0; background-position:center top;}
	.summary_box .summary_top1 .img, .summary_box .summary_top2 .img, .summary_box .summary_top3 .img{position:relative; margin:0 auto 20px; text-align:center;}
	
	/* 0103 연혁 */
	 .historyList .list .right,  .historyList .list .left{width:91%;}
	



}


@media screen and (max-width:690px) { 	



	/* 0103 연혁 */
	.historyList > img{ width:50%; height:auto}
    .historyList .list .right ul, .historyList .list .left ul {width:95%;}
	.historyList .list ul li > span{ display:block; margin-right:0}
	
	/*0106 실험실소개*/
	.class_img.w50 .img { width:100%; margin-left:0; }




}





@media screen and (max-width:560px) { 	
	 
	 /* 0101_학과장 인사말(학과장사진) */
	.greeting .greet_top2 .topTxt{height:auto; margin-top:60px; padding:80px 30px 50px 30px;}
	.greeting .greet_top2 .topTxt .img {left:50%; top:-60px; margin-left:-52px;}
	
	/* 0102 학과소개 200313*/
	.summary_box .summary_top {padding-left:0;}
	.summary_box .summary_top .img{position:relative; margin:0 auto 20px; text-align:center;}
	
	/* 0103 연혁 */
	.historyList > img{width:60%}
	
	/*0403_가족기업*/
	.entr_tbl .tbl_st td {display:block;}
	.entr_tbl .tbl_st td.last_c {display:none;}
	



}

@media screen and (max-width:480px) { 

	/* 0102 학과소개 */
	.summary_box .summary_top {padding-left:0; padding-top:0; background-size:80px; background-position:center top;}
	

}