.kcap .top{}


.kcap .top .bnr {overflow:hidden;background:#808080;}
.kcap .top .bnr .bnr-overlay{background:#fff; left:-50px;transform-origin: top right;-webkit-transform-origin: top right; transform: rotate(-9.65deg);-webkit-transform:rotate(-9.65deg);  width: 1500px; height: 40%; min-height: 250px;position:absolute;bottom:0;  z-index:3;}
.kcap .top .bnr .jssorBnr { position: relative; top: 0px; left: 0px; width: 1000px; height: 510px; }
.kcap .top .bnr .jssorBnr .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1000px; height: 510px; }


.kcap .mid .cnt_wrapper{}

.kcap .mid .cnt1 .cnt_wrapper { top: -55px; position: relative; z-index: 4;background-image: url('../image/map.png');background-position:center 40px ;background-repeat:no-repeat;}
.kcap .mid .cnt1 h2{text-align:center;color:#e03a3e;}
.kcap .mid .cnt1  p{width:54%;margin:40px auto;text-align:center; font-size: 20px;}
.kcap .mid .cnt1 .nav-box{text-align: center;width:82.5%; margin:0 auto;font-size:0px;}
.kcap .mid .cnt1 .nav-box table.nav-item tbody{width: 100%; display: block;}
.kcap .mid .cnt1 .nav-box table.nav-item tbody tr{width: 100%; display: block;}
.kcap .mid .cnt1 .nav-box table.nav-item tbody tr td{width: 100%; display: block;}
.kcap .mid .cnt1 .nav-box table.nav-item{display:inline-block; font-size:18px;width:33%;vertical-align: bottom;}
.kcap .mid .cnt1 .nav-box table.nav-links { width: 49.5%;  display: inline-block; }
.kcap .mid .cnt1 .nav-box table.nav-links * {  display: block; }
.kcap .mid .cnt1 .nav-box h2 {margin: 0;}
.kcap .mid .cnt1 .nav-box h2 a{text-decoration:none;display:block;color: #fff;background: #e03a3e;text-align: left;padding: 22px 0 22px 80px;background-image: url('../image/abt-go-arr.png'); background-position: 85% center;background-repeat:no-repeat;background-size: 15px;}
.kcap .mid .cnt1 .nav-box h2 a:hover{transition:all 200ms;text-decoration:none;background: #ececec;color: #e03a3e;background-image: url('../image/abt-go-arr-hvr.png');background-position:95% center;background-repeat:no-repeat;background-size: 15px;}
.kcap .mid .cnt1 .nav-box .nav-item img{width: 100%;display:block;font-size:0;height:auto;}

.kcap .mid .cnt1 .figures{text-align: center;width:80%; font-size:0px; margin: 75px auto 40px;}
.kcap .mid .cnt1 .figures-item{display:inline-block; font-size:18px;width:27%;vertical-align: top;padding:0 3%;}
.kcap .mid .cnt1 .figures-item tr td{text-align:left;padding:15px 0;}
.kcap .mid .cnt1 .figures-item tr td h1{margin:0;font-size:18px;}
.kcap .mid .cnt1 .figures-item tr td h1 span.ttl-fig{ font-size:90px;}
/*fallback for ie - but cant be use if there is another tr*/
.kcap .mid .cnt1 .figures-item tr + tr{border-top:2px solid #e03a3e}
.kcap .mid .cnt1 .figures-item tr + tr td{ padding: 15px 10px;}
/*END - - - -- fallback for ie*/

/*same as above*/
.kcap .mid .cnt1 .figures-item tr:nth-child(2){border-top:2px solid #e03a3e}
.kcap .mid .cnt1 .figures-item tr:nth-child(2) td{ padding: 15px 10px;}
/*END - - - -- same as above*/

.kcap .mid .cnt1 .gap {padding: 110px 0 100px;background-image: url('../image/grey_triangle.png');background-repeat:no-repeat;background-position:bottom left;background-size: cover;}



.kcap .mid .cnt2{background:#ebebeb;top: -55px; position: relative;    z-index: 4;    margin-bottom: -55px;}
.kcap .mid .cnt2 .cnt_wrapper{top: -55px; position: relative;min-height: 300px;}
.kcap .mid .cnt2 h2{text-align:center;margin-top:0;color:#e03a3e;}
.kcap .mid .cnt2 .slider { text-align: center;      margin: 45px auto 0;   max-width: 600px;}
.kcap .mid .cnt2 .slider .slide{outline: none;}
.kcap .mid .cnt2 .slider .slide .slide-desc{width:86%;text-align:left;margin:0 auto;}
.kcap .mid .cnt2 .slider .slide .slide-desc h3{font-size: 26px;}
.kcap .mid .cnt2 .slider .slide img{ width:100%;height:auto;margin:0 auto; }
.kcap .mid .cnt2 .slider .slick-arrow {cursor:pointer;z-index: 2;position: absolute;  top: 32.5%;  margin: auto;  width: 70px;  height: 70px; }
.kcap .mid .cnt2 .slider .slick-arrow.lft-arr{ left: -35px;}
.kcap .mid .cnt2 .slider .slick-arrow.rgt-arr{ right: -35px;}
.kcap .mid .cnt2 .gap {margin-top: -110px;padding: 110px 0 100px;background-color:#ebebeb;background-image: url('../image/white_triangle.png');background-repeat:no-repeat;background-position:top right;background-size: cover;}
/*hover effect for navigation*/
.kcap .mid .cnt2 .slider .slider:hover .slick-arrow{}
.kcap .mid .cnt2 .slider .slider:hover .slick-arrow.lft-arr:hover{}
.kcap .mid .cnt2 .slider .slider:hover .slick-arrow.rgt-arr:hover{}
/*slick dots style*/
.kcap .mid .cnt2 .slider ul.slick-dots{margin:0;padding:0;  position: ABSOLUTE; top: 5px; left: -20px;list-style:none;}
.kcap .mid .cnt2 .slider ul.slick-dots li{margin: 0;  padding: 0;}
.kcap .mid .cnt2 .slider ul.slick-dots li button{cursor:pointer;border: 0px;  background: #363636;  color: #000;  outline: none; border-radius: 5px;  width: 10px;  height: 10px; font-size: 0; padding: 0;  margin: 0;    display: inline-block;vertical-align: top;}
.kcap .mid .cnt2 .slider ul.slick-dots li button:hover{background: #919191; }
.kcap .mid .cnt2 .slider ul.slick-dots li.slick-active button{background: #919191;}
.kcap .mid .cnt2 .slider ul.slick-dots li.slick-active button:hover{background: #c3c3c3;}

.kcap .mid .cnt3{margin-top: -110px; z-index: 4; position: relative;}
.kcap .mid .cnt3 .cnt_wrapper {}
.kcap .mid .cnt2 h2{text-align:center;color:#e03a3e;}
.kcap .mid .cnt2 h2 a{ font-family: 'Roboto', sans-serif; text-decoration: none;}

.kcap .mid .cnt2 .cnt_wrapper .go_arr {position:absolute;top:-80px;right:0;width:70px;height:70px;display:inline-block;background-image: url('../image/slide-rgtarr.jpg');}
.kcap .mid .cnt2 .cnt_wrapper .go_arr:hover{}
.kcap .mid .cnt2 .news-box{position:relative;text-align: left;width:82.5%; margin:50px auto 0px;font-size:0px;}
.kcap .mid .cnt2 .news-box .news-wrapper{display:inline-block;display: table-cell;width:26%;font-size:18px;padding:0 5% 0 2%;    vertical-align: top;}
.kcap .mid .cnt2 .news-box .news-wrapper .news-item { min-height: 100%;   overflow-y: hidden; }
.kcap .mid .cnt2 .news-box .news-wrapper span.red-line{border-top:4px #e03a3e solid;height:1px;width:50px;display:block;}
.kcap .mid .cnt2 .news-box .news-wrapper h3.date{text-align:left;line-height:100%;margin:0px;display:block;color:#e03a3e;font-weight:600;padding:10px 0 15px; }
.kcap .mid .cnt2 .news-box .news-wrapper h3{text-align:left;line-height: 125%;}
.kcap .mid .cnt2 .news-box .news-wrapper p{text-align:left;margin:0;}
.kcap .mid .cnt2 .news-box .news-wrapper h3.news-ttl{margin: 0 0 25px;    font-weight: normal; font-size: 20px; font-family: roboto, sans-serif;}
.kcap .mid .cnt2 .news-box .news-wrapper a.more{text-align:left; margin:25px 0 0;text-decoration:none;}
.kcap .mid .cnt2 .news-box .news-wrapper a.more:hover{text-decoration:underline;}

@media screen and (max-width: 1279px) {
	.kcap .mid .cnt1 .figures-item tr td h1 span.ttl-fig{ font-size:80px;}
	.kcap .mid .cnt1 .nav-box h2 a{ padding: 22px 0 22px 25px; background-position: 90% center; background-size: 15px;}
	.kcap .mid .cnt1 .nav-box h2 a:hover{  background-position:95% center; background-size: 15px;}

}

@media screen and (max-width: 1151px) {
		.kcap .mid .cnt2 .cnt_wrapper{top: -80px; }
		.kcap .mid .cnt1 .figures-item tr td h1 span.ttl-fig{ font-size:70px;}
		.kcap .mid .cnt1 .figures-item{ width:30%; padding:0 1.5%;}
}

@media screen and (max-width: 1023px) {

	.kcap .mid .cnt1 .figures-item tr td h1 span.ttl-fig{ font-size:65px;}	
	.kcap .mid .cnt1 .figures-item tr:nth-child(2) td {font-size:16px;}
	.kcap .mid .cnt1 .figures-item tr + tr td {font-size:16px;}
		.kcap .mid .cnt1 .nav-box h2 a{ padding: 22px 0 22px 25px; background-position: 90% center; background-size: 15px; font-size: 24px;}
	.kcap .mid .cnt1 .nav-box h2 a:hover{  background-position:95% center; background-size: 15px;}
}

@media screen and (max-width: 959px) {
		.kcap .mid .cnt1 .figures-item{ width:45%; padding:0 2.5%;}
		.kcap .mid .cnt1 .figures-item:last-child{ width:60%; padding:0 0%;}
		.kcap .mid .cnt1 .figures-item tr td h1 span.ttl-fig{ font-size:55px;}
		.kcap .mid .cnt1 .nav-box h2 a{ padding: 22px 0 22px 15px; background-position: 95% center; background-size: 15px; font-size: 24px;}
		.kcap .mid .cnt1 .nav-box h2 a:hover{  background-position:95% center; background-size: 15px;}	
}