/* ******************************** 메인 ******************************** */
body.main div.main {display:none !important;}
body.main h2 {padding:0; margin:0; font-size:24px; font-weight:normal !important;}
body.main .bgTop {width:100%; top:0; left:0; background-size:cover; border:10px solid}
body.main .bgMain {max-width:100% !important; margin-top:130px; padding-bottom:70px; background:url(../images/main/bg_top.jpg) no-repeat 50%; background-size:cover;}

body.main section.active {
	-webkit-animation: ani_fadeIn 1s 0s 1 ease;
	-moz-animation: ani_fadeIn 1s 0s 1 ease;
	-o-animation: ani_fadeIn 1s 0s 1 ease;
	animation: ani_fadeIn 1s 0s 1 ease;
}

body.main .slogan {position:relative; max-width:1200px; padding-top:130px; margin:0 auto;}
body.main .slogan.active {
	-webkit-animation: ani_slideDown 1s 0s 1 ease;
	-moz-animation: ani_slideDown 1s 0s 1 ease;
	-o-animation: ani_slideDown 1s 0s 1 ease;
	animation: ani_slideDown 1s 0s 1 ease;
}
body.main .slogan p {font-family:"NanumMyeongjo-Bold", serif; text-align:center; color:#fff; line-height:1.2;}
body.main .slogan p:first-child {font-size:60px;}
body.main .slogan p:last-child {font-size:16px; font-family:"NotoSansKR";}

/* 상단 컨텐츠 영역 */
body.main .contop {position:relative; max-width:1200px; margin:0 auto; margin-top:70px;}
body.main .contop.active {
	-webkit-animation: ani_slideUp 1s 0s 1 ease;
	-moz-animation: ani_slideUp 1s 0s 1 ease;
	-o-animation: ani_slideUp 1s 0s 1 ease;
	animation: ani_slideUp 1s 0s 1 ease;
}
body.main .contop>div {position:relative; height:400px; padding:30px}
body.main .contop h2 {height:50px; font-size:18px; font-weight:bold;}

/* 공지사항 */
body.main .contop .news {padding:30px; background-color:#eee; border:1px solid #eee;}
body.main .contop .news .first {height:140px; background-color:#eee;}
body.main .contop .news .first h2 {position:relative; color:#000;}
body.main .contop .news .first .subject {max-height:50px; overflow:hidden; font-size:18px; color:#000; word-break:break-all;}
body.main .contop .news .first span {display:block; padding-top:10px; font-size:12px; color:#666;}
body.main .contop .news .list {/* height:200px; */ overflow:hidden; padding-top:30px; border-top:1px solid #ddd; margin-top:30px;}
body.main .contop .news .list a {display:block; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1;}
body.main .contop .news .list li:last-child a {margin-bottom:0;}

/* 프로젝트 */
body.main .contop .project {padding:0 !important; color:#fff; background-color:#25c3ad;}
body.main .contop .project .first {height:200px; padding-top:40px; text-align:center; background-color:#fff; /* background-image:url(../images/main/bg_conference.png); */ background-repeat:no-repeat; background-size:cover;}
body.main .contop .project .first span {display:inline-block; width:100px; height:100px; background:url(../images/main/i_project.png) no-repeat 50%; background-size:100%;}
body.main .contop .project .first h2 {padding-top:10px; color:#000;}
body.main .contop .project .list {height:200px; position:relative; overflow:hidden; padding:30px;}
body.main .contop .project .list a {color:#fff; font-size:18px;}
body.main .contop .project .list a p {max-height:80px; overflow:hidden; word-break:break-all;}
body.main .contop .project .list a span {display:block; font-size:12px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
body.main .contop .project .more2 {position:absolute; right:25px; bottom:20px;}

/* 학회소식 */
body.main .contop .conference {background-color:#fff; border:1px solid #eee;}
body.main .contop .conference h2 {position:relative; color:#000;}
body.main .contop .conference .list li {padding:15px 0; border-top:1px solid #efefef;}
body.main .contop .conference .list a {display:block; max-height:42px; overflow:hidden;}
body.main .contop .conference .list li:last-child a {margin-bottom:0;}

/* 저널소식 */
body.main .contop .publication {padding:0 !important; color:#fff; background-color:#1cb2cc;}
body.main .contop .publication .first {height:200px; padding-top:40px; text-align:center; background-color:#fff; /* border:1px solid #eee; */ /* background-image:url(../images/main/bg_publication.jpg); */ background-repeat:no-repeat; background-size:cover;}
body.main .contop .publication .first span {display:inline-block; width:100px; height:100px; background:url(../images/main/i_publication.png) no-repeat 50%; background-size:100%;}
body.main .contop .publication .first h2 {padding-top:10px; color:#000;}
body.main .contop .publication .list {height:200px; position:relative; overflow:hidden; padding:30px;}
body.main .contop .publication .list a {color:#fff; font-size:18px;}
body.main .contop .publication .list a p {/* word-break:break-all; */ max-height:80px; overflow : hidden;}
body.main .contop .publication .list a span {display:block; font-size:12px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
body.main .contop .publication .more2 {position:absolute; right:25px; bottom:20px;}

/* 연구소 안내 */
body.main .intro {max-width:100%; background:#fff;}
body.main .intro .wrap {max-width:1200px; margin:0 auto;}
body.main .intro .text {text-align:center;}
body.main .intro .text p.acc {font-family:"NanumMyeongjo-Bold"; font-size:36px; color:#000;}
body.main .intro .text p {word-break:keep-all;}
body.main .intro .list {margin-top:50px;}
body.main .intro a {display:block; width:100%; text-align:center; font-size:16px; border:1px solid #e3e3e3; background:#fff;}
body.main .intro a:hover {
	background:#f9f9f9; border:1px solid #000;
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
}
body.main .intro a:hover p {color:#000; font-weight:500;}
body.main .intro span {display:inline-block; width:100%; height:75%; background-size:50%; background-repeat:no-repeat; background-position:50%;}
body.main .intro li:nth-child(1) a span {background-image:url(../images/main/i_lab.png);}
body.main .intro li:nth-child(2) a span {background-image:url(../images/main/i_member.png);}
body.main .intro li:nth-child(3) a span {background-image:url(../images/main/i_map.png);}
body.main .intro li:nth-child(4) a span {background-image:url(../images/main/i_board.png);}
/* body.main .intro li:nth-child(1) a:hover span {background-image:url(../images/main/i_lab_on.png);} */
/* body.main .intro li:nth-child(2) a:hover span {background-image:url(../images/main/i_member_on.png);} */
/* body.main .intro li:nth-child(3) a:hover span {background-image:url(../images/main/i_map_on.png);} */
/* body.main .intro li:nth-child(4) a:hover span {background-image:url(../images/main/i_board_on.png);} */

/* 갤러리 */
/* body.main .gallery_box {padding:50px 0;} */
/* body.main .gallery_box .list_box li {} */
/* body.main .gallery_box .list_box a {position:relative; display:block; width:100%; height:100%; margin-bottom:20px; background-color:#000;} */
/* body.main .gallery_box .list_box a .info { */
	/* width:100%; bottom:0; padding:10px; text-align:center; background:#fff; */
	/* transition:all .1s linear; */
	/* -webkit-transition:all .1s linear; */
	/* -moz-transition:all .1s linear; */
/* } */
/* body.main .gallery_box .list_box a .info p {margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} */
/* body.main .gallery_box .list_box a:hover .img span { */
	/* opacity:1; */
    /* transform:scale(1.1); */
	/* -webkit-transform:scale(1.1); */
    /* -moz-transform:scale(1.1); */
    /* -o-transform:scale(1.1); */
/* } */
/* body.main .gallery_box .list_box a:hover .info {opacity:1;} */



/* pc */
@media (min-width: 992px) {	
	body.main .bgMain {padding-bottom:100px;}
	body.main .contop {margin-top:50px;}
	body.main .contop>div {margin-top:10px;}
	body.main .intro {padding:50px 50px 70px;}	
}

/* 테블릿 */
@media (max-width: 991px) {
	/* body.main {border:3px solid green;} */
	body.main .bgMain {margin-top:0;}
	body.main .slogan {padding:50px 0;}
	body.main .contop {margin-top:0;}
	body.main .contop>div:first-child {margin-top:0;}
	body.main .slogan p {text-align:center; color:#fff; line-height:1;}
	body.main .slogan p:first-child {font-size:40px; line-height:1.2;}
	body.main .project {border-top:1px solid #ddd;}
	body.main .intro {padding:50px;}
	body.main .intro .list {margin-top:30px;}
	/* body.main .gallery_box {padding:30px 0;} */
}

/* 모바일 */
@media (max-width: 767px) {
	body.main .bgMain {padding:0 30px 50px;}
	body.main .slogan {padding:50px 0 30px;}
	body.main .slogan p:first-child {font-size:34px;}
	body.main .slogan p:first-child br {display:none;}
	.container {padding-left:0; padding-right:0;}
	/* body.main {border:3px solid yellow;} */
	body.main .intro {padding:30px;}
	body.main .intro a {font-size:14px;}
	body.main .intro span {height:65%; background-position:bottom;}
	body.main .intro .text p.acc {font-size:26px; line-height:1;}
	body.main .intro .list {margin-top:20px;}
	body.main .intro .list ul li {padding:5px;}
	body.main .contop>div {margin-top:10px; height:auto;}
	body.main .contop h2 {height:auto; font-size:16px;}
	body.main .contop .news {height:auto;}
	body.main .contop .news .list {display:none;}
	body.main .contop .news .first {height:auto;}
	body.main .contop .news .first .subject {margin-top:20px; font-size:16px;}
	body.main .contop .project {height:auto;}
	body.main .contop .project .first {height:auto; padding:20px 0;}
	body.main .contop .project .first span {background-size:80%;}
	body.main .contop .project .first h2 {padding-top:0;}
	body.main .contop .project .list {height:auto;}
	body.main .contop .project .list a {max-height:auto; overflow:hidden;}
	body.main .contop .publication .list {height:auto;}
	body.main .contop .publication .first {padding:20px 0; height:auto;}
	body.main .contop .publication .first h2 {padding-top:0;}
	body.main .contop .publication .first span {background-size:80%;}
	body.main .contop .conference ul {margin-top:20px;}
	body.main .contop .project .more2,
	body.main .contop .publication .more2 {bottom:25px;}
	body.main .contop .project .list a span,
	body.main .contop .publication .list a span {padding-right:20px;}
}