﻿
.kcap .top{}


.kcap .top .bnr {overflow:hidden;background:#808080;}
.kcap .top .bnr .bnr-overlay{background:#fff; left:-30px;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: 750px; }
.kcap .top .bnr .jssorBnr .slides { cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1000px; height: 750px; }
.kcap .top .bnr .jssorBnr .slides img{width:175% !important;height:auto !important;position:absolute!important;right:-50px !important;left:auto !important;}
.kcap .top .bnr .jssorBnr .jssorb05 { left: 25px; display:none;} /* Jssor Bullet Navigator*/

.kcap .mid .cnt_wrapper{}

.kcap .mid .cnt1 .cnt_wrapper { top: -35px; 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:75%;margin:40px auto;text-align:center;}
.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:block; font-size:16px;width:70%;margin:auto;vertical-align: bottom;}
.kcap .mid .cnt1 .nav-box table.nav-links { width: 70%;  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{transition:all 200ms;text-decoration:none;display:block;color: #fff;background: #e03a3e;text-align: left;    padding: 17px 0 17px 25px;background-image: url('../image/abt-go-arr.png');background-position:95% center;background-repeat:no-repeat;background-size: 15px;font-size:22px}
.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:60%; padding:0%;vertical-align: top;margin-bottom:25px; }
.kcap .mid .cnt1 .figures-item tr td{text-align: center;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:85px;}
/*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;font-size:16px;}
/*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;font-size:16px;}
/*END - - - -- same as above*/



.kcap .mid .cnt1 .gap {padding: 80px 0 100px;margin: 25px 0 0;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: -100px;}
.kcap .mid .cnt2 .cnt_wrapper{top: -55px; position: relative;}
.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: 85%;}
.kcap .mid .cnt2 .slider .slide{outline: none;}
.kcap .mid .cnt2 .slider .slide .slide-desc{width:65%;text-align:left;margin:0 auto;}
.kcap .mid .cnt2 .slider .slide .slide-desc h3{font-size: 22px;}
.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: 30%;  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: -50px;padding: 50px 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 .cnt3 .cnt_wrapper .go_arr {position:absolute;top:-100px;right:0;width:70px;height:70px;display:inline-block;background-image: url('../image/slide-rgtarr.jpg');background-position: center center;background-size: 100% 100%;}
.kcap .mid .cnt3 .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:block;width:75%;font-size:16px;padding: 0; margin: 0 auto 45px;    vertical-align: top;}
.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{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 a.more{text-align:left;display:inline-block;margin:5px 0 0;text-decoration:none;}
.kcap .mid .cnt2 .news-box .news-wrapper a.more:hover{text-decoration:underline;}
.kcap .mid .cnt2 .news-box .news-wrapper:last-child{display:none;}
.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.news-ttl{margin: 0 0 15px; font-weight: normal; font-size: 16px; font-family: roboto, sans-serif;}





@media screen and (max-width: 639px) {
	
	.kcap .mid .cnt2 .news-box .news-wrapper{width:100%;}
	.kcap .mid .cnt2 .gap{padding:55px 0 55px}
	.kcap .mid .cnt2 .slider{ max-width: 75%;}
	.kcap .mid .cnt1 .gap{margin: 25px 0 0;padding: 85px 0 100px;}
	.kcap .mid .cnt1 p{width:90%;}
	.kcap .mid .cnt1 .cnt_wrapper{top: -15px;}
	.kcap .mid .cnt3 .cnt_wrapper .go_arr{height:50px;width:50px;top:-90px;}
	.kcap .mid .cnt2 .slider .slick-arrow{  width: 50px; height: 50px; top: 22.5%; }
	.kcap .mid .cnt2 .slider .slick-arrow img{max-height:50px;max-width:50px}
	.kcap .mid .cnt1 .figures-item tr td h1 span.ttl-fig{ font-size:80px;}
	.kcap .mid .cnt1 .figures-item{ width:80%; padding:0%; }
	.kcap .mid .cnt1 .nav-box table.nav-item{display:block; font-size:16px;width:85%;margin:auto;vertical-align: bottom;}
	.kcap .mid .cnt1 .nav-box table.nav-links { width: 85%;  display: inline-block; }
}

@media screen and (max-width: 479px) {
	
	.kcap .mid .cnt2 .slider .slick-arrow{top:17.5%;}
	.kcap .mid .cnt2 .slider .slide .slide-desc{width:80%;}
	.kcap .mid .cnt1 .nav-box .nav-item{width:85%;}
	.kcap .mid .cnt1 .gap{margin: 25px 0 0;padding: 50px 0 100px;}
	.kcap .mid .cnt2 .cnt_wrapper{top: -30px;}
	.kcap .mid .cnt1 .figures-item tr td h1 span.ttl-fig{ font-size:65px;}
	.kcap .mid .cnt1 .figures-item{ width:80%; padding:0%; }
	.kcap .mid .cnt1 .nav-box table.nav-item{display:block; font-size:16px;width:90%;margin:auto;vertical-align: bottom;}
	.kcap .mid .cnt1 .nav-box table.nav-links { width: 90%;  display: inline-block; }
	.kcap .mid .cnt1 .nav-box h2 a{ padding: 15px 0 15px 15px; background-position: 95% center; background-size: 15px; font-size: 18px;}
	.kcap .mid .cnt1 .nav-box h2 a:hover{  background-position:95% center; background-size: 15px;}	
}


