/* CSS Document */

p img, li img, .w50 img, .w50r img { max-width:100% !important }

/* 공통 */
.page_ti { font-size:21px; font-weight:600 }
.page_sti { font-size:17px; font-weight:600 }
.box { position:relative; margin-top:15px; padding:25px; border:1px solid #ccc }
.list-3 > li { float:left; width:33.3%; padding:0 15px; text-align:center }
.list-4 > li { float:left; width:25%; padding:10px 15px; text-align:center }
.list-style01 > li { margin:7px 0; padding-left:10px; text-align:left !important; background:url(../images/common/dot.png) no-repeat 0 10px }


/* 테이블 설정 */
.tbl { width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #293b65 }
.tbl thead th { padding:1.2% 0; font-size:17px; font-weight:600; color:#fff; text-align:center; border-left:1px solid #ccc;  border-bottom:1px solid #ccc; background-color:#293b65 }
.tbl thead th:first-child { border-left:0 }
.tbl tbody th { padding:0.9%; font-weight:600; color:#2d4ca1; text-align:center; border-bottom:1px solid #ccc }
.tbl tbody td { padding:0.9%; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }

.tbl2 { width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #293b65 }
.tbl2 thead th { padding:0.8% 0; font-size:15px; font-weight:600; color:#fff; text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#293b65 }
.tbl2 thead th:first-child { border-left:0 }
.tbl2 tbody th { padding:0.8%; font-weight:600; color:#2d4ca1; text-align:center; border-bottom:1px solid #ccc }
.tbl2 tbody td { padding:0.8%; text-align:center; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }

.tbg { background-color:#f2f2f2 }
.tbl_info { display:none }
.tdl_none { border-left:0 !important }
.tline { border-left:1px solid #ccc !important }

.tbl_map { width:100%; margin-top:25px; border-collapse:collapse; border-spacing:0px; border-top:2px solid #293b65 }
.tbl_map tbody th { padding:2%; font-size:16px; font-weight:600; text-align:center; border-bottom:1px solid #ccc }
.tbl_map tbody td { padding:2%; border-bottom:1px solid #ccc }


caption {margin:0;padding:0 0 .5em 0;font-weight:bold;line-height:1.25;}
caption span {font-weight:normal;}
caption .tar {display:block;margin-top:-1.25em;}

table tbody.tdtac tr{text-align:center;}
table thead.tdtar tr, table tbody.tdtar tr, table tfoot.tdtar tr{text-align:right !important;}

.board table.basic th, .board table.basic thead, .board table.basic tfoot {
    font-weight: 600 !important
}

.board table.basic th, .board table.basic td {
    font-family:"Noto Sans KR", "나눔고딕",'NanumGothic', 'NanumGothicWeb', 'Malgun Gothic', '맑은 고딕', "dotum", '돋움', "gulim", '굴림', "tahoma", sans-serif !important;
}

/* box */
.w100{width:100% !important;}
.w60{width:60% !important;}
.w50{width:49%; float:left; }
.w50r{width:49%; float:right; }
.w30 { width:35% !important }
.h100{height:100% !important;}
.wh100{width:100% !important;height:100% !important;}


/* 연혁 */
.his-year { font-size:27px; font-weight:600; color:#2d4ca1 }


/* 교수소개 */
#professor { float:left; width:30.3333%; margin:1.5%; padding:25px; border-top:3px solid #333 !important; border:1px solid #ccc; text-align:center }
#professor:first-child { margin-left:0 }
#professor .pic_img { margin-bottom:15px }
#professor .pic_img img { width:100px; height:130px }
#professor .pro_more { margin-top:15px }
#professor ul li { margin:7px 0; padding-left:10px; text-align:left !important; background:url(../images/common/dot.png) no-repeat 0 10px }
#professor ul li:first-child { margin-bottom:15px; padding-bottom:10px; font-size:19px; font-weight:600; text-align:center !important; color:#2d4ca1; background:none; /* border-top:1px solid #ccc; */ border-bottom:1px solid #ccc}
#professor_view { overflow:hidden; width:100%; margin-bottom:45px; padding:25px; background-color:#f2f2f2; border-top:3px solid #333 !important; border-bottom:1px solid #ccc }
#professor_view .pic_img { float:left; width:130px }
#professor_view .pic_img img { width:100px; padding:3px; border:1px solid #e6e6e6 }
#professor_view ul { float:left }
#professor_view ul li { margin:3px 0; padding-left:10px; text-align:left !important; background:url(../images/common/dot.png) no-repeat 0 10px }
#professor_view ul li:first-child { padding-left:0; font-size:17px; font-weight:500; color:#2d4ca1; background:none }
.send_mail { margin:5px 0 0 7px }
#professor_view_02 h4 {  padding:0 0 10px 30px; font-family:"Noto Sans KR", "나눔고딕",'NanumGothic', sans-serif; font-size:17px; line-height:25px; background:url(../images/common/dot_list.png) no-repeat 0 0; border-bottom:1px solid #e6e6e6 }
.comm_list li { padding-left:10px; background:url(../images/common/dot.png) no-repeat 0 10px }
.comm_list strong { color:#2d4ca1 }
.list_btn { text-align:center }

/* 준비중 */
.ing { padding:5% 0; text-align:center }


/* 동아리소개 */
.circles li { float:left; width:31%; margin-left:3.5% }
.circles li:first-child { margin-left:0 }


/* 취업현황 */
.job_title{font-size:20px;}
.career_list { float:left; width:49.5% }


/* 학과 홍보 */
/* .promotion_bg { background:url(../images/sub04/promotion_c.png) no-repeat 97% center } */
.promotion_bg { position:absolute; right:5%; top: calc(50% - 107px) }
.promotion_bg2 { position:absolute; right:5%; top: calc(50% - 101px) }
.part li { float:left; width:24%; margin:2% 0.5%; padding:5px; text-align:center; color:#fff; background-color:#2d4ca1 }


/* 입시FAQ */
.faq_bg { margin-bottom:30px; background-color:#f3f2f8 }
.question { position:relative; padding:3px 0 3px 45px; font-size:21px; font-weight:600; line-height:27px }
.question span{ position:absolute; top:0; left:0; width:35px; padding:3px 10px; font-size:21px; line-height:27px; font-weight:600; color:#fff; background-color:#de526f }

.answer { position:relative; margin-top:25px; padding:3px 0 3px 45px; font-size:17px; color:#444 }
.answer span{ position:absolute; top:0; left:0; width:35px; padding:3px 10px; font-size:21px; font-weight:600; text-align:center; color:#fff; background-color:#92afcf }


@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 768px) {
	/* 공통 */
	.page_ti { font-size:19px }
	.list-3 li { width:100%; padding:15px 0 }
	.list-4 > li { width:50%; padding:5px 7px;  }

	/* 테이블 설정 */
	.tbl thead th { padding:1%; font-size:15px }
	.tbl tbody th, .tbl tbody td { padding:1% 0.6%; font-size:14px }
/* 	.tbl { min-width:760px; max-width:760px } */
	.tbl_scroll { overflow-x:auto !important }
	.tbl_info { display:block; margin-bottom:10px }

	/* box */
	.w50, .w50r, .w30, .w60 { width:100% !important }
	.w50r, .w30, .w60  { margin-top:20px }

	/* 교수소개 */
	#professor { width:100%; margin:3% 0 }

	/* 취업현황 */
	.career_list { float:left; width:100% }
	.career_tbl .tline { border-left:0 !important }

	/* 학과홍보 */
	.promotion_bg, .promotion_bg2 { position:relative; top:0; right:0; margin-top:25px; text-align:center }
}

@media only screen and (max-width: 480px) {
	/* 동아리소개 */
	.circles li { width:100%; margin-bottom:20px; margin-left:0 }

	/* 학과홍보 */
	.part li { width:100%; margin:2% 0 }
}

/* 공통 */
.page_ti { font-size:20px; }
.page_sti { font-weight:600 }
.page_left { float:left; width:15%; padding-top:1.5%; border-top:1px solid #333 }
.page_right { float:right; width:80% }

.box { margin-bottom:5%; padding:4%; border:1px solid #ccc }

.info_ti { float:left; width:33%; padding-right:2.5%; font-size:17px; font-weight:600; color:#1042a5; }
.info_ti2 { float:left; width:100%; font-size:17px; font-weight:600; color:#1042a5; }
.info_txt { float:right; width:67%; padding-left:2.5%; border-left:1px solid #e6e6e6 }
.info_txt li { margin:0; padding:0 0 0 1.2em; line-height:27px; color:#333; background:url(/img/inc/li3bg.png) no-repeat 0 7px; }
.info_list li { margin:0; padding:0 0 0 1.0em; line-height:25px; color:#333; background:url(/img/inc/li3bg.png) no-repeat 0 7px; }
.info_stxt { margin-top:15px; font-size:14px; color:#666 }

.img_list li { float:left; width:50%; padding:7px 0; text-align:center }
.img_list li p, .img_list2 li p { margin-top:7px; font-weight:600; }
.img_list2 li { float:left; width:100%; padding:7px 0; text-align:center }
.img_list3 > li { float:left; width:50%; padding:10px 20px }
.img_list3 > li img { margin:10px 0 }

/* 교수소개 */
.professor2 > li { float:left; width:50%; margin:1.5% 0 }
.professor2_img { float:left; width:35%; text-align:left }
.professor2_img img {width:108px;height:138px; padding:3px; border:1px solid #e6e6e6 }
.professor2_txt { float:right; width:65%; text-align:left;padding-left:2%;box-sizing:border-box}
.cle:after{clear: both; content: ""; display: block;}
.cle {*zoom:1;}

@media(max-width:500px){
.professor2 > li{float:left;width:100%}
}