* {
	margin: 0px;
	padding: 0;
	list-style: none;
	outline: none;
}

a, a:active, a:visited { color: #0e2c9a; text-decoration: none; }

header, nav, section, footer, article, aside { 
    display:block;
}

.none {
	display: none;
}

h1, h2, h3 {
	margin: 0px;
}

body {
	font-family: Arial;
	font-size: 14px;
}

header {
	width: 100%;
	float: left;
}

header #header {
	width: 980px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 63px;
}

header #header .logo {
	width: 217px;
	float: left;
	margin-bottom: 15px;
}

header #header .menu {
	float: left;
	width: 717px;
	margin-top: 34px;
}

header #header .menu ul {
	float: right;
	margin-right: 10px;
}

header #header .menu ul li {
	float: left;
}

header #header .menu ul li a {
	padding: 3px 10px;
	color: #000;
	font-weight: bold;
	line-heighT: 30px;
}

header #header .menu ul li.selected a {
	color: #FFF;
	background: #CE2A30;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

header #header .search {
	width: 46px;
	height: 53px;
	background: url('../images/icons/search.png') no-repeat center 20px #CE2A30;
	float: left;
	margin-top: 29px;
	z-index: 9999999999;
	right: 0;
	position: absolute;
	-webkit-border-radius: 23px 23px 0px 0px;
	-moz-border-radius: 23px 23px 0px 0px;
	border-radius: 23px 23px 0px 0px;
}

header #header .search.selected {
	background: url('../images/icons/search.png') no-repeat center 20px #93181D;
}

header #header .search > a {
	width: 46px;
	height: 60px;
	display: block;
	position: absolute;
}

header #header .search .search-area {
	position: absolute;
	display: none;
	top: 54px;
	background: #93181D;
	padding: 5px;
	right: 0;
	width: 233px;
}

header #header .search .search-area input[type=text]{
	float: left;
	width: 213px;
	border: 0px;
	height: 35px;
	padding: 0px 10px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

header #header .search .search-area input[type=submit]{
	float: left;
	position: absolute;
	margin-left: -40px;
	width: 35px;
	border: 0px;
	background: transparent;
	line-height: 35px;
	height: 35px;
	font-size: 11px;
	color: #CE2A30;
	font-weight: bold;
	cursor: pointer;
}

#main-slider {
	width: 100%;
	float: left;
	background: url('../images/pictures/slider-bg.png') no-repeat center top;
	height: 631px;
	overflow: hidden;
}

#main-slider .slider {
	width: 1014px;
	height: 594px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#main-slider .slider ul {
	width: 1014px;
	float: left;
	position: absolute;
}

#project-slider li {
	float:left;
	width:1014px;
	position:absolute;
}
		
#project-slider .screen {
	float:left;
	width:1014px;
	z-index:999;
	position:relative;
}
#project-slider .screen div {
	float:left;
	position:absolute;
	display:none;
}

#project-slider .screen div span.first {
	font-size: 48px;
	color: #FFF;
}

#project-slider .screen div span.second {
	font-size: 48px;
	color: #FFF;
	width: 350px;
	font-weight: bold;
}

#project-slider .screen div span.third {
	font-size: 12px;
	color: #000;
}

#project-slider .screen div span.fourth {
	font-size: 12px;
	color: #000;
}

#project-slider .screen div span.fifth {
	float: left;
	font-size: 18px;
	position: relative;
	font-weight: bold;
	color: #FFF;
	padding-left: 20px;
	height: 65px;
	width: 316px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url('../images/pictures/slider-link-bg.png') repeat-x;
}

#project-slider .screen div span.fifth a {
	float: left;
	width: 255px;
	height: 65px;
	line-height: 65px;
	font-size: 18px;
	color: #FFF;
	padding-right: 30px;
	background: url('../images/icons/arrow-next.png') no-repeat right center;
	
}

#project-slider .screen div img.opacity {
	opacity:0.4;
	filter:alpha(opacity=40);
}

#main-slider .slider-pagination {
	width: 980px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 9999999999;
}

#main-slider .slider-pagination ul {
	width: 980px;
	float: left;
	margin-top: -76px;
	z-index: 9999999999;
}

