/* 서브 페이지 백그라운드 이미지 */
.sub {background:url("/2016/professor/images/common/bg_sub.gif") repeat;}

/* 서브 컨테이너 */


/* 페이지 제목 */
.page_tit {position:relative; margin:0 0 50px 0; padding:60px 0; border-bottom:1px solid #ddd;}
.page_tit h1 {margin:0 0 15px 0; font-size:45px; color:#3a3a3a;}
.page_tit p {font-size:16px; color:#444; letter-spacing:-1px;}

/* 페이지 네비게이션 */
.page_nav {position:absolute; top:60px; right:0;}
.page_nav li {float:left;}
.page_nav li.home {margin:0 10px 0 0; padding:0 17px 0 0; background:url("/2016/professor/images/common/bul_page_nav01.png") no-repeat right center; color:#444;}
.page_nav li a {color:#444;}

/* 본문 스타일 */
.sub_contents{letter-spacing:-1px;}
.sub_contents p{line-height:18px;}
.tit_h2 {margin:0 0 15px 0; font-size:24px; color:#000; font-weight:normal;}
.tit_h2.adjacent {margin:0 0 30px 0;}
.tit_h3 {margin:30px 0 10px 0; padding:0 0 0 20px; background:url("/2016/professor/images/common/bul_h3.png") no-repeat left center; font-size:16px; color:#000; font-weight:normal;}
.tit_box{position:relative;}
.tit_box .slct_wrap{position:absolute; top:0; right:0;}
.tit_box .slct_wrap .txt{position:relative; top:3px;}

.line_box{margin-top:10px; padding:15px; border-top:2px solid #1b6fbd; border-bottom:2px solid #1b6fbd;}
.ul_style li{line-height:22px;}
.dl_style {padding-top:10px; margin-top:20px; border-top:1px dashed #999;}
.dl_style dt{padding:15px 0 10px; font-weight:bold;}
.dl_style dd{padding-bottom:20px; line-height:18px;}
.para01 {margin:0 0 50px 0; line-height:26px;}

/* 사진 영역 */
.photo_box {display:block; width:680px; margin:0 auto 50px auto; padding:10px; border:1px solid #e6e6e6;}
.photo_box dl {padding:20px 0 10px;}
.photo_box dl dt {margin:0 0 10px 0; color:#000;}
.photo_box dl dd {font-size:12px; line-height:20px; color:#666;}

/* 약력 */
.biographie_box {margin:-60px 0 60px 0; height:280px; padding:35px 0 0 0; background:url("/2016/professor/images/common/bg_bio02.png") no-repeat right top;}
.biographie_box .tit {margin:0 0 14px 20px; font-size:20px; color:#000; letter-spacing:-1px;}
.biographie_box dl {padding:10px 20px; overflow:hidden; width:650px}
.biographie_box dl dt {float:left; width:76px; padding:1px 0 0 30px; font-size:13px; color:#7b94ab}
.biographie_box dl dd {float:left; width:495px;font-size:16px; line-height:18px; color:#3a3a3a;}
.biographie_box dl.ico_bio01 {background:url("/2016/professor/images/common/ico_bio01.png") no-repeat 20px 9px;}
.biographie_box dl.ico_bio02 {background:url("/2016/professor/images/common/ico_bio02.png") no-repeat 20px center;}
.biographie_box dl.ico_bio03 {background:url("/2016/professor/images/common/ico_bio03.png") no-repeat 20px center;}
.biographie_box dl.ico_bio04 {background:url("/2016/professor/images/common/ico_bio04.png") no-repeat 20px center;}
.biographie_box dl.ico_bio05 {background:url("/2016/professor/images/common/ico_bio05.png") no-repeat 20px center;}

/* 컨텐츠 테이블01 */
.contents_table01 {width:100%;border-top:2px solid #1b6fbd; border-collapse:collapse;}
.contents_table01 thead th {padding:15px; background:#f4f7fc; font-size:15px; color:#3a3a3a; letter-spacing:-1px; border-bottom:1px solid #efefef;}
.contents_table01 tbody th:first-of-type {white-space: nowrap}
.contents_table01.re_bd {margin:15px 0; border:1px solid #efefef;}
.contents_table01.re_bd tbody td{border-bottom:0; border-left:1px solid #efefef;}
.contents_table01.re_bd tbody td:first-child{border-left:0;}
.contents_table01 tbody td {padding:15px; text-align:center; font-size:13px; color:#666; border-bottom:1px solid #efefef; border-right:1px solid #efefef; line-height:1.3em}
.contents_table01 tbody td:first-of-type {white-space: normal}
.contents_table01 tbody td:last-of-type {border-right:0;}
.contents_table01 .tl {text-align:left;}

/* 게시판 목록 */
.board_list {width:100%; margin:0 0 25px 0; border-top:2px solid #1b6fbd; table-layout:fixed;}

.board_list thead th {padding:15px; background:#f4f7fc; font-size:12px; color:#3a3a3a; letter-spacing:-1px; border-bottom:1px solid #efefef;}
.board_list tbody td {padding:15px 5px; text-align:center; font-size:12px; color:#666; border-bottom:1px solid #efefef; line-height:18px;}
.board_list tbody td:last-of-type {border-right:0;}
.board_list .tit {display:inline-block; width:500px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board_list .tl {text-align:left;}

/* 페이징 */
.paging {width:100%; margin:0 0 25px 0; text-align:center; font-size:12px;}
.paging a {display:inline-block; width:32px; margin:0 -5px 0 0; padding:9px 0; text-align:center; border:1px solid #d7d7d7; border-left:0;}
.paging a:hover {background-color:#d7d7d7;}
.paging span {display:inline-block; width:32px; margin:0 -6px 0 0; padding:9px 0; text-align:center; border:1px solid #d7d7d7; background:#d7d7d7;}
.paging .btn {text-indent:-9999px;}
.paging .first {background:url("/2016/professor/images/common/paging_first.gif") no-repeat center center; border-left:1px solid #d7d7d7}
.paging .prev {background:url("/2016/professor/images/common/paging_prev.gif") no-repeat center center;}
.paging .next {background:url("/2016/professor/images/common/paging_next.gif") no-repeat center center;}
.paging .last {background:url("/2016/professor/images/common/paging_last.gif") no-repeat center center;}

/* 게시판 검색 */
.board_search {padding:25px 0; background:#f7f7f7; text-align:center;}
.board_search * {vertical-align:middle;}
.board_search input[type="text"] {width:200px; padding:9px; background:#fff; border:1px solid #d7d7d7; font-size:12px;}


/* 게시판 보기 */
.board_view {width:100%; border-top:2px solid #1b6fbd; table-layout:fixed;}
.board_view .board_info {display:table; width:100%; border-bottom:1px solid #d0d0d0;}
.board_view .board_info div {display:table-cell; height:50px; vertical-align:middle; text-align:center;}
.board_view .board_info .view_count {width:100px;}
.board_view .board_info .tit {text-align:left; font-size:14px; color:#555454; font-weight:bold;}
.board_view .board_content {padding:25px; line-height:1.5; font-size:12px;}
.board_view .board_file {display:table; width:100%; border-top:1px dotted #d0d0d0; background:#f9f9f9; font-size:12px;}
.board_view .board_file .tit {display:table-cell; width:100px; text-align:center; vertical-align:middle; font-weight:bold; font-size:14px;}
.board_view .board_file ul {display:table-cell; padding:15px 0; text-align:left; vertical-align:middle;}
.board_view .board_file ul li {height:16px; margin:0 0 5px 0; padding:0 0 0 15px; background:url("/2016/professor/images/common/ico_file.gif") no-repeat center left; line-height:16px;}

/* 게시물 네비게이션 */
.board_nav {margin:0 0 25px 0; border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8;}
.board_nav li {display:table; width:100%; height:50px; vertical-align:middle; text-align:center; font-size:12px;}
.board_nav li.first {border-bottom:1px solid #d0d0d0;}
.board_nav li div {display:table-cell; height:50px; vertical-align:middle; text-align:center;}
.board_nav li .ico {width:100px;}
.board_nav li .tit {text-align:left;}

/* 게시판 버튼 */
.board_btns {}
.board_btns.center {text-align:center;}

@media screen and (min-width: 1200px) { 
	.sub_container {width:880px; min-height:100%; padding:0 60px 60px 260px; background:#fff;}
	.board_list .col3{width:10%;}
	.board_list .col4{width:10%;}
}

@media all and (min-width:641px) and (max-width:1199px) {
.board_list .col3{width:20%;}
.board_list .col4{width:15%;}

.sub .sub_container{width:100%; padding:0 15px 30px 15px; box-sizing:border-box; background:#fff;}
.sub .header{left:-254px;}
.sub .btn_header_open{display:block;}
.sub .btn_header_close{display:block !important; right:-54px;}
.sub .page_tit{padding:107px 0 30px;}
.sub .page_tit h1{font-size:2.500em;}

.sub .biographie_box{padding:35px 10px 10px 10px; margin-bottom:0; height:100%; background:none; box-sizing:border-box; border-bottom:1px dashed #969696; background:url('/2016/professor/images/common/bg_bio02_m.png') no-repeat 100% 80%; background-size:300px 215px;}
.sub .biographie_box .tit{margin-left:0;}
.sub .biographie_box dl{width:100%; padding-left:0; box-sizing:border-box; background-position:0 9px;}
.sub .biographie_box dl dt{width:18%; box-sizing:border-box;}
.sub .biographie_box dl dd{width:62%; padding-left:10px; line-height:20px; box-sizing:border-box; font-size:1.000em;}
}

@media all and (max-width:640px) {
.board_list .col3{width:20%;}
.board_list .col4{width:15%;}

.sub .sub_container{width:100%; padding:0 15px 30px 15px; box-sizing:border-box; background:#fff;}
.sub .header{left:-254px;}
.sub .btn_header_open{display:block;}
.sub .btn_header_close{display:block !important; right:-54px;}
.sub .page_tit{padding:107px 0 30px;}
.sub .page_tit h1{font-size:2.500em;}

.sub .biographie_box{padding:35px 10px 10px 10px; margin-bottom:0; height:100%; background:none; box-sizing:border-box; border-bottom:1px dashed #969696; background:url('/2016/professor/images/common/bg_bio02_m.png') no-repeat 100% 70%; background-size:180px 129px;}
.sub .biographie_box .tit{margin-left:0;}
.sub .biographie_box dl{width:100%; padding-left:0; box-sizing:border-box; background-position:0 9px;}
.sub .biographie_box dl dt{width:30%; box-sizing:border-box;}
.sub .biographie_box dl dd{width:70%; padding-left:10px; line-height:20px; box-sizing:border-box; font-size:1.000em;}

.member_wrap .tit_h3:first-child + .contents_table01 thead{position: absolute;top: -9999em;left: -9999em;}
.member_wrap .tit_h3:first-child + .contents_table01 tbody td{display:block; margin-bottom:15px; text-align:center; padding:0; border-bottom:0;}
.member_wrap .tit_h3:first-child + .contents_table01 tbody td:before{margin-bottom:10px; height:30px; line-height:30px; display:block; background:#e9e7e7; color:#000;}
.member_wrap .tit_h3:first-child + .contents_table01 tbody td:nth-child(1):before{content: " 구분 ";}
.member_wrap .tit_h3:first-child + .contents_table01 tbody td:nth-child(2):before{content: " 사진";}
.member_wrap .tit_h3:first-child + .contents_table01 tbody td:nth-child(3):before{content: " 국문명  ";}
.member_wrap .tit_h3:first-child + .contents_table01 tbody td:nth-child(4):before{content: " 영문명";}
.member_wrap .tit_h3:first-child + .contents_table01 tbody td:nth-child(5):before{content: " 학력, 수상 및 발표 "; text-align:center;}
.member_wrap .tit_h3:first-child + .contents_table01 tbody td:nth-child(5){text-align:left;}