@charset "utf-8"; 
/*-----------------------------------------------------------
Author : JH, Woo 
Creative date : 21.11.22 
-----------------------------------------------------------*/

/* 공통 */
* {box-sizing: border-box;}
/* 버튼 */
.btn_whL { display:inline-block; padding:8px 10px; color:#fff; border:1px solid #fff; line-height:22px; font-size:15px; margin:1px; transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease; } 
.btn_whL:hover, .btn_whL:focus { background:rgba(0,0,0,0.2); }
.btn_whL.ico_w { position:relative; padding:8px 50px 8px 10px; }

/* 아이콘 */
.ico_box { display:inline-block; width:30px; height:30px; margin:0 0 0 5px; }
.ico_box img { width:30px; height:30px; }
.ico_box a { display:block; border-radius:50px; text-align:center; background:#0080f3; transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; }
.ico_box a:hover { background:#004996; }


/* 학과소개 인사말 공통 */
.dep_box {position:relative; overflow:hidden;}
.dep_box .img {width:560px; height:350px; float:left;}
.dep_box .img img {width:100%; height:100%;}
.dep_box .txt {position:relative; width:480px; height:350px; float:right; background:url('/images/common/com/logo_img01.png') no-repeat right bottom;}
.dep_box .txt:before{content:''; display:block; position:absolute; right:-1px; top:0; width:5px; height:200px; background:#00a390;}
.dep_box .txt:after {content:''; display:block; position:absolute; right:-1px; top:0; width:80px; height:5px; background:#00a390;}
.dep_box .txt .inner {padding:30px; border-top:5px solid #024289;}
.dep_box .txt .txt_1 {font-size:40px; line-height:1.3; font-family:'NotoM'; color:#222; letter-spacing:-1px; margin-bottom:50px;}
.dep_box .txt .txt_2 {font-size:24px; line-height:1.3; font-family:'NotoR'; color:#444; letter-spacing:-1px;}
.dep_box .fp_gr {color:#009281;}

.greeting {margin-top:50px;}
.greeting p {font-size:15px; line-height:1.4; font-family:'NotoR'; color:#444; letter-spacing:-1px;}


/* 주요전공분야 */
.major_box {position:relative; overflow:hidden; border:3px solid #e1e8ef; padding:30px;}
.major_box .major_list { position:relative; padding:0 0 30px; margin:0 0 30px; word-break:keep-all;}
.major_box .major_list:before {content:''; display:block; position:absolute; bottom:0; width:100%; height:5px; background:url('/images/common/com/ma_line_bg.png') repeat-x right bottom;}
.major_box .major_list .ico_img { position:absolute; left:0; top:10px; width:80px; height:80px;}
.major_box .major_list .txt {  padding:20px 0 30px 120px;}
.major_box .major_list .txt p { font-size:15px; letter-spacing:-1px; color:#333;}
.major_box .last {padding:0; margin:0;} /* 마지막 내용 */
.major_box .last:before {content:''; display:block; position:absolute; bottom:0; width:100%; height:0px; background:none;}

/* 교수소개(공통) */
.professor{position: relative; background: url('../../../images/template/00001/sub_cnt/img_professor_bg.png') no-repeat right top 25px;}
.professor::after{display: block; content: ''; clear: both;}
.professor .tit{margin-bottom: 40px; }
.professor .tit h3{display: inline-block; background: #fff; font-size: 36px; font-family: 'NotoM'; font-weight: 700; color: #1a1a1a; padding-right: 40px;}
.professor .tit h3 span{color: #acacac; font-weight: 400; padding-left: 15px;}
.professor .professor_img{width: 215px; float: left; margin-right: 55px; padding-left: 8px; position: relative;}
.professor .professor_img::before{width: 100%; height: 100%; background: url('../../../images/template/00001/sub_cnt/ptrn_professor.png') repeat; position: absolute; left: 0; top: 8px; content: '';}
.professor .professor_img .img{position: relative; width: 100%; height: 280px; clip-path: polygon(100% 0, 100% 85%, 80% 100%, 0 100%, 0 0); border:1px solid #e3e3e3; overflow: hidden;}
.professor .professor_img .img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; height: auto;}
.professor .professor_list{width: calc(100% - 270px); float: left; padding-right: 50px; box-sizing: border-box;}
.professor .professor_list > ul > li{position: relative; padding: 20px 0 20px 110px; border-bottom: 1px dashed #d8d9da;}
.professor .professor_list > ul > li::after{display: block; content: ''; clear: both;}
.professor .professor_list > ul > li span{position: absolute; top: 20px; left: 0; font-size: 17px;}
.professor .professor_list > ul > li span::before{width: 5px; height: 5px; background: #005298; border-radius: 50%; position: absolute; left: -7px; top: -5px; content: '';}
.professor .professor_list > ul > li:nth-of-type(even) span::before{background: #00a390;}

/* 대학원생소개(공통) */
.graduate ul{position: relative;}
.graduate ul::after{display: block; content: ''; clear: both;}
.graduate > ul > li{position: relative; width: 32%; margin: 0 2% 20px 0; float: left; padding: 0 40px 30px; height: 440px; box-sizing: border-box;}
.graduate > ul > li:nth-of-type(3n){margin-right: 0;}
.graduate > ul > li::before{width: 100%; height: calc(100% - 3rem); background: #f7f8f9; position: absolute; left: 0; bottom: 0; content: '';}
.graduate > ul > li .img_wrap{position: relative; width: 210px; height: 280px; margin: 0 auto 30px; }
.graduate > ul > li .img_wrap::before{width: 100%; height: 100%; background: url('../../../images/template/00001/sub_cnt/ptrn_professor.png') repeat; position: absolute; left: -8px; top: 8px; content: '';}
.graduate > ul > li .img_wrap .img{clip-path: polygon(100% 0, 100% 85%, 80% 100%, 0 100%, 0 0); width: 100%; height: 100%; border: 1px solid #e3e3e3; overflow: hidden;}
.graduate > ul > li .img_wrap .img img{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; height: auto;}
.graduate > ul > li .name{position: relative; font-size: 18px; text-align: center; padding-bottom: 15px; margin-bottom: 15px;}
.graduate > ul > li .name::before{width: 106px; height: 4px; background: #005298; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: '';}
.graduate > ul > li .name::after{width: 40px; height: 4px; background: #00a390; position: absolute; bottom: 0; left: calc(50% + 35px); transform: translateX(-50%); -webkit-transform: translateX(-50%); content: '';}

/* 00_연구실소개(공통) */
.img_list{text-align: center;}
.img_list li{display: inline-block; padding: 0 10px; margin-bottom: 10px; position: relative;}
.img_list li img{max-height: 200px; max-width: 100%;}

/* 00_장비소개(공통) */
.equipment_list{background: #f7f8f9; padding: 0 15px;}
.equipment_list::after{display: block; content: ''; clear: both;}
.equipment_list li{padding: 40px 20px; width: 33.333%; float: left;}
.equipment_list li:nth-of-type(n+4){border-top: 1px dashed #ccc;}
.equipment_list li .name{position: relative; font-size: 20px; text-align: center; color: #3c3c3c; margin-bottom: 30px; padding-bottom: 15px;}
.equipment_list li .name::before{width: 106px; height: 4px; background: #005298; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); content: '';}
.equipment_list li .name::after{width: 40px; height: 4px; background: #00a390; position: absolute; bottom: 0; left: calc(50% + 35px); transform: translateX(-50%); -webkit-transform: translateX(-50%); content: '';}
.equipment_list li .img{width: 100%; height: 370px; overflow: hidden; background: #eee; position: relative;}
.equipment_list li .img img{position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; height: auto;}

/* 00_찾아오시는길(공통) */
.map_box2{position: relative; }
.map_box2 .map_info{position: absolute; top: 0; left: 0;}
.map_box2 .map_info ul{width: 370px; padding: 30px; position: relative; color: #fff;
	background: linear-gradient(90deg, #196ca1, #159f9b);
	background: -webkit-linear-gradient(-90deg, #196ca1, #159f9b);
	background: -o-linear-gradient(90deg, #196ca1, #159f9b);
	background: -moz-linear-gradient(90deg, #196ca1, #159f9b);
}
.map_box2 .map_info ul::before{width: 290px; height: 214px; background: url('../../../images/template/00001/sub_cnt/img_map_bg.png') no-repeat right bottom / contain; position: absolute; bottom: 0; right: 0; content: '';}
.map_box2 .map_info ul li{margin-bottom: 30px;}
.map_box2 .map_info ul li p{font-size: 19px; font-family: 'NotoB'; margin-bottom: 10px;}
.map_box2 .map_info ul li p i{padding-right: 5px;}
.map_box2 .map_info ul li span{font-size: 17px;}
.map_box2 .map{width: 100%; height: 520px; background: #ccc;}

/* 추가 */
.equipment_list li{padding: 10px;}

/*220602 tbl_st 추가*/
.tbl_st3{position:relative; width:100%; margin-top:5px; text-align:center; border-top:1px solid #222; -webkit-overflow-scrolling:touch; /* 삭제 word-break:keep-all; */ font-size:14px;}
.tbl_st3 thead th {padding:13px 3px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; background: #f7f7f7; border-bottom: 1px solid #a5a5a5;}
.tbl_st3 tbody th {padding:13px 3px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; background: #f7f7f7; border-bottom: 1px solid #dfdfdf;}
.tbl_st3 td {padding:10px 3px; border-bottom: 1px solid #dfdfdf;}


/********** Media quary **********/


@media screen and (max-width:1095px) {	
	/* 학과소개 인사말 공통 */
	.dep_box .img {width:50%;}
	.dep_box .img img {width:100%;}
	.dep_box .txt {width:45%;}
	.dep_box .txt .txt_1 {font-size:30px; margin-bottom:30px;}
	.dep_box .txt .txt_2 {font-size:20px;}


}


@media screen and (max-width:1024px) { 
	/* 교수소개(공통) */
	.professor {text-align: center;}
	.professor .tit{text-align: left;}
	.professor .professor_img{display: inline-block; float: none; width: auto;  margin-right: 30px;}
	.professor .professor_img .img{width: auto; height: auto; text-align: center;}
	.professor .professor_img .img img{position: relative; width: auto; top: auto; left: auto; transform: none; -webkit-transform: none;}
	.professor .professor_img::before{height: 100%;}
	.professor .professor_list{width: 100%; text-align: left;}

	/* 대학원생소개(공통) */
	.graduate > ul > li{width: 49%; margin-bottom: 20px;}
	.graduate > ul > li:nth-of-type(3n){margin-right: 2%;}
	.graduate > ul > li:nth-of-type(even){margin-right: 0;}

	/* 00_장비소개(공통) */
	.equipment_list li{width: 50%;}
	.equipment_list li:nth-of-type(3){border-top: 1px dashed #ccc;}
	.equipment_list li .img{height: 350px;}

	/* 찾아오시는길(공통) */
	.map_box2 .map_info{position: relative;}
	.map_box2 .map_info ul{width: 100%;}
}


@media screen and (max-width:900px) { 
    /* 학과소개 인사말 공통 */
    .dep_box .img {width:50%; height:280px;}
    .dep_box .img img {width:100%;}
    .dep_box .txt {width:45%; height:280px; background-size:20%}
    .dep_box .txt .txt_1 {font-size:28px;}
    .dep_box .txt .txt_2 {font-size:20px;}
}


@media screen and (max-width:760px) {
	/* 연혁 */
	 .historyList .list .right,  .historyList .list .left{width:91%;}
}

@media screen and (max-width:690px) {	
	/* 학과소개 인사말 공통 */
	.dep_box .img {width:100%; height:auto;}
	.dep_box .txt {width:100%; height:auto; background-size:20%; background-position:95% bottom;}
	.dep_box .txt .inner {padding:20px;}
	.dep_box .txt .txt_1 {font-size:24px;}
	.dep_box .txt .txt_2 {font-size:18px;}
	
	/* 연혁 */ 
	.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}	
}


@media screen and (max-width:640px) { 	
	/* 교수소개(공통) */
	.professor .tit h3{font-size: 32px;}

	/* 대학원생소개(공통) */
	.graduate > ul > li{width: 100%;}
	.graduate > ul > li:nth-of-type(3n){margin-right: 0;}

	/* 장비소개(공통) */
	.equipment_list li{padding: 30px 10px;}
	.equipment_list li .img{height: 300px;}
	.equipment_list li .name{font-size: 18px;}
}

@media screen and (max-width:560px) { 	
	/* 장비소개(공통) */
	.equipment_list li{width: 100%;}

}

@media screen and (max-width:480px) { 
	/* 교수소개(공통) */
	.professor .tit h3{font-size: 30px; padding-right: 20px;}
	.professor .professor_list{padding-right: 40px;}
	.professor .professor_list > ul > li{padding-left: 0;}
	.professor .professor_list > ul > li span{position: relative; top: 0; display: block; margin-bottom: 5px;}
}

@media screen and (max-width:380px) { 
    
        
        /* 학과소개 인사말 공통 */
	.dep_box .txt .txt_1 {font-size:20px; margin-bottom:20px;}
	.dep_box .txt .txt_2 {font-size:16px;}	

    
	/* 교수소개(공통) */
	.professor .tit h3{font-size: 28px; }
	
}