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

.slogan {position:relative; max-width:1200px; padding-top:200px; padding-bottom: 200px; margin:0 auto; text-align: center; }
.slogan p {text-align:center; color:#fff; font-family: "Open Sans", Arial, sans-serif; font-size:20px; font-weight: normal; }
.slogan p:first-child {font-size:75px; text-transform: uppercase;}
.slogan a {padding:15px 40px; background:#50c3af; color:#fff; border-radius: 100px; font-size:18px; display:inline-block }
.slogan a:hover {background:#46b8da; color:#fff; }

.quick_box {position:relative; max-width:1200px; margin:0 auto; padding:70px 0px;}
.quick_box li {text-align:center; padding:10px;}
.quick_box li a {	
	display:inline-block; width:70%; height:70%; padding-top:20%; text-align:center; 
	border-radius:50%;
	background-color:rgba(255,149,0,.5);
	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 a p {padding-top:40%; color:#fff; word-break:keep-all; font-weight:bold;}
.quick_box li a:hover {
	background-color:rgba(255,149,0,.9);
	transform:scale(1.07);
	-webkit-transform:scale(1.07);
    -moz-transform:scale(1.07);
    -o-transform:scale(1.07);
}
.quick_box li > i {width:106px; height:106px; line-height: 106px; font-size:30px; background:#fff; border-radius: 100px; color:#50c3af}
.quick_box li > i:hover {width:106px; height:106px; font-size:30px; background:#50c3af; border:none; border-radius: 100px; color:#fff;}
.quick_box li > h2 {text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; font-size:20px; font-weight: bold !important; margin:40px 0px;}
.quick_box li > p {color:#888; line-height: 25px;}

/* 뉴스  & 프로젝트 */
/*.board_box>div>h2 {position:relative; height:70px; font-size:24px; font-weight:bold; color:#000;}*/
.board_box .news_box {padding:70px 40px 70px 15px;}
.board_box .news_box a p {margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.board_box .news_box a span {display:block; color:#666; font-size:13px; line-height:1.6;}
.board_box .news_box a span:last-child {margin-top:10px;}

.board_box .recent_box {padding:70px 15px 70px 40px;}
.board_box .recent_box .stillcut {padding-right:20px; padding-left:0;}
.board_box .recent_box .stillcut img {width:100%; height:auto; vertical-align:top;}
.board_box .recent_box .list {margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.board_box .recent_box .list li {margin-bottom:15px;}
.board_box .recent_box .list li:last-child {margin:0;}
.board_box .recent_box .list a p {margin:0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000;}
.board_box .recent_box .list a span {display:inline-block; color:#666; font-size:13px; line-height:1.6;}

/* 학회소식 */
.conference_box {clear:both; position:relative; max-width:100%; color:#fff; background:url(../images/main/bg_conference.png) 50% no-repeat #0093ff; background-size:cover;}
.conference_box h2 {display:relative; padding:20px 0px 30px 0px;font-size:20px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; font-weight: bold !important;}
.conference_box .box {position:relative; max-width:1200px; padding:70px 15px; margin:0 auto; text-align:center;}
.conference_box .box>i {display:inline-block; width:100px; height:100px; line-height: 100px; border-radius:50%; border:3px solid #fff; font-size:30px;}
.conference_box .box>ul {clear:both; padding-top:20px; word-break:normal;}
.conference_box .box>ul>li {padding:15px; text-align:left;}
.conference_box .box>ul>li:last-child {padding-right:0;}
.conference_box .box a {display:block; color:#fff; line-height: 25px; font-size:15px;}

/* 갤러리 */
.gallery_box {padding:70px 15px; max-width:1200px;}
.gallery_box>p {display:block; padding-top:20px; font-size:12px; text-align:center; font-weight:normal; color:#666; line-height:1.6;}
.gallery_box .list_box li {padding:10px !important;}
.gallery_box .list_box a {position:relative; display:block; width:100%; height:100%; background-color:#000;}
.gallery_box .list_box a .info {
	opacity:0; position:absolute; width:100%; bottom:0; padding:20px; color:#fff; text-align:center;
	transition:all .1s linear;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
}
.gallery_box .list_box a .info .img {}
.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:.5;
    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;}

/* 갤러리2 */
.gallery_box2 {position:relative; max-width:1200px; margin:0 auto; padding:70px 0px;}
.gallery_box2>p {display:block; padding-top:20px; font-size:12px; text-align:center; font-weight:normal; color:#666; line-height:1.6;}
.gallery_box2 .list_box:first-child { margin:0px;}
.gallery_box2 .list_box {margin:40px 10px 0px 10px;}
.gallery_box2 .list_box li {padding:0px !important;}
.gallery_box2 .list_box a {position:relative; display:block; background-color:#000;}
.gallery_box2 .list_box a .info {
	opacity:0; position:absolute; width:100%; bottom:0; padding:20px; color:#fff; text-align:center;
	transition:all .1s linear;
	-webkit-transition:all .1s linear;
	-moz-transition:all .1s linear;
}
.gallery_box2 .list_box a .info .img {}
.gallery_box2 .list_box a .info p {margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_box2 .list_box a .info span {font-size:12px;}
.gallery_box2 .list_box a:hover .img span {
	opacity:.5;
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.gallery_box2 .list_box a:hover .info {opacity:1;}
.gallery_box2 .list_box li.con {padding:60px 50px !important;}
.gallery_box2 .list_box li.con > h3 {font-weight: normal; font-size:22px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width:100%; color:#333; padding-bottom:20px; margin-top:0px; }
.gallery_box2 .list_box li.con > p {line-height:25px; color:#888888; font-size:15px;}
.gallery_box2 .list_box li.con > a {cursor: pointer; display:inline-block; font-family: "Open Sans", Arial, sans-serif; font-size:12px; text-transform: uppercase; font-weight:normal !important; color:#fff; background:#50c3af; padding:10px 25px; border-radius: 100px;}

.m_title > h2 {border-left:10px solid #e1e6ea; height:35px; line-height:35px; margin-left:10px; padding-left:25px; font-size:25px;  font-weight: 700 !important; font-family: "Open Sans", Arial, sans-serif; color:#333; text-transform: uppercase; margin-bottom: 40px;}


/* 사이트배너 */
.banner_box {max-width:100%; background-color:#fff;}
.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; margin-top:0px; background:url(../images/main/bg_top.jpg) no-repeat 50% 50%; background-size:cover;}
	
	.slogan {position:relative; width:100%; padding:50px; word-break:normal;}
	.slogan p {text-align:center; line-height:1.2; font-size:15px;}
	.slogan p:first-child {font-size:30px;}
	.slogan p:last-child {color:#fff;}
	.slogan a {padding:10px 25px; background:#50c3af; color:#fff; border-radius: 100px; font-size:15px; display:inline-block }
	.slogan a:hover {background:#46b8da; color:#fff; }

	.quick_box {margin-top:0px; padding:30px 20px}
	.quick_box .row>div {text-align:center; margin:20px 0;}
	.quick_box .wrap i {display:inline-block; width:50px; height:50px; text-align:center;}
	.quick_box .wrap {display:inline-block;  width:120px; height:120px; padding-top:20px; text-align:center; border-radius:50%; background-color:rgba(255,149,0,.7);}
	
	.news_box {padding:40px 15px !important;}
	.recent_box {border-top:1px solid #eee; padding:40px 15px !important;}
	.gallery_box {padding:40px 15px;}
	.conference_box {padding:40px 0;}
	.conference_box .box {padding:0 15px;}
	.conference_box .box li {padding:15px 0;}	

	.quick_box li > i {width:76px; height:76px; line-height: 76px; font-size:30px; background:#fff; border-radius: 100px; color:#50c3af}
	.quick_box li > i:hover {width:76px; height:76px; font-size:30px; background:#50c3af; border:none; border-radius: 100px; color:#fff;}
	.quick_box li > h2 {text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; font-size:20px; font-weight: bold !important; margin:15px 0px;}
	.quick_box li > p {color:#888; line-height: 25px;}
	
	.gallery_box2 {position:relative; max-width:1200px; margin:0 auto; padding:40px 0px;}
	.gallery_box2 .list_box a:hover .info {opacity:1;}
	.gallery_box2 .list_box li.con {padding:30px 20px !important;}
	.gallery_box2 .list_box li.con > h3 {font-weight: normal; font-size:20px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width:100%; color:#333; padding-bottom:0px; margin-top:0px; }
	.gallery_box2 .list_box li.con > p {line-height:25px; color:#888888; font-size:15px;}
	.gallery_box2 .list_box li.con > a {cursor: pointer; display:inline-block; font-family: "Open Sans", Arial, sans-serif; font-size:12px; text-transform: uppercase; font-weight:normal !important; color:#fff; background:#50c3af; padding:10px 25px; border-radius: 100px;}

	.m_title > h2 {border-left:10px solid #e1e6ea; height:20px; line-height:20px; margin-left:10px; padding-left:25px; font-size:20px;  font-weight: 700 !important; font-family: "Open Sans", Arial, sans-serif; color:#333; text-transform: uppercase; margin-bottom: 15px;}

}