#main-slider .slider-pagination ul li {
	width: 106px;
	float: left;
	margin-top: 30px;
	cursor: pointer;
}

#main-slider .slider-pagination ul li.selected {
	width: 106px;
	float: left;
	margin-top: 0px;
	z-index: 10;
	position: relative;
}

#bottom-slider {
	width: 100%;
	float: left;
	background: #D9D9D9;
	margin-top: -27px;
	padding-top: 64px;
	overflow: hidden;
}

#bottom-slider .bottom-main {
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#bottom-slider .bottom-main .bottom-ul {
	width: 2916px;
	float: left;
	overflow: hidden;
}

#bottom-slider .bottom-main .bottom-ul ul {
	position: relative;
	float: left;
	margin-top: 20px;
}

#bottom-slider .bottom-main .bottom-ul ul li {
	float: left;
	max-width: 440px;
	padding: 0px 30px; 
	border-right: 1px solid #CCCBCB;
}

#bottom-slider .bottom-main .bottom-ul ul li:last-child {
	border: 0px;
}

#bottom-slider .bottom-main .bottom-ul ul li .link {
	position: absolute;
	z-index: 2;
}

#bottom-slider .bottom-main .bottom-ul ul li .link a {
	width: 150px;
	height: 100px;
	display: block;
}

#bottom-slider .bottom-main .bottom-ul ul li .image {
	float: left;
	margin-right: 30px;
}

#bottom-slider .bottom-main .bottom-ul ul li .info {
	max-width: 213px;
	float: left;
}

#bottom-slider .bottom-main .bottom-ul ul li .info .title {
	font-size: 24px;
	font-weight: bold;
}

#bottom-slider .bottom-main .bottom-ul ul li .info .text {
	color: #393636;
	font-size: 11px;
	margin-top: 10px;
}

#bottom-slider .bottom-main .bottom-ul ul li .info .more {
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px;
}

#bottom-slider .bottom-main .bottom-ul ul li .info .more a {
	color: #99181D;
	height: 23px;
	display: block;
	width: 45px;
	background: url('../images/bs-arrow-down.png') no-repeat center bottom;
}

#bottom-slider .bottom-main .bottom-ul ul li .info .icons {
	margin-top: 20px;
}

#bottom-slider .bottom-main .bottom-ul ul li .info .icons a:first-child {
	margin-right: 5px;
}

#bottom-slider .bottom-main .bs-paging {
	float: right;
	margin-top: 20px;
}

#bottom-slider .bottom-main .bs-paging a {
	width: 46px;
	height: 40px;
	display: block;
	margin-right: 5px;
	float: left;
	-webkit-border-radius: 23px 23px 0px 0px;
	-moz-border-radius: 23px 23px 0px 0px;
	border-radius: 23px 23px 0px 0px;
}

#bottom-slider .bottom-main .bs-paging a:last-child {
	margin-right: 0px;
	background: url('../images/bs-next-1.png') no-repeat center 13px #FFF;
}

#bottom-slider .bottom-main .bs-paging a.passive:last-child {
	margin-right: 0px;
	background: url('../images/bs-next-1.png') no-repeat center 13px #FFF;
}

#bottom-slider .bottom-main .bs-paging a:first-child {
	background: url('../images/bs-back-1.png') no-repeat center 13px #FFF;
}

#bottom-slider .bottom-main .bs-paging a.passive:first-child {
	background: url('../images/bs-back-2.png') no-repeat center 13px #FFF;
}

#footer {
	width: 100%;
	float: left;
	margin-top: 15px;
}

#footer .footer-top {
	width: 100%;
	float: left;
	padding-bottom: 45px;
}

#footer .footer-top.content {
	width: 100%;
	float: left;
	background: #969696;
	padding-bottom: 45px;
}

#footer .footer-top .footer-menu {
	width: 980px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0px;
	color: #121212;
}

#footer .footer-top .footer-menu .fm-left {
	width: 160px;
	float: left;
	margin-right: 10px;
}

#footer .footer-top .footer-menu .fm-left ul li {
	margin-bottom: 10px;
}

