.article-index ul {
	overflow: visible;
}
.article-index {
	padding: 0px; position: relative; max-width: inherit;
}
.article-index .slider {
	overflow: hidden;
}
.article-index ul {
	height: 870px; position: relative;
}
.article-index li {
	background-position: center; top: 0px; width: 20%; height: 100%; position: absolute; cursor: pointer; background-repeat: no-repeat; background-size: cover;
}
.article-index p {
	margin: 270px 20px 0px; text-align: center; color: rgb(255, 255, 255); position: relative; z-index: 5;
}
.article-index p .tit {
	margin: 0px auto; width: 60%; color: rgb(255, 255, 255); line-height: 33px; font-size: 20px; display: block; text-align:center; letter-spacing:1px;
}
.article-index p .tit strong {
	line-height: 50px; font-family: "Roboto", sans-serif; font-size: 45px;letter-spacing:2px;
}
.article-index li:hover .tit {
	color:#c5e7ea; cursor: pointer;
}
.article-index p .tit img {margin:auto;}
.article-index p .tit span.link {
	font-family: "Roboto", "Nanum Barun Gothic", sans-serif; font-size: 16px; margin-top: 30px; display: none; font-weight:700;
}
.article-index li:hover span.link {
	display: block; border:2px #c5e7ea solid; width:30%;height:50px; margin:40px auto;line-height:50px;
}


.intro_about {background:url(../images/intro/intro_about_bg.jpg) center;width:100%;min-width:1200px;text-align:center;box-sizing:border-box;height:765px;}
.intro_about h2 {padding-bottom:40px;padding-top:370px;}
.intro_about p {}

.intro_works {width:100%;background:#303030;max-height:192px;display:inline-block;}
.intro_works li {width:10%;opacity:0.5}
.intro_works li img {width:100%;}
.intro_works li .works_detail {left: 0px; top: 0px; width: 100%; height: 20%; text-align: center; background:rgba(0,134,149,0.8); display: none; position: absolute;margin-top:80%;color:#fff;}
.intro_works li:hover .works_detail {display:block;z-index:999999;}
.intro_works li:hover {opacity:1;}


.footer {
	background:#303030; padding: 38px 0px 20px; width: 100%; clear: both; font-size:12px; border-top:0;
}
.footer .inner {
	margin: 0px auto; width: 1200px; overflow: hidden; font-family: "Roboto", sans-serif;
}
.footer .inner .address {
	color:#fff; font-size: 14px; font-style: normal; float: left;
}
.footer .inner .address h1 {float:left;margin-right:30px;}
.footer .inner .address p {float:right;line-height:170%;font-size:12px;}
ul.footerUL {
	float: right;
}
ul.footerUL li {
	margin: 0px 14px 0px 9px; float: left; text-align:center; width:85px;
}
ul.footerUL li:first-child {
	padding-left: 0px;
}
ul.footerUL li:last-child {
	background: none; padding-right: 0px;
}
ul.footerUL li a {
	color: #f5f5f5; font-family: "Roboto", sans-serif;  font-size:13px; margin-top:10px; 
}
ul.footerUL li a:hover {
	color: #fff;
}
.footer hr {width:100%;height:1px;border:0;background:#838383;margin:20px 0;}
.footer .inner span {float:left;color:#b1b1b1;margin-right:10px;}
.footer .inner span img {}


.hvr-sweep-to-top
{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#2098d1;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover {color:#fff}
.hvr-sweep-to-top:active:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:hover:before {-webkit-transform:scaleY(1);transform:scaleY(1)}