@charset "utf-8";

/* ³ëº´Ã¶±³¼ö ¿äû»çÇ× */
/*.list-group-item{height: 248px;overflow: hidden;padding: 20px 20px 20px 186px;}*/
.list-group-item{height: 290px;overflow: hidden;padding: 20px 20px 20px 186px;}
.list-group-item .ui_thumb{display: block; overflow: hidden; position: absolute; top: 18px; left: 18px; width: 150px;height:199px; /*height: 150px;*/ margin: 0 auto; text-align: center;}
.list-group-item .ui_thumb img{width:100%; border: 1px solid #ddd;}
.list-group-item .ui_thumb_info strong{display: block; position: relative; margin-bottom: 8px; padding-bottom: 8px; font-size: 18px; line-height: 25px;font-weight: bold; color:#3a7cd2}
.list-group-item .ui_thumb_info strong:before{ content: ""; position: absolute; top: 36px; left: 2px; width: 33px; height: 2px; background: #3a7cd2;}
.list-group-item .ui_thumb_info strong span{color:#555}
/* 210228 ³ëº´Ã¶ ±³¼ö ¿¬±¸ºÐ¾ß°¡ ³Ê¹« ¸¹¾Æ¼­ ¼öÁ¤*/
/*.list-group-item .ui_thumb_info ul li{position:relative;overflow:hidden;padding-left:80px;line-height:24px}*/
.list-group-item .ui_thumb_info ul li{position:relative;overflow:hidden;padding-left:80px;line-height:20px}
.list-group-item .ui_thumb_info li b{display: inline-block; float: left; position:relative; width: 75px; margin-left: -75px;}
.list-group-item .ui_thumb_info li b:before{ content: ""; position: absolute; top: 6px; left: 66px; width: 1px; height: 10px; background: #ddd;}
.list-group-item .ui_thumb_info li span{display:inline-block;}
.list-group-item  a:hover .ui_btn .btn,
.list-group-item  a:focus .ui_btn .btn{background-color: #fff;border-color: #3f61b2;color: #3f61b2;}
.list-group-item  a:focus .btn-icon .arrow::after,
.list-group-item  a:focus .btn-icon .arrow::before,
.list-group-item  a:hover .btn-icon .arrow::after,
.list-group-item  a:hover .btn-icon .arrow::before{height: 10px;-webkit-transition-delay: .3s;transition-delay: .3s;background-color: #3f61b2;}

@media only screen and (max-width:1023px) {
.list-group-item{height:auto;padding:20px}
.list-group-item .ui_thumb{position: relative;left: 0;top: 0;margin: 0 auto;}
}
.prof-intro{position: relative;overflow:hidden}
.prof-intro .inner{width:100%;height:100%}
.prof-intro .grap{display: block;width: 100%;height: 100%;overflow: hidden;}
.prof-intro .card{ display: block; float:left; position: relative; height: 564px; width: 60%; vertical-align: middle; text-align: center; border: 1px solid #ccc; color: #b2b2b2; font-size: 14px; background: url(/images/prog/card_bg.png) no-repeat;}
/*.prof-intro .card .card_info{position: absolute; top: 21%; left: 50%; margin-left: -39%; background-color: #0b1f3b;width: 78%; height: 320px; padding:70px 6% 80px 10%}*/
/* 240215 °³ÀÎ sns Ãß°¡ ½ÃÀÛ*/
.prof-intro .card .card_info{position: absolute; top: 13%; left: 50%; margin-left: -39%; background-color: #0b1f3b;width: 78%; height: 420px; padding:70px 6% 80px 10%}
.prof-intro .card .card_info p{margin-top: 20px;font-size: 17px;color: #fff}
.prof-intro .card .card_info .sns .sns_con{position:relative;overflow:hidden;margin-top:20px}
.prof-intro .card .card_info .sns .sns_con ul li{position: relative;padding-left: 78px;color: #fff;font-size: 15px}
.prof-intro .card .card_info .sns .sns_con ul li b{position: absolute;min-width: 70px;margin-left: -70px}
/* 240215 °³ÀÎ sns Ãß°¡ ³¡*/
.prof-intro .card .card_info .img{width: 130px;overflow: hidden;display: block;text-align: center;float: left;position:relative;/* border: 1px solid; */height: 170px;}
.prof-intro .card .card_info .img img{width:100%;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%) ;border: 5px solid #fff;}
.prof-intro .card .card_info .info{margin-left: 155px;text-align: left;position:relative;}
.prof-intro .card .card_info .info:before{position:absolute;top:-40px;left:0;content:"";display:inline-block;width:90px;height:95px;background:url(/images/kor/sub01/coll_tb_tit_bg.png) no-repeat;}
.prof-intro .card .card_info strong{position:relative;font-size:40px;line-height:1;color: #fff}
.prof-intro .card .card_info strong em{font-size:30px;}

/*.prof-intro .card .card_info strong:before{display: block; position: absolute; left: 0; bottom: -15px; content: ""; width: 34px; height: 1px; background: #fff}*/
.prof-intro .card .card_info p{margin-top: 20px;font-size: 17px;color: #fff}
.prof-intro .card .card_info .info .info_con{position:relative;overflow:hidden;margin-top:20px}
.prof-intro .card .card_info .info .info_con ul li{position: relative;padding-left: 78px;color: #fff;font-size: 15px}
.prof-intro .card .card_info .info .info_con ul li b{position: absolute;min-width: 70px;margin-left: -70px}
.prof-intro .txt{ display: block;float:right; height: 564px; width: 40%;vertical-align: middle; line-height: 1.3; font-size: 15px; padding: 56px 40px 56px 40px; background:#57a93f url(/images/prog/facultyInfo_background.png) no-repeat 100% 95%;}
.prof-intro .txt .tit{ margin: 0 0 20px 0; line-height: 65px; font-size: 70px; color: #fff; opacity: 0.4; font-family: 'nsr'}
.prof-intro .txt ul li{position: relative;overflow: hidden;padding: 15px 0 15px 84px; margin: 0; border: solid #fff; border-width: 0 0 1px; color: #fff; font-size: 16px}
.prof-intro .txt ul li:before{display:none}
.prof-intro .txt ul li:first-child{border-top-width: 1px}
.prof-intro .txt ul li a{color:#fff}
.prof-intro .txt ul li .li{display: inline-block; float: left; position: relative; width: 84px; margin-left: -84px;font-weight: bold;line-height:22px}
.prof-intro .txt ul li .sub_box{position: relative;overflow-y: auto;height: 306px}
.prof-intro .txt ul li .sub_info{padding: 8px 4px;border-top:1px dashed rgba(255,255,255,0.4);font-size:14px}
.prof-intro .txt ul li .sub_info:first-child{border-top:0}

.con_box{padding: 55px 60px;background: #f8f8f9;}
.con_box .inner{height:100%;height:100%}
.con_box .tab_wrap{display: table;table-layout: fixed;border-collapse: collapse;width: 100%;height: 100%;}
.con_box .tab_ul{display:table-row}
.con_box .tab_ul a{ display: table-cell; padding: 12px 10px; border-bottom: 2px solid #444; border-top: 2px solid #444; vertical-align: middle; line-height: 1.4; text-align: center; font-size: 18px;background-color: #444;color:#fff}
.con_box .tab_ul a.ov,
.con_box .tab_ul a.hover,
.con_box .tab_ul a.focus{color: #fff;border-bottom: 2px solid #1f600c;border-top: 2px solid #1f600c;background-color: #1f600c;}
.con_box .con{position:relative;padding:50px 10px;}
.con_box .con .info{overflow:hidden;position:relative;border-top:2px solid #333;border-bottom:1px solid #d2d2d2}
.con_box .con .info ul{overflow:hidden;margin:0 0 -1px 0}
.con_box .con .info ul li{position:relative;float:left;width:50%;margin:0;padding: 12px 24px;border-bottom:1px solid #d2d2d2;font-size:14px;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#202020}
.con_box .con .info ul li:before{top:23px;left: 6px}



.table .tbl_th{background-color: #e8eaef}

@media only screen and (max-width:1200px){
.prof-intro .card .card_info{padding:80px 10%}
.con_box .con#box3 .info ul li{width:100%}
}

@media only screen and (max-width:1023px){
.prof-intro .card{display: block;float:none;width: 100%;height:auto}
.prof-intro .card .card_info{position:relative;top: 0;left: 0;width: 100%;margin-left:0;padding: 30px 26%;height: auto;}
.prof-intro .txt{display: block;float:none;width:100%;height:auto;padding: 20px 30px;}
.prof-intro .txt .tit{text-align: center;font-size: 30px;margin-bottom: 15px;}

}

@media only screen and (max-width:860px){
	.con_box .con#box4 .info ul li{width:100%}
}

@media only screen and (max-width:767px){
.prof-intro .card .card_info{padding:30px 0}
.prof-intro .card .card_info .img{float:none;margin:0 auto}
.prof-intro .card .card_info .info{margin-left:0;text-align:center}
.prof-intro .card .card_info strong{font-size:22px}
.prof-intro .card .card_info strong:before{display:none}
.prof-intro .card .card_info p{font-size:15px;margin:0}
.prof-intro .card .card_info .info ..info_con{width: 240px;text-align: left;margin: 20px auto 0}
.prof-intro .txt ul li{padding: 10px 0;}
.prof-intro .txt ul li .li{display: block;float: none;width: 100%;margin-left: 0;}
.con_box{padding:30px 20px}
.con_box .tab_ul a{display:block;width:100%;font-size:15px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}

}