#footer .footer-top .footer-menu .fm-left ul li a {
	color: #121212;
	font-size: 14px;
	font-weight: bold;
}

#footer .footer-top .footer-menu .fm-center-left {
	width: 300px;
	float: left;
	margin-right: 10px;
}

#footer .footer-top .footer-menu .fm-center-left ul li {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}

#footer .footer-top .footer-menu .fm-center-left ul li:first-child {
	margin-bottom: 16px;
}

#footer .footer-top .footer-menu .fm-center-left ul li a {
	color: #121212;
	font-size: 12px;
	font-weight: normal;
}

#footer .footer-top .footer-menu .fm-center-right {
	width: 215px;
	float: left;
	margin-right: 10px;
}

#footer .footer-top .footer-menu .fm-center-right ul li {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}

#footer .footer-top .footer-menu .fm-center-right ul li.text {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
}

#footer .footer-top .footer-menu .fm-center-right ul li:first-child {
	margin-bottom: 16px;
}

#footer .footer-top .footer-menu .fm-center-right ul li a {
	color: #121212;
	font-size: 12px;
	font-weight: bold;
}

#footer .footer-top .footer-menu .fm-right {
	width: 275px;
	float: left;
}

#footer .footer-top .footer-menu .fm-right ul li {
	font-size: 12px;
	margin-bottom: 3px;
}

#footer .footer-top .footer-menu .fm-right ul li:first-child {
	margin-bottom: 16px;
	font-weight: bold;
	color: #121212;
	font-size: 14px;
}

#footer .footer-top .footer-menu .fm-right ul li a {
	color: #99181D;
	font-size: 12px;
	font-weight: bold;
}

#footer .footer-bottom {
	width: 100%;
	height: 200px;
	float: left;
	background: #99181D;
}

#footer .footer-bottom .fb-center {
	width: 980px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0px;
	color: #FFF;
}

#footer .footer-bottom .fb-center .fb-left {
	width: 780px;
	float: left;
	padding: 15px 0px;
	font-size: 13px;
}

#footer .footer-bottom .fb-center .fb-left a {
	font-weight: bold;
	color: #FFF;
}

#footer .footer-bottom .fb-center .fb-right {
	width: 200px;
	float: right;
	margin-top: -33px;
}

#footer .footer-bottom .fb-center .fb-right ul li {
	width: 34px;
	height: 34px;
	text-align: center;
	background: #99181D;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	float: right;
	margin-right: 5px;
	overflow: hidden;
}

#footer .footer-bottom .fb-center .fb-right ul li img {
	padding-top: 9px;
	position: relative;
	z-index: 99;
}

#footer .footer-bottom .fb-center .fb-right ul li a {
	float: left;
	width: 34px;
	height: 34px;
}

#footer .footer-bottom .fb-center .fb-right ul li span {
	float: left;
	width: 34px;
	height: 34px;
	position: relative;
	top: 49px;
	right: 0px;
	z-index: 9;
	-webkit-border-radius: 34px;
	-moz-border-radius: 34px;
	border-radius: 34px;
	margin-top: -28px;
}

#red-page {
	position: absolute;
	z-index: 9999999999999999;
	display: none;
}

#red-page .background {
	position: absolute;
	opacity: 0.7;
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
	background: #000;
}

#red-page .h-menu {
	width: 930px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}

div.table {
	width: 930px;
	float: left;
}

div.table > .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
	height: 45px;
	background: url('../images/icons/close.png') no-repeat center center;
	cursor: pointer;
}

div.table > .title {
	width: 100%;
	float: left;
	background: #99181D;
	-webkit-box-shadow: inset 0px -5px 14px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: inset 0px -5px 14px 0px rgba(50, 50, 50, 0.75);
	box-shadow: inset 0px -5px 14px 0px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 14px 14px 0px 0px;
	height: 45px;
}

div.table > .title > span {
	padding-left: 15px;
	line-height: 45px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
}

div.table .list {
	width: 100%;
	float: left;
}

div.table .list > ul {
	width: 100%;
	float: left;
}

div.table .list > ul > li {
	width: 100%;
	float: left;
	background: #F8F8F8;
	border-bottom: 1px solid #FFF;
	text-align: center;
	display: block;
	line-height: 45px;
	cursor: pointer;
}

