@charset "utf-8";
.sub-content{width: 1200px;margin: 0 auto;padding: 60px 0 80px;}
.sc-left{float: left;width: 250px;}
.sc-left .menu-title{padding-left: 17px;font-family: "NotoSans-Medium";font-weight: normal;font-size: 24px;line-height: 29px;color: #000000;background: url(/images/engineering/sub/sub_bg01.gif) no-repeat left 13px;}
.left-menu{margin-top: 20px;}
.left-menu > li{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.left-menu > li:first-child{border-top: 1px solid #dcdcdc;}
.left-menu > li > a{display: block;padding: 16px 19px;font-family: "NotoSans-Regular";font-size: 18px;line-height: 22px;color: #555555;background: url(/images/engineering/sub/sub_bg02.gif) no-repeat 95% 22px;}
.left-menu > li > a:hover{color: #014195;}
.left-menu > li.on > a{font-family: "NotoSans-Medium";color: #ffffff;background: #014195 url(/images/engineering/sub/sub_bg03.gif) no-repeat 95% 22px;}
.left-menu > li > ul{display: none;background: #fafafa;}
.left-menu > li > ul > li{background: url(/images/engineering/sub/sub_bg07.gif) repeat-x left top;}
.left-menu > li > ul > li:first-child{background: none;}
.left-menu > li > ul > li > a{display: block;padding: 16px 19px;font-size: 16px;line-height: 20px;}
.left-menu > li > ul > li > a:hover{color: #014195;}
.left-menu > li > ul > li > a:hover > span{background: url(/images/engineering/sub/sub_bg09.gif) no-repeat left 8px;}
.left-menu > li > ul > li > a > span{display: block;padding: 0 12px;background: url(/images/engineering/sub/sub_bg08.gif) no-repeat left 8px;}
.left-menu > li > ul > li.crt > a{font-family: "NotoSans-Regular";color: #014195;background: url(/images/engineering/sub/sub_bg04.gif) no-repeat 94% 22px;}
.left-menu > li > ul > li.crt > a > span{display: block;background: url(/images/engineering/sub/sub_bg09.gif) no-repeat left 8px;}

.left-menu2{margin-top: 20px;}
.left-menu2 > li{border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.left-menu2 > li:first-child{border-top: 1px solid #dcdcdc;}
.left-menu2 > li > a{display: block;padding: 16px 19px;font-family: "NotoSans-Regular";font-size: 18px;line-height: 22px;color: #555555;background: url(/images/engineering/sub/sub_bg12.gif) no-repeat 93% 22px;}
.left-menu2 > li > a:hover{color: #014195;}
.left-menu2 > li.on > a{font-family: "NotoSans-Regular";color: #555555;background: url(/images/engineering/sub/sub_bg12.gif) no-repeat 93% 22px;}
.left-menu2 > li.crt2 > a{font-family: "NotoSans-Medium";color: #ffffff;background: #014195 url(/images/engineering/sub/sub_bg13.gif) no-repeat 93% 22px;}
.left-menu2 > li > a > span{padding: 0 12px;background: url(/images/engineering/sub/sub_bg08.gif) no-repeat left 12px;}
.left-menu2 > li.crt2 > a > span{background: url(/images/engineering/sub/sub_bg14.gif) no-repeat left 12px;}

.sc-right{float: right;width: 900px;}
.sc-right-inter{float: right;width: 100%;}
.page-title{padding-bottom: 11px;border-bottom: 1px solid #000000;}
.page-title .title-name{float: left;font-weight: normal;font-family: "NotoSans-Medium";font-size: 30px;line-height: 35px;color: #000000;}
.page-title .nav{float: right;margin-top: 10px;}
.page-title .nav > li{float: left;padding: 2px 11px 2px 17px;font-size: 14px;line-height: 31px;background: url(/images/engineering/sub/sub_bg05.gif) no-repeat left center;}
.page-title .nav > li:first-child{padding-left: 20px;background: url(/images/engineering/sub/home.gif) no-repeat left;}
.page-title .nav > li:last-child{color: #333333;}
.sub-page-cont{padding-top: 50px;}

/*텍스트 양식 시작*/
.p-txt{font-size: 16px;line-height: 27px;letter-spacing: -1px;}
.p-txt.blue{color: #014195;}
.p-txt .blue{color: #014195;}
.p-txt .ft-bld{font-family: "NotoSans-Regular";color: #222222;}
.p-txt02{font-family: "NotoSans-Regular";font-size: 16px;line-height: 20px;color: #000;}
.p-txt03{padding-left: 10px;font-size: 16px;line-height: 27px;letter-spacing: -1px;}
.p-txt04{padding-left: 35px;font-size: 16px;line-height: 27px;letter-spacing: -1px;}
.p-txt05{font-family: "NotoSans-Regular";font-size: 16px;line-height: 20px;}
/*텍스트 양식 끝*/

/*타이틀 양식 시작*/
.h4-title{font-weight: normal;font-family: "NotoSans-Regular";font-size: 30px;line-height: 37px;color: #014195;}
.h5-title{font-weight: normal;font-family: "NotoSans-Medium";font-size: 20px;line-height: 25px;color: #333333;}
/*타이틀 양식 끝*/

/*버튼 양식 시작*/
.btn-area{padding: 25px 0;}
.btn-area a{display: inline-block;padding: 10px 30px;font-size: 17px;line-height: 21px;}
.btn-area a.btn01{color: #ffffff;background: #014195;}
.btn-area a.btn01:hover{background: #044ba9;}
.btn-area a.btn02{color: #ffffff;background: #7e8b92;}
.btn-area a.btn02:hover{background: #7e8284;}
/*버튼 양식 끝*/

/*페이징 양식 시작*/
.paging{margin: 0 auto;text-align: center;margin: 30px 0;line-height: 33px;}
.paging a{display: inline-block;height: 33px;padding: 0px 13px;border: 1px solid #dcdcdc;text-align: center;line-height: 33px;font-size: 15px;vertical-align: top;}
.paging a img{vertical-align: top;}
.paging .on{border: 1px solid #014195;font-family: "NotoSans-Medium";color: #fff;background: #014195;}
.paging a:hover{color: #014195;}
.paging a:hover.on{color: #fff;}
.paging a.img {border: 0;padding: 0;}
/*페이징 양식 끝*/

/*페이지 하단 정보 시작*/
.para-info{margin-top: 80px;background: #f2f1ed url(/images/engineering/sub/sub_bg10.gif) no-repeat left center;}
.para-info ul{padding: 23px 83px;}
.para-info ul li{float: left;padding: 0 12px 0 11px;font-size: 16px;line-height: 20px;background: url(/images/engineering/sub/sub_bg11.gif) no-repeat left center;}
.para-info ul li:first-child{background: none;}
.para-info ul li span{font-family: "NotoSans-Regular";display: inline-block;margin-right: 8px;}
/*페이지 하단 정보 끝*/

/*학장인사말*/
.img-box01{position: relative;margin-bottom: 33px;}
.img-box01 .match-text{position:absolute;right: 28px;bottom: -100px;padding: 23px 35px 23px 25px;border-radius: 9px;background: url(/images/engineering/sub/sub_bg06.gif) repeat center;}
.match-text .job-title{font-family: "NotoSans-Regular";font-size: 15px;line-height: 21px;color: rgba(255,255,255,0.7);}
.match-text .jt-name{font-family: "NotoSans-Regular";font-size: 36px;line-height: 41px;color: #ffffff;}

/*전자전기컴퓨터공학부 학부장 인사말*/
.img-box02{position: relative;margin-bottom: 33px;}
.img-box02 .match-text2{position:absolute;right: 28px;bottom: -60px;padding: 23px 35px 23px 25px;border-radius: 9px;background: url(/images/engineering/sub/sub_bg06.gif) repeat center;}
.match-text2 .job-title{font-family: "NotoSans-Regular";font-size: 15px;line-height: 21px;color: rgba(255,255,255,0.7);}
.match-text2 .jt-name{font-family: "NotoSans-Regular";font-size: 36px;line-height: 41px;color: #ffffff;}
.match-text2 .jt-name span{font-family: "NotoSans-Thin";color: rgba(255,255,255,0.7);}
.h4s-title{font-weight: normal;font-family: "NotoSans-Regular";font-size: 30px;line-height: 37px;color: #014195;}

/*사무실 및 시설*/
.img-txt-box{margin-top: 20px;}
.img-txt-box .left-img{float: left;}
.img-txt-box .right-img{float: left;width: calc(100% - 310px);padding-top: 10px;margin-left: 30px;}
.img-txt-box .right-img > p{position: relative;padding-left: 65px;font-size: 14px;line-height: 22px;color: #666666;}
.img-txt-box .right-img > p > span{position: absolute;left: 0px;top: 0px;font-family: "NotoSans-Regular";color: #333333;}

/*전자전기컴퓨터공학부 커뮤니티 공지사항*/
.tab-menu{border-radius: 9px 0 9px 0;}
.tab-menu > li{float: left;text-align: center;width: calc(25% - 1.25px);margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu.div33 > li{width: calc(33% - 1.25px);}
.tab-menu.div55 > li{width: calc(20% - 1.25px);}
.tab-menu > li:first-child{border-radius: 9px 0 0 0;}
.tab-menu > li:last-child{border-radius: 0 0 9px 0;}
.tab-menu > li.on{border: 1px solid #014195;margin-right: 1px;}
.tab-menu > li > a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu > li.on > a{font-family: "NotoSans-Regular";color: #014195;}
.table-up{margin-top: 20px;}
.page-info{float: left;padding-top: 10px;}
.page-info p{font-family: "NotoSans-Regular";font-size: 16px;line-height: 20px;}
.search-box{float: right;}
.search-box > *{margin: 5px 0;}
.search-box select{width: 120px;height: 38px;border: 1px solid #e5e5e5;font-size: 15px;}
.search-box input{width: 150px;height: 38px;padding: 0 15px;border: 1px solid #e5e5e5;font-size: 15px;}

.table-style{border-top: 2px solid #283d49;margin-top: 20px;}
.table-style ul{width: 100%;}
.table-style ul.on li.tb-wid01{color: #014195;}
.table-style ul.on li.tb-wid02 a{color: #014195;}
.table-style .tb-wid01{width: calc(10% - 20px)}
.table-style .tb-wid02{width: calc(50% - 20px)}
.table-style .tb-wid03{width: calc(15% - 20px)}
.table-style .tb-wid04{width: calc(10% - 20px)}
.table-style .tb-wid05{width: calc(15% - 20px)}
.table-style .tb-wid01_2{width: calc(8% - 20px)}
.table-style .tb-wid02_2{width: calc(15% - 20px)}
.table-style .tb-wid03_2{width: calc(44% - 20px)}
.table-style .tb-wid04_2{width: calc(13% - 20px)}
.table-style .tb-wid05_2{width: calc(10% - 20px)}
.table-style .tb-wid06_2{width: calc(10% - 20px)}
.tb-head{background: #f2f1ed url(/images/engineering/sub/sub_bg16.gif) repeat-x left bottom;}
.tb-head ul li{text-align: center;float: left;padding: 15px 10px;font-size: 16px;line-height: 20px;background: url(/images/engineering/sub/sub_bg15.gif) no-repeat left center;}
.tb-head ul li:first-child{background: none;}
.tb-body ul{border-bottom: 1px solid #cccccc;}
.tb-body ul li{text-align: center;float: left;padding: 15px 10px;}
.tb-body ul li.tb-wid02 a{display: inline-block;max-width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tb-body ul li.tb-wid02 a:hover{color: #014195;}

/*전자전기컴퓨터공학부 커뮤니티 공지사항 상세보기*/
.art-info{font-size: 14px;line-height: 18px;color: #555555;}
.art-info .art-info-name{margin-right: 5px;}
.art-info .art-info-date{margin-right: 5px;}
.art-cont{padding: 30px 0;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.art-cont .art-title{margin-bottom: 30px;font-family: "NotoSans-Regular";font-size: 16px;line-height: 20px;color: #000000;}
.art-cont .p-cont-txt{padding-left: 7px;font-size: 14px;line-height: 22px;color: #555555;background: url(/images/engineering/sub/sub_bg17.gif) no-repeat left 12px;}
.art-cont .p-cont-txt2{font-size: 14px;line-height: 22px;color: #555555;}
.art-cont .p-cont-txt span{font-family: "NotoSans-Regular";color: #222222;}

/*전자전기컴퓨터공학부 커뮤니티 포토갤러리*/
.gal-area{padding: 25px 0;border-top: 2px solid #283d49;}
.gal-area > ul > li{float: left;width: calc(25% - 20px);padding: 15px 10px;}
.gal-area > ul > li > .gal-img{display: block;text-align: center;overflow: hidden;}
.gal-area > ul > li > .gal-img img{width: 100%;transition: all 0.2s ease-in-out; object-fit: cover;}
.gal-area > ul > li:hover > .gal-img img{transform: scale(1.1,1.1);}
.gal-area > ul > li > .gal-txt{display: block;width: 100%;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;line-height: 20px;color: #010101;}
.gal-area > ul > li:hover > .gal-txt{color: #014195;}
.aci-name{text-align: center;padding: 10px 0 30px;font-size: 14px;line-height: 22px;color: #555555;}

/*학과 교수 소개 목록*/
.tab-menu2{display: inline-block;border-radius: 9px 0 9px 0;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.tab-menu2 > li{float: left;text-align: center;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu2 > li:first-child{border-radius: 9px 0 0 0;}
.tab-menu2 > li:last-child{border-radius: 0 0 9px 0;}
.tab-menu2 > li.on{border: 1px solid #014195;margin-right: 1px;}
.tab-menu2 > li > a{display: block;padding: 15px 80px;font-size: 17px;line-height: 21px;}
.tab-menu2 > li > a:hover{color: #014195;}
.tab-menu2 > li.on > a{font-family: "NotoSans-Regular";color: #014195;}
.teacher-list{border-top: 2px solid #283d49;}
.teacher-list > ul > li{position: relative;padding: 30px 0 35px;border-bottom: 1px solid #d2d2d2;}
.teacher-list .tc-img{float: left;}
.teacher-list .tc-img a{display: block;overflow: hidden;}
.teacher-list .tc-img a img{max-width: 242px;transition: all 0.2s ease-in-out;}
.teacher-list .tc-img a:hover img{transform: scale(1.1,1.1);}
.teacher-list .tc-info{float: left;width: calc(100% - 277px);padding-top: 0px;margin-left: 35px;}
.teacher-list .tc-info .tc-name{font-family: "NotoSans-Regular";font-size: 20px;line-height: 24px;color: #333333;}
.teacher-list .tc-info .other-info{margin-top: 10px;}
.teacher-list .tc-info .other-info li{font-size: 16px;line-height: 25px;color: #333333;}
.teacher-list .tc-info .other-info li a{color: #333333;}
.teacher-list .tc-info .tc-detail-btn{position: absolute;right: 0px;top: 40px;display: inline-block;}

/*학과 교수 소개 상세보기*/
.tab-menu3{border-radius: 9px 0 9px 0;}
.tab-menu3 > li{float: left;text-align: center;width: calc(25% - 1.25px);margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu3 > li:first-child{border-radius: 9px 0 0 0;}
.tab-menu3 > li:last-child{border-radius: 0 0 9px 0;}
.tab-menu3 > li.on{border: 1px solid #014195;margin-right: 1px;}
.tab-menu3 > li > a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu3 > li > a:hover{color: #014195;}
.tab-menu3 > li.on > a{font-family: "NotoSans-Regular";color: #014195;}
.tm3-cont{display: none;padding: 30px 0 20px;}
.tm3-cont.on{display: block;}

/*학과 교육과정(대학)*/
.tab-menu4{display: inline-block;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
.tab-menu4 > li{float: left;text-align: center;margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu4 > li.on{border: 1px solid #014195;margin-right: 1px;}
.tab-menu4 > li > a{display: block;padding: 15px 40px;font-size: 17px;line-height: 21px;}
.tab-menu4 > li.on > a{font-family: "NotoSans-Regular";color: #014195;}

/*공과대학 교과과정*/
.tab-menu5 > li{float: left;text-align: center;width: calc(20% - 1.25px);margin-left: -1px;border: 1px solid #c9c9c9;}
.tab-menu5 > li.on{border: 1px solid #014195;margin-right: 1px;z-index: 10;}
.tab-menu5 > li > a{display: block;padding: 15px 0;font-size: 17px;line-height: 21px;}
.tab-menu5 > li > a:hover{color: #014195;}
.tab-menu5 > li.on > a{font-family: "NotoSans-Regular";color: #014195;}

/*기계정보공학과 과내시설*/
.gal-box{padding: 10px 0;border-top: 2px solid #283d49;border-bottom: 1px solid #dfdfdf;margin-top: 10px;}
.gal-list > li{float: left;width: calc(25% - 9px);padding: 15px 0;margin-left: 12px;}
.gal-list > li:first-child{margin-left: 0px;}
.gal-list > li a{display: block;}
.gal-list > li .gal-img{width: 100%;overflow: hidden;}
.gal-list > li .gal-img img{width: 100%;transition: all 0.3s ease-in-out;}
.gal-list > li .gal-img:hover > img{transform: scale(1.1,1.1);}
.gal-list > li .gal-txt{text-align: center;padding-top: 20px;margin: 0 auto;max-width: 180px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 15px;line-height: 19px;color: #000000;}

/*기계정보공학과 학생회 소개*/
.img-box03{text-align: center;padding: 15px 0;}


/* 공통게시판 뷰 첨부파일 */
.art-info-file > a {
	color: #1b4fb4;
}

.art-info-file {
	position: relative;
	float: right;
	margin-top: -10px
}

.fileLyaer {
	display: none;
	position: absolute;
	right: 361px;
	top: 367px;
	border: #848484 solid 1px;
	background-color: #fff;
	padding: 20px 10px 10px;
}

.fileLyaer .close {
	position: absolute;
	right: 10px;
	top: 4px;
}

.fileLyaer a {
	white-space: nowrap;
	font-size: 13px;
	display: inline-block;
	padding-top: 5px
}

.fileLyaer a:hover {
	text-decoration: underline
}


/* 게시판 글쓰기 */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;font-size: 0;}
.txr{text-align: right !important;}

.btn-area{padding: 25px 0;}
.btn-area a{display: inline-block;margin: 3px;padding: 10px 30px;font-size: 17px;line-height: 21px;}
.btn-area a.btn01{color: #ffffff;background: #014195;}
.btn-area a.btn01:hover{background: #044ba9;}
.btn-area a.btn02{color: #ffffff;background: #7e8b92;}
.btn-area a.btn02:hover{background: #7e8284;}

.pos-f{position: relative;}
.pos-s{position: absolute;left: 0px;top: 25px;}

.table-out05{border-top: 2px solid #283d49;}
.table-row tbody tr th{padding: 12px 10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-weight: bold;font-size: 16px;line-height: 20px;color: #666666;background: #f2f1ed;}
.table-row tbody tr th label{font-weight: bold;font-size: 16px;line-height: 20px;color: #666666;}
.table-row tbody tr td{padding: 12px 10px;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-size: 15px;line-height: 19px;color: #555555;}
.table-row tbody tr td:last-child{border-right: none;}
.table-row tbody tr td input[type=text]{height: 30px;line-height: 30px;}
.table-row tbody tr td textarea{width: 100%;height: 200px;}
.table-row tbody tr td p.file{padding: 2px 0;}
.table-row tbody tr td p.add-file{padding: 2px 0;}
.table-row tbody tr td p.add-file a{font-size: 14px;line-height: 18px;color: #333333;text-decoration: underline;}
.table-row tbody tr td p.add-file a:hover{color: #014195;}

.table-row .col01{width: 20%;}
.table-row .col02{width: 80%;}

.ipt-wid01{width: 70% !important;}
.ipt-wid100{width: 100% !important;}
.radio-box{display: inline-block;margin: 5px 0;}
.radio-span{margin: 0 7px;}
.radio-span label{margin-left: 5px;font-size: 15px;line-height: 19px;color: #555555;}


.hide			{display:none !important}
input[type='text'], 
input[type='password'], 
input[type='file'], 
textarea, select{
	display:inline-block; 
	padding:0 5px; 
    height:35px;
	line-height:35px; 
	box-sizing:border-box; 
	border:1px solid #9e9e9e;
	background: transparent;
/* 	width:100%; */
	border-radius:0;
}
input[type='file']{width:50%;}

.skip-iframe{position: relative;width: 100%;height: 100%;border: none;margin: 0 auto;background: #fff; overflow-x: hidden; overflow-y: hidden;}
@media screen and (max-width: 1024px) {
 .skip-iframe{height: 100%;}
}

/* 20181228 추가 */
/*텍스트 양식 시작*/
.ul-txt > li{line-height: 27px;}
.ol-txt{padding-left: 20px;}
.ol-txt > li{list-style: decimal;font-size: 16px;line-height: 27px;}
/*텍스트 양식 끝*/

.chart01{display: table;table-layout: fixed;margin: 20px 0;}
.chart01 > div{display: table-cell;height: 360px;}
.ct-space{width: 5px;}
.ct-first{width: 125px;padding-right: 50px;vertical-align: middle;background: url(/images/engineering/sub/ct_first_bg.gif) no-repeat right center;}
.ct-first > p{text-align: center;padding: 14px 0;border-radius: 10px;font-family: "NotoSans-Medium";line-height: 20px;color: #ffffff;background: #014195;}
.ct-second{width: 700px;vertical-align: middle;}
.ct-second ul li{font-size: 0;margin: 5px 0;}
.ct-second ul li .lv2{display: table-cell;vertical-align: middle;text-align: center;width: 122px;height: 79px;border: 1px solid #dddddd;border-radius: 10px;font-family: "NotoSans-Medium";font-size: 14px;line-height: 18px;color: #6987ae;}
.ct-second ul li .space{display: table-cell;vertical-align: middle;width: 20px;}
.ct-second ul li .lv3{display: table-cell;vertical-align: middle;width: 530px;height: 73px;padding: 3px 10px;border: 1px solid #dddddd;border-radius: 10px;font-family: "NotoSans-Light";font-size: 14px;line-height: 18px;}

@media screen and (max-width: 690px) {
.chart01{display: block;}
.chart01 > .ct-first{display: block;height: auto;padding: 0 0 20px;background: none;}
.chart01 > .ct-space{display: none;}
.ct-second ul li{border: 1px solid #dddddd;border-radius: 10px;padding: 10px;}
.ct-second ul li .lv2{display: block;text-align: left;width: auto;height: auto;border: none;padding: 5px 10px;font-size: 14px;line-height: 21px;}
.ct-second ul li .lv2 br{display: none;}
.ct-second ul li .space{display: none;}
.ct-second ul li .lv3{display: block;width: calc(100% - 22px);height: auto;border: none;}
}