/* ******************************** 메인 ******************************** */
h2 {padding:0; margin:0; font-size:24px;}
.bgTop {width:100%; top:0; left:0; background-size:cover;}
.bgMain {max-width:100% !important; background:url(../images/main/bg_top_01.jpg) no-repeat 50% 100%; background-size:cover;}

.slogan {position:relative; max-width:1200px; padding-top:300px; margin:0 auto;}
.slogan p {font-family:"Myriad pro"; text-align:center; letter-spacing:2px;}
.slogan p:first-child {font-size:48px;}
.slogan p:last-child {}

.quick_box {position:relative; max-width:1200px; margin:0 auto; padding-top:150px; color:#fff;}
.quick_box li {text-align:center; padding:0 !important;}
.quick_box li a {	
	display:inline-block; width:100%; height:100%; padding-top:20%; text-align:center; 
	background-color:rgba(48,142,255,.8);
	background-position:50% 35%;
	background-repeat:no-repeat;
	background-size:45%;
}
.quick_box li.acc a {	
	display:inline-block; width:100%; height:100%; padding-top:20%; text-align:center; 
	background-color:rgba(25,229,204,.8);
	background-position:50% 35%;
	background-repeat:no-repeat;
	background-size:45%;
}
.quick_box li:nth-child(1) a {background-image:url(../images/main/banner_top1.png);}
.quick_box li:nth-child(2) a {background-image:url(../images/main/banner_top2.png);}
.quick_box li:nth-child(3) a {background-image:url(../images/main/banner_top3.png);}
.quick_box li:nth-child(4) a {background-image:url(../images/main/banner_top4.png);}
.quick_box li:nth-child(5) a {background-image:url(../images/main/banner_top5.png);}
.quick_box li:nth-child(6) a {background-image:url(../images/main/banner_top6.png);}

.quick_box li:nth-child(1):hover a {background-image:url(../images/main/banner_top1_on.png);}
.quick_box li:nth-child(2):hover a {background-image:url(../images/main/banner_top2_on.png);}
.quick_box li:nth-child(3):hover a {background-image:url(../images/main/banner_top3_on.png);}
.quick_box li:nth-child(4):hover a {background-image:url(../images/main/banner_top4_on.png);}
.quick_box li:nth-child(5):hover a {background-image:url(../images/main/banner_top5_on.png);}
.quick_box li:nth-child(6):hover a {background-image:url(../images/main/banner_top6_on.png);}

.quick_box li:nth-child(1):hover a p {color:#41e8c8;}
.quick_box li:nth-child(2):hover a p {color:#308eff;}
.quick_box li:nth-child(3):hover a p {color:#41e8c8;}
.quick_box li:nth-child(4):hover a p {color:#308eff;}
.quick_box li:nth-child(5):hover a p {color:#41e8c8;}
.quick_box li:nth-child(6):hover a p {color:#308eff;}


.quick_box li a p {padding-top:45%; color:#fff; word-break:keep-all; font-weight:bold;}
.quick_box li a:hover {
	background-color:rgba(252,255,255,.95);
}

/* 연구실소개 */
.introduce_box {position:relative; text-align:center; max-width:1200px; margin:0 auto; padding:70px 30px;}
.introduce_box h2 {font-size:32px; font-weight:bold; letter-spacing:-1.5px; color:#000; margin-bottom:15px;}
.introduce_box > span {display:block; height:3px; width:100px; background-color:#ffd200; margin:0 auto 25px auto;}
.introduce_box > p {color:#666; font-size:16px; line-height:24px;}

/* 뉴스  & 프로젝트 */
.board_box {padding-left:0 !important; padding-right:0 !important;} 
.board_box .news_box {position:relative; padding:30px 30px 45px 30px; background:#ffd200; height:260px; overflow:hidden;}
.board_box .news_box h2 {letter-spacing:5px; color:#000; position:relative; font-size:24px; font-weight:bold; padding:10px 0 30px 0;}
.board_box .news_box ul li > a p {margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.board_box .news_box ul li > a span {width:100%; height:60px; overflow:hidden; text-overflow:ellipsis; display:block; color:#000; font-size:13px; line-height:1.6;}
.board_box .news_box ul li > a span:last-child {display:block; margin-top:10px; padding-left:22px; height:auto; color:#fff; background:url(../images/main/date.png) no-repeat 0 52%; opacity:.9;}
.board_box .news_box .arrow_wrap .left {position:absolute; left:15px; top:130px; opacity:.9;} 
.board_box .news_box .arrow_wrap .right {position:absolute; right:15px; top:130px; opacity:.9;}

.conference_box>div>h2 {position:relative; font-size:24px; font-weight:bold; padding:10px 0 30px 0;}
.conference_box .recent_box {height:485px; padding:30px; background:#f5f5f5;}
.conference_box .recent_box .stillcut {padding:0 20px 10px 0; padding-left:0;}
.conference_box .recent_box .stillcut img {width:100%; height:auto; vertical-align:top;}
.conference_box .recent_box .list {margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.conference_box .recent_box .list li {overflow:hidden; display:block; clear:both; margin-bottom:15px;}
.conference_box .recent_box .list li img {padding:0 10px;}
.conference_box .recent_box .list li:last-child {margin:0;}
.conference_box .recent_box .list a p {margin:0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.conference_box .recent_box .list a span {display:inline-block; color:#666; font-size:13px; line-height:1.6;}

/* 학회소식 */
.conference_box {clear:both; position:relative; background:#f5f5f5;}
.conference_box h2 {position:relative; font-size:24px; letter-spacing:2px; color:#000; font-weight:bold; padding:10px 0;}
.conference_box .box {position:relative; height:225px; padding:30px; margin:0 auto; background:#aeaeae;}
.conference_box .box>ul {clear:both; word-break:normal;}
.conference_box .box>ul>li {padding:15px 0; text-align:left;}
.conference_box .box a {display:block;}
.conference_box .box a span {display:block; font-size:12px; color:#fff; opacity:.9;}
.conference_box .box a span.tit {color:#000; width:100%; height:45px; overflow:hidden; margin-bottom:10px; font-size:15px; text-align:left;}
.conference_box .box .arrow_wrap .left {position:absolute; left:15px; top:120px; opacity:.9;} 
.conference_box .box .arrow_wrap .right {position:absolute; right:15px; top:120px; opacity:.9;}

/* 갤러리 */
.gallery_box {padding:70px 0 0 0; min-width:100%;}
.gallery_box .list_box {}
.gallery_box .list_box li {padding:0 !important;}
.gallery_box .list_box a {position:relative; display:block; width:100%; height:100%; background-color:#fff;}
.gallery_box .list_box a .info {
	opacity:0; position:absolute; width:100%; bottom:0; padding:20px; color:#000; text-align:center;
	transition:all .1s linear;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
}
.gallery_box .list_box a .info p {margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_box .list_box a .info span {font-size:12px;}
.gallery_box .list_box a:hover .img span {
	opacity:.2;
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.gallery_box .list_box a:hover .info {opacity:1;}
.gallery_box .btn_more {max-width:1200px; margin:50px auto; text-align:center;}
.gallery_box .btn_more a {border:1px solid #000; color:#000; font-size:14px; padding:15px 100px; letter-spacing:15px;}
.gallery_box .btn_more a:hover {background:#000; color:#fff;}

/* 사이트배너 */
.banner_box {max-width:100%; background-color:#f5f5f5;}
.banner_box .box {position:relative; padding:20px 10px; max-width:1200px; margin:0 auto;}
.banner_box .box li {text-align:center; padding:5px;}
.banner_box .box li a {display:block; width:100%; min-height:50px; padding:10px; border:1px solid #eee; background:#fff;}
.banner_box .box li a img {width:auto; max-width:90%; max-height:25px; }


/* 메인-태블릿 이하 */
@media (max-width: 991px) {	
	.bgMain {position:relative; background:url(../images/main/bg_top_02.jpg) no-repeat 50% 0; background-size:cover;}
		
	.slogan {position:relative; max-width:1200px; padding-top:80px; margin:0 auto;}
	.slogan p {text-align:center;}
	.slogan p:first-child {font-size:30px;}
	.slogan p:last-child {color:#fff;}
		
	.quick_box {padding:50px 30px 0 30px}
	.quick_box .row>div {text-align:center; margin:20px 0;}
	.quick_box li.m_blue a {	
		display:inline-block; width:100%; height:100%; padding-top:20%; text-align:center; 
		background-color:rgba(48,142,255,.8);
		background-position:50% 35%;
		background-repeat:no-repeat;
		background-size:45%;
	}
	.quick_box li.m_green a {	
		display:inline-block; width:100%; height:100%; padding-top:20%; text-align:center; 
		background-color:rgba(25,229,204,.8);
		background-position:50% 35%;
		background-repeat:no-repeat;
		background-size:45%;
	}
	.quick_box li:nth-child(1) a {background-image:url(../images/main/banner_top1.png);}
	.quick_box li:nth-child(2) a {background-image:url(../images/main/banner_top2.png);}
	.quick_box li:nth-child(3) a {background-image:url(../images/main/banner_top3.png);}
	.quick_box li:nth-child(4) a {background-image:url(../images/main/banner_top4.png);}
	.quick_box li:nth-child(5) a {background-image:url(../images/main/banner_top5.png);}
	.quick_box li:nth-child(6) a {background-image:url(../images/main/banner_top6.png);}
	
	.quick_box li:nth-child(1):hover a {background-image:url(../images/main/banner_top1.png);}
	.quick_box li:nth-child(2):hover a {background-image:url(../images/main/banner_top2.png);}
	.quick_box li:nth-child(3):hover a {background-image:url(../images/main/banner_top3.png);}
	.quick_box li:nth-child(4):hover a {background-image:url(../images/main/banner_top4.png);}
	.quick_box li:nth-child(5):hover a {background-image:url(../images/main/banner_top5.png);}
	.quick_box li:nth-child(6):hover a {background-image:url(../images/main/banner_top6.png);}
	
	.quick_box li a p {padding-top:40%; color:#fff !important; word-break:keep-all; font-weight:bold;}
	.quick_box li.m_blue a:hover {
		background-color:rgba(48,142,255,.95);
	}
	.quick_box li.m_green a:hover {
		background-color:rgba(25,229,204,.95);
	}
	
	.news_box {padding:40px 30px !important;}
	.recent_box {padding:40px 30px !important; height:auto !important;}
	.gallery_box {padding:0 !important;}
	.conference_box .box {padding:40px 30px; height:auto !important;}
	/*.conference_box .recent_box .list li img {padding:0 !important;}*/
	.conference_box .recent_box .list li a {padding:0 !important;}
	.conference_box .box li {padding:15px 0;}	
}