div.table .list > ul > li > span {
	display: block;
	border-bottom: 1px solid #E7E7E7;
}

div.table .list > ul > li > span > a {
	color: #262222;
	font-size: 14px;
	font-weight: bold;
	padding-right: 17px;
	background: url('../images/icons/arrow-down.png') no-repeat right center;
}

div.table .list > ul > li  > ul {
	width: 100%;
	float: left;
	background: #FFF;
}

div.table .list > ul > li > ul > li {
	width: 100%;
	float: left;
	height: 43px;
}

div.table .list > ul > li > ul > li:hover {
	background: #FCFCFC;
}

div.table .list > ul > li > ul > li > .link {
	position: absolute;
	width: 100%;
	float: left;
	height: 43px;
}

div.table .list > ul > li > ul > li > .link > a{
	width: 100%;
	height: 45px;
	display: block;
}

div.table .list > ul > li > ul > li > .title {
	width: 80%;
	float: left;
	font-size: 13px;
	color: #000;
	padding-left: 15px;
	text-align: left;
}

div.table .list > ul > li > ul > li > .icon {
	width: 15%;
	padding-right: 15px;
	float: left;
	text-align: right;
}

div.table .list > ul > li > ul > li > .icon > img{
	padding-top: 10px;
}

div.table > .table-list {
	background: #FFF;
	float: left;
	width: 100%;
}

div.table > .table-list > p {
	padding: 10px;
}

div.table > .table-list > table {
	width: 100%;
	border: 0px;
	border-spacing: 1px;
}

div.table > .table-list > table  td {
	padding: 7px;
}

#main-page {
	width: 100%;
	float: left;
}

#main-page > .top {
	width: 100%;
	float: left;
	height: 310px;
	overflow: hidden;
	background: url('../images/pictures/page-bg.png') repeat-x;
}

#main-page > .top > .image {
	width: 100%;
	position: absolute;
	height: 297px;
	margin-top: 7px;
	overflow: hidden;
}

#main-page > .top > .image > img {
	position: relative;
}

#main-page > .top > .page {
	width: 980px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 304px;
}

#main-page > .top > .page > .title {
	width: 100%;
	float: left;
	margin-top: 45px;
	font-size: 48px;
	font-weight: bold;
	color: #FFF;
}

#main-page > .top > .page > .text {
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 14px;
	font-style: italic;
	color: #FFF;
}

#main-page > .bottom > .list {
	width: 100%;
	float: left;
	padding: 40px 0px 30px 0px;
}

#main-page > .bottom > .list > ul {
	width: 100%;
	float: left;
}

#main-page > .bottom > .list > ul > li {
	width: 98%;
	padding: 5px 1%;
	float: left;
}

#main-page > .bottom > .list > ul > li > a {
	display: block;
	color: #000;
}

#main-page > .top > .page > .links {
	position: absolute;
	bottom: 0px;
	float: left;
	z-index: 9;
}

#main-page > .top > .page > .links > ul {
	width: 100%;
	float: left;
}

#main-page > .top > .page > .links > ul > li {
	width: 34px;
	float: left;
	height: 50px;
	cursor: pointer;
}

#main-page > .top > .page > .links > ul > li:first-child {
	-webkit-border-radius: 15px 0px 0px 0px;
	-moz-border-radius: 15px 0px 0px 0px;
	border-radius: 15px 0px 0px 0px;
	background: url('../images/icons/ucase.png') no-repeat center center #ED1C24;
}

#main-page > .top > .page > .links > ul > li:last-child{
	-webkit-border-radius: 0px 15px 0px 0px;
	-moz-border-radius: 0px 15px 0px 0px;
	border-radius: 0px 15px 0px 0px;
	background: url('../images/icons/share.png') no-repeat center center #ED1C24;
}

#main-page > .top > .page > .links > ul > li:nth-child(2) {
	background: url('../images/icons/lcase.png') no-repeat center center #ED1C24;
}

#main-page > .top > .page > .links > ul > li:nth-child(3) {
	background: url('../images/icons/print.png') no-repeat center center #ED1C24;
}

#main-page > .bottom {
	width: 980px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#main-page > .bottom > .text {
	width: 100%;
	float: left;
	padding: 40px 0px 30px 0px;
}

#main-page > .bottom > .link {
	width: 100%;
	float: left;
	margin-top: 25px;
	margin-bottom: 25px;
}

#main-page > .bottom > .text a.duyuru {
	float: left;
	background: url('../images/icons/duyuru.png') no-repeat 10px center #99181D;
	height: 32px;
	width: auto;
	line-height: 32px;
	color: #FFF;
	padding: 0px 10px 0px 30px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	font-weight: bold;
}

@media print {
  body * {
    visibility: hidden;
  }
  
  #main-page > .top > .title, #main-page > .top > .title *,  #main-page > .top > .text, #main-page > .top > .text *, #main-page > .bottom > .text *, #main-page > .bottom > .text {
    visibility: visible;
  }
  
   #main-page > .bottom > .text * {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media screen and (max-width: 560px) {
	header {
		width: 100%;
	}
	
	header #header {
		width: 100%;
		margin-top: 5px;
	}
	
	header #header .logo {
		width: 98%;
		margin-left: 1%;
		text-align: center;
	}
	
	header #header .logo img {
		width: 50%;
	}
	
	header #header .menu {
		width: 98%;
		margin-left: 1%;
		margin-bottom: 5px;
		margin-top: 10px;
	}
	
	header #header .search {
		display: none;
	}
	
	header .menu select {
		width: 100%;
	}
	
	#main-slider {
		display: none;
	}
	
	#footer .footer-top .footer-menu {
		width: 100%;
	}
	
	#footer .footer-top .footer-menu .fm-left {
		display: none;
	}
	
	#footer .footer-top .footer-menu .fm-center-left {
		width: 98%;
		padding-left: 1%;
	}
	
	#footer .footer-top .footer-menu .fm-center-left ul li {
		display: none;
	}
	
	#footer .footer-top .footer-menu .fm-center-left ul li:first-child {
		display: block;
		cursor: pointer;
	}
	
	#footer .footer-top .footer-menu .fm-center-left ul li:last-child {
		margin-bottom: 20px;
	}
	
	#footer .footer-top .footer-menu .fm-center-right {
		width: 98%;
		padding-left: 1%;
	}
	
	#footer .footer-top .footer-menu .fm-center-right ul li {
		display: none;
	}
	
	#footer .footer-top .footer-menu .fm-center-right ul li:first-child {
		display: block;
		cursor: pointer;
	}
	
	#footer .footer-top .footer-menu .fm-center-right ul li:last-child {
		margin-bottom: 20px;
	}
	
	#footer .footer-top .footer-menu .fm-right {
		width: 98%;
		float: left;
		padding-left: 1%;
	}
	
	#footer .footer-bottom .fb-center {
		width: 100%;
	}
	
	#footer .footer-bottom .fb-center .fb-left {
		width: 100%;
		font-size: 9px;
	}
	
	#footer .footer-bottom .fb-center .fb-right {
		display: none;
	}
	
	#bottom-slider {
		margin-top: 5px;
	}
	
	#bottom-slider .bottom-main {
		width: 100%;
	}
	
	#bottom-slider .bottom-main .bottom-ul ul li {
		padding: 0px 0.3%;
	}
	
	#bottom-slider .bottom-main .bottom-ul ul li .image {
		width: 30%;
		margin: 3%;
	}
	
	#bottom-slider .bottom-main .bottom-ul ul li .info {
		width: 60%;
		margin-left: 1%;
	}
	
	#bottom-slider .bottom-main .bottom-ul ul li .image img {
		max-width: 100%;
	}
	
	#main-page > .top > .page {
		width: 100%;
	}
	
	#main-page > .top > .page > .title {
		width: 96%;
		padding: 2%;
	}
	
	#main-page > .top > .page > .text {
		width: 96%;
		padding: 2%;
	}
	
	#main-page > .top > .image {
		overflow: hidden;
	}
	
	#main-page > .bottom {
		width: 96%;
		padding: 2%;
	}
	
	#main-page > .top > .page > .links {
		margin-left: 1%;
	}
}