@charset "utf-8";

/* 메인페이지 스타일만 정의 */

/* ******************** 데스크탑 (992~) ******************** */
@media screen and (min-width: 992px), print{
	
	/* 배너 */
	.main_contents {clear:both; overflow:hidden; width:100%; padding-top:110px; position:relative;}
	.main_contents .banner {height:569px; position:relative;}
	.main_contents .exArea {position:absolute; top:0; left:0; width:100%; height:100%;}
	.main_contents .exWrap {max-width:1200px; margin:0 auto; position:relative;}
	.main_contents .exWrap .ex {width:400px; height:400px; margin-top:80px; position:relative; z-index:9; padding:50px;}
	.main_contents .exWrap .cover {position:absolute; top:0; left:0; width:400px; height:400px; background:#000; opacity:.5;}
	.main_contents .exWrap h2 {font-size:46px; color:#fff; font-family:NanumRound; font-weight:900; line-height:1.2; padding-bottom:30px;}
	.main_contents .exWrap p {font-size:16px; color:#fff; font-weight:300; line-height:2;}
	
	/* 보드영역 */
	.board_area {background:#eee;}
	.board_area .tableWrap {max-width:1200px; margin:0 auto; overflow:hidden; padding:40px 0; display:table;}
	.board_area .tableWrap .wrap1 {padding:0 10px; display:table-cell; vertical-align:top;}
	.board_area .tableWrap .wrap1 .inner {background:#fff; height:100%; position:relative;}
	.board_area .tableWrap .wrap1 h3 {font-size:24px; font-family:NanumRound; font-weight:900; position:relative; padding:20px 10px 25px 90px; color:#000;}
	.board_area .tableWrap .wrap1 h3::before {content:''; width:70px; height:70px; position:absolute; top:0; left:0; background:#ffde00 url(../images/main/news.png) no-repeat;}
	.board_area .tableWrap .wrap1:nth-of-type(2) h3::before {background:#582b02 url(../images/main/pub.png) no-repeat;}
	.board_area .tableWrap .wrap1 h3 a {
		position:absolute; right:20px; top:20px; display:inline-block; width:20px; height:20px; background-image:url(../images/common/plus.png);
		background-position:90% 50%; background-repeat:no-repeat;
		}
	.board_area .tableWrap .wrap1 .inner .tit {padding:30px;}
	.board_area .tableWrap .wrap1 .inner .tit .textTitle {font-size:22px; font-weight:400; position:relative; padding-bottom:20px; margin-bottom:30px; color:#000;}
	.board_area .tableWrap .wrap1:nth-of-type(1) .inner .tit .textTitle::after {
		content:''; display:inline-block; width:20px; height:2px; position:absolute; left:0; bottom:0; background:#000;
		}
	.board_area .tableWrap .wrap1 .inner .tit p {font-size:15px; font-weight:300; word-break:keep-all;}
	.board_area .tableWrap .wrap1:nth-of-type(2) .inner .tit .textTitle {font-size:18px; margin:0; padding:0; padding-bottom:35px; line-height:1.2;}
	.board_area .tableWrap .wrap1:nth-of-type(2) .inner .tit p {font-size:14px;}
	.board_area .tableWrap .wrap1:nth-of-type(2) .inner .pub_tit {background:#582b02; padding:34px;}
	.board_area .tableWrap .wrap1:nth-of-type(2) .inner .pub_tit p {position:relative; font-size:15px; color:#fff; padding-left:20px; font-weight:300;}
	.board_area .tableWrap .wrap1:nth-of-type(2) .inner .pub_tit p::before {
		content:''; display:block; position:absolute; left:0; top:10px; width:5px; height:5px;
		transform:rotate(45deg); background:#fff;
	}
	.board_area .tableWrap .wrap1:nth-of-type(3) .inner .tit .textTitle {margin:0; padding:0; padding-bottom:20px; line-height:1;}
	.board_area .tableWrap .wrap1:nth-of-type(3) .inner .tit p {line-height:1;}
	.slider .sliderObj {position:relative;}
	
	/* ***** 컨텐츠 ***** */
	
	/* 배경 */
	.contents_area {width:100%; overflow:hidden; position:relative;}
	.contents_area .bgWrap {width:100%;}
	.contents_area .bgWrap>div {float:left; width:100%; height:400px; overflow:hidden;}
	.contents_area .bgWrap>div>div {float:left; width:50%; height:100%;}
	.contents_area .bgWrap .topLeft {background:url(../images/main/professor_bg.jpg) no-repeat center;}
	.contents_area .bgWrap .botRight {background:url(../images/main/project_bg.jpg) no-repeat center;}
	
	/* 텍스트 */
	.contents_area .textArea {position:absolute; width:100%;}
	.contents_area .textArea .textWrap {max-width:1200px; margin:0 auto; overflow:hidden;}
	.contents_area .textWrap>div {float:left; width:50%; height:400px; padding:70px 50px; position:relative;}
	.contents_area .textWrap>div h3 {font-size:32px; font-family:NanumRound; font-weight:700; position:relative; padding-bottom:20px; color:#000;}
	.contents_area .textWrap>div p {padding-top:10px; font-size:16px; color:#000; font-weight:300;}
	
	.contents_area .textArea .professor img {position:absolute; right:-10px; bottom:0;}
	.contents_area .textArea .recent img {position:absolute; right:-10px; bottom:0;}
	
	.contents_area .textArea .researcher div {width:100%; overflow:hidden;}
	.contents_area .textArea .researcher div div {float:left; width:50%;}
	.contents_area .textArea .researcher div ul {float:left; width:50%; padding-left:50px;}
	.contents_area .textArea .researcher div ul a {position:relative; display:block; padding:10px 30px; color:#000; font-size:16px; font-weight:300; border:1px solid #fff;}
	.contents_area .textArea .researcher div ul a:hover {background:#ffde00; border-color:#000;}
	.contents_area .textArea .researcher div div span {background:#ffde00 url(../images/main/researcher.png) no-repeat center; border-radius:50%; display:block; width:70px; height:70px; margin-bottom:30px;}
	.contents_area .textArea .previous p {font-family:NanumRound;}
	.contents_area .textArea .previous ul {padding-top:30px;}
	.contents_area .textArea .previous li {position:relative; padding-left:15px; font-size:15px; font-weight:300; color:#000; display:block; width:100%; line-height:2;}
	.contents_area .textArea .previous li::before {
		content:''; display:block; background:#000; width:5px; height:5px; 
		top:13px; left:0; transform:rotate(45deg); position:absolute;
	}
	
	.contents_area .textArea .professor h3::after,
	.contents_area .textArea .recent h3::after {content:''; display:block; width:20px; height:2px; background:#000; position:absolute; left:0; bottom:0; margin-bottom:10px;}
	.contents_area .textArea .recent h3, .contents_area .textArea .recent p {color:#fff;}
	.contents_area .textArea .recent h3::after {background:#fff;}
	/* 더보기 */
	.contents_area .textArea .researcher div ul span.plus {
		position:absolute; top:50%; right:20px; width:16px; height:16px; margin-top:-8px;
		display:inline-block; background:url(../images/common/plus.png) no-repeat center;
	}
	.contents_area .textArea .previous h3 span.plus{
		position:absolute; top:0; right:20px; width:35px; height:35px; color:#fff; display:inline-block;
		background:#582b02 url(../images/common/plus_fff.png)no-repeat center;
	}
	
	/* 자세히보기 버튼 */
	.contents_area .textArea .detail {
		border:1px solid #000; display:block; padding:10px 30px; font-size:14px; font-weight:300; position:absolute;
		width:170px; bottom:70px; left:50px; color:#000;
		}
	.contents_area .textArea .detail span.plus {
		position:absolute; right:20px; top:50%; margin-top:-10px; width:20px; height:20px;
		background:url(../images/common/plus.png) no-repeat center;
	}
	.contents_area .textArea .recent .detail {background:#fff; border:none;}
	
}

/* ******************** 테플릿 (~991) ******************** */
@media screen and (max-width: 991px), print{
	
	/* 배너 */
	.main_contents {clear:both; overflow:hidden; width:100%; position:relative; padding-top:60px;}
	.main_contents .banner {height:400px; position:relative; width:100%;}
	.main_contents .banner ul {height:100%; overflow:hidden;}
	.main_contents .banner ul li {height:100%;}
	.main_contents .exArea {position:absolute; top:0; left:0; width:100%; height:100%;}
	.main_contents .exWrap {width:100%;position:relative; height:100%;}
	.main_contents .exWrap .ex {position:relative; z-index:9; padding:50px; width:100%; height:100%;}
	.main_contents .exWrap .cover {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:.5;}
	.main_contents .exWrap h2 {font-size:46px; color:#fff; font-family:NanumRound; font-weight:900; line-height:1.2; padding-bottom:30px;}
	.main_contents .exWrap p {font-size:16px; color:#fff; font-weight:300; line-height:2;}
	/* 페이지 */
	.sliderV2 .pageType1 {position:absolute; bottom:50px; right:50px; padding:0; text-align:center;}
	.sliderV2 .pageType1>* {display:inline-block; vertical-align:middle; line-height:0; font-size:0;}
	.sliderV2 .pageType1 button {
		display:inline-block; margin:5px 10px; width:12px; height:12px;
		background:rgba(255,255,255,.7); transform:rotate(45deg);
	}
	.sliderV2 .pageType1 button.on {background:rgba(255,222,0,1) !important;}
	.sliderV2 .pageType1 button:hover {background:rgba(255,222,0,1);}
	
	/* 보드영역 */
	.board_area {background:#eee;}
	.board_area .tableWrap {width:100%; overflow:hidden; padding:20px 0; display:table;}
	.board_area .tableWrap .cube {display:table-cell;}
	.board_area .tableWrap .cube .inner {background:#fff; height:100%; position:relative;}
	.board_area .tableWrap .cube h3 {font-size:24px; font-family:NanumRound; font-weight:900; position:relative; padding:20px 10px 25px 90px; color:#000;}
	.board_area .tableWrap .cube h3::before {content:''; width:70px; height:70px; position:absolute; top:0; left:0; background:#ffde00 url(../images/main/news.png) no-repeat;}
	.board_area .tableWrap .wrap2 h3::before {background:#582b02 url(../images/main/pub.png) no-repeat;}
	.board_area .tableWrap .cube h3 a {
		position:absolute; right:20px; top:20px; display:inline-block; width:20px; height:20px; background-image:url(../images/common/plus.png);
		background-position:90% 50%; background-repeat:no-repeat;
		}
	.board_area .tableWrap .cube .inner .tit {padding:30px;}
	.board_area .tableWrap .cube .inner .tit .textTitle {font-size:22px; font-weight:400; position:relative; padding-bottom:20px; margin-bottom:30px; color:#000;}
	.board_area .tableWrap .wrap1 .inner .tit .textTitle::after {
		content:''; display:inline-block; width:20px; height:2px; position:absolute; left:0; bottom:0; background:#000;
		}
	.board_area .tableWrap .cube .inner .tit p {font-size:15px; font-weight:300; word-break:keep-all;}
	.board_area .tableWrap .wrap2 .inner .tit .textTitle {font-size:18px; margin:0; padding:0; padding-bottom:35px; line-height:1.2;}
	.board_area .tableWrap .wrap2 .inner .tit p {font-size:14px;}
	.board_area .tableWrap .wrap2 .inner .pub_tit {background:#582b02; padding:34px;}
	.board_area .tableWrap .wrap2 .inner .pub_tit p {position:relative; font-size:15px; color:#fff; padding-left:20px; font-weight:300;}
	.board_area .tableWrap .wrap2 .inner .pub_tit p::before {
		content:''; display:block; position:absolute; left:0; top:10px; width:5px; height:5px;
		transform:rotate(45deg); background:#fff;
	}
	.board_area .tableWrap .wrap3 .inner .tit .textTitle {margin:0; padding:0; padding-bottom:20px; line-height:1;}
	.board_area .tableWrap .wrap3 .inner .tit p {line-height:1;}
	
	
	.board_area .tableWrap .wrap1 .inner .tit,
	.board_area .tableWrap .wrap3 .inner .tit {padding-bottom:50px;}
	.slider {height:342px !important;}
	.slider .sliderObj {position:relative;}
	.slider .btnType1 {top:90%;}
		
	/* ***** 컨텐츠 ***** */
	
	/* 배경 */
	.contents_area {width:100%; overflow:hidden; position:relative;}
	.contents_area .bgWrap {width:100%;}
	.contents_area .bgWrap>div {float:left; width:100%; height:400px; overflow:hidden;}
	.contents_area .bgWrap>div>div {float:left; width:50%; height:100%;}
	.contents_area .bgWrap .topLeft {background:url(../images/main/professor_bg.jpg) no-repeat center;}
	.contents_area .bgWrap .botRight {background:url(../images/main/project_bg.jpg) no-repeat center;}
	
	/* 텍스트 */
	.contents_area .textArea {position:absolute; width:100%;}
	.contents_area .textArea .textWrap {width:100%; overflow:hidden;}
	.contents_area .textWrap>div {float:left; width:50%; height:400px; padding:30px; position:relative;}
	.contents_area .textWrap>div h3 {font-size:32px; font-family:NanumRound; font-weight:700; position:relative; padding-bottom:20px; color:#000;}
	.contents_area .textWrap>div p {padding-top:10px; font-size:16px; color:#000; font-weight:300;}
	
	.contents_area .textArea .professor img {display:none;}
	.contents_area .textArea .recent img {display:none;}
	
	.contents_area .textArea .researcher div {width:100%; overflow:hidden;}
	.contents_area .textArea .researcher div div {float:left; width:50%;}
	.contents_area .textArea .researcher div ul {float:left; width:50%; padding-left:30px;}
	.contents_area .textArea .researcher div ul a {position:relative; display:block; padding:10px 30px; color:#000; font-size:16px; font-weight:300; border:1px solid #fff;}
	.contents_area .textArea .researcher div ul a:hover {background:#ffde00; border-color:#000;}
	.contents_area .textArea .researcher div div span {background:#ffde00 url(../images/main/researcher.png) no-repeat center; border-radius:50%; display:block; width:70px; height:70px; margin-bottom:30px;}
	.contents_area .textArea .previous p {font-family:NanumRound;}
	.contents_area .textArea .previous ul {padding-top:30px;}
	.contents_area .textArea .previous li {position:relative; padding-left:15px; font-size:15px; font-weight:300; color:#000; display:block; width:100%; line-height:1.4;}
	.contents_area .textArea .previous li::before {
		content:''; display:block; background:#000; width:5px; height:5px; 
		top:8px; left:0; transform:rotate(45deg); position:absolute;
	}
	
	.contents_area .textArea .professor h3::after,
	.contents_area .textArea .recent h3::after {content:''; display:block; width:20px; height:2px; background:#000; position:absolute; left:0; bottom:0; margin-bottom:10px;}
	.contents_area .textArea .recent h3, .contents_area .textArea .recent p {color:#fff;}
	.contents_area .textArea .recent h3::after {background:#fff;}
	/* 더보기 */
	.contents_area .textArea .researcher div ul span.plus {
		position:absolute; top:50%; right:20px; width:16px; height:16px; margin-top:-8px;
		display:inline-block; background:url(../images/common/plus.png) no-repeat center;
	}
	.contents_area .textArea .previous h3 span.plus{
		position:absolute; top:0; right:0px; width:35px; height:35px; color:#fff; display:inline-block;
		background:#582b02 url(../images/common/plus_fff.png)no-repeat center;
	}
	
	/* 자세히보기 버튼 */
	.contents_area .textArea .detail {
		border:1px solid #000; display:block; padding:10px 30px; font-size:14px; font-weight:300; position:absolute;
		width:170px; bottom:70px; left:30px; color:#000;
		}
	.contents_area .textArea .detail span.plus {
		position:absolute; right:20px; top:50%; margin-top:-10px; width:20px; height:20px;
		background:url(../images/common/plus.png) no-repeat center;
	}
	.contents_area .textArea .recent .detail {background:#fff; border:none;}
}

/* ******************** 모바일 (~768) ******************** */
@media screen and (max-width: 768px), print{
	
	/* 배너 */
	.main_contents .banner {height:200px;}
	.main_contents .exWrap .ex {padding:30px;}
	.main_contents .exWrap h2 {font-size:24px; padding-bottom:10px;}
	.main_contents .exWrap p {font-size:12px; line-height:1.4;}
	
	/* 페이지 */
	.sliderV2 .pageType1 {position:absolute; bottom:20px; right:20px; padding:0; text-align:center;}
	
	/* ***** 컨텐츠 ***** */
	
	/* 배경 */
	.contents_area .bgWrap>div {height:800px;}
	.contents_area .bgWrap>div>div {width:100%; height:400px;}
	.contents_area .bgWrap .bgTop {border-bottom:1px solid #e5e5e5;}
	
	
	/* 텍스트 */
	.contents_area .textArea .textWrap {width:100%;}
	.contents_area .textWrap>div {width:100%; padding:20px;}
	.contents_area .textArea .researcher div div span {margin-bottom:10px;}
	.contents_area .textArea div div p {padding:0;}
	.contents_area .textArea .researcher div div {width:100%; overflow:hidden;}
	.contents_area .textArea .researcher div ul {width:100%;  padding:0; padding-top:20px;}
	.contents_area .textArea .researcher div ul li a {float:left; width:50%; padding:10px;}
	.contents_area .textArea .recent p:last-of-type {padding-top:20px;}
	.contents_area .textArea .detail {left:20px;}
	.contents_area .textArea .previous h3 span.plus {top:50px; right:0;}
	
}