.kv{width:100%;}
.kv__slick .slick-slide {position:relative;}
.kv__content{position:absolute;top:50%;left:50%;transform: translate(-50% , -50%);text-align:center;text-shadow: #000 1px 1px 5px;}
.kv__content--subtitle{font-size:36px;color:#fff;line-height:1.3em;;}
.kv__content--title{font-size:64px;color:#fff;font-weight:bold;line-height:1.3em}
.kv__content--title br { display:none }
.kv__content--eng{font-size:22px;font-weight:200;color:#ffffff;}
.kv__content--date{font-size:18px;font-weight:500;color:#fff;line-height:1.8em}
.kv__content--btn{width:200px;height:54px;background:rgba(0,0,0,0.8);margin:50px auto 0;}
.kv__content--btn a{display:block;width:200px;height:54px;font-size:15px;font-weight:bold;color:#fff;line-height:54px;}
.kv .slick-next{right: calc(50% / 3);width:60px;height:60px;background:url(../images/main/gall_next.png) no-repeat;border-radius:30px;opacity: 0.3;box-shadow: 3px 0 10px #000000;}
.kv .slick-prev{left: calc(50% / 3);width:60px;height:60px;background:url(../images/main/gall_prev.png) no-repeat;border-radius:30px;opacity: 0.3;box-shadow: 3px 0 10px #000000;}

.kv__slick .slick-slide p.imgWrap {position: relative; height: 533px;}

@media (max-width: 820px) {
	.kv__slick .slick-slide p.imgWrap { height: 400px;}
}
@media (max-width: 560px) {
	.kv__slick .slick-slide p.imgWrap { height: 300px;}
}
@media (max-width: 400px) {
	.kv__slick .slick-slide p.imgWrap { height: 250px;}
}

.content{max-width:1320px;margin:60px auto 0;}

.both::after{content:'';display:block;clear: both;}

.business{float:left;width:50%;position:relative;}
.business .title{text-align:center;margin-bottom:30px;}
.business .title img {height:30px}
.business ul{text-align:center;font-size:0;}
.business ul li{display:inline-block;width:104px;}
.business ul li button{display:block;width:100%;height:47px;line-height:47px;padding:0;font-size:16px;color:#666;font-weight:600;letter-spacing:-0.7px;;}
.business ul li button.active{background:#940094;color:#fff}
.business__slick{margin-top:15px;text-align:center} 
.business__slick img{width:95%;}
.business__slick .slick-next{right:-2px;width:36px;height:36px;background:url(../images/main/gall_next.png) no-repeat;background-size:cover;border-radius:30px;opacity: 0.8;box-shadow: 3px 0 10px #000000;}
.business__slick .slick-prev{left:-20px;width:36px;height:36px;background:url(../images/main/gall_prev.png) no-repeat;background-size:cover;;border-radius:30px;opacity: 0.8;box-shadow: 3px 0 10px #000000;}

.tab{float:right;width:48.8%;}
.tab .title{text-align:center;}
.tab .title img {height:30px}
.tab__content {min-height:430px; padding:45px 40px 25px;background:#f2f2f2;position:relative;margin-top:42px;}
.tab__content > div{}
.tab__content > div h3{position:absolute;top:40px;/*transform: translateX(-50%);*/ width:25%; text-align:center;}
.tab__content > div h3 button{font-size:20px;color:#171616;font-weight:700;padding:0 0 5px;}
.tab__content > div.active h3 button{color:#940094;}

/* .tab__content > .notice h3{left:0;padding-left:10%}
.tab__content > .job h3{left:33.3%;padding-left:10%}
.tab__content > .tender h3 {left:66.6%;padding-left:10%} */
.tab__content > .notice h3 {left:40px; padding-left:0; }
.tab__content > .job h3 {left:calc(25% + 40px); padding-left:0}
.tab__content > .tender h3 {left:calc(50% + 40px); padding-left:0}


.tab__content > .job h3::after,
.tab__content > .tender h3::after {content:'';display:block;width:1px;height:20px;
background: #000;position:absolute;left:0;top:50%;margin-top:-10px;}

/* 20230328 */
.tab__content > div .more {display:none; position:absolute; right:40px; top:37px; width:34px; height:34px; background:#fff; border:0px solid #e5e5e5;}
.tab__content > div .more span {width:24px; height:24px; text-indent:-99999px;}
.tab__content > div .more span {display:block; position:absolute; top:50%; left:50%; width:14px; margin-top:-1px; margin-left:-7px; height:2px; background-color:#555; transition:all .3s ease;}
.tab__content > div .more span:after {content:''; display:block; position:absolute; top:50%; left:50%; width:2px; height:14px; margin-top:-7px; margin-left:-1px;background-color:#555;}
.tab__content > div.active .more {display:block;} 

.tab__content--list ul{display:none;padding-top:75px;}
.active .tab__content--list ul{display:block;}
.tab__content--list ul li{display:block;width:100%;padding-bottom:24px;}
/*.tab__content--list ul li a{display:block;overflow:hidden;font-size:16px;color:#000;}*/
.tab__content--list ul li a {display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; 
width:70%;font-size:16px;color:#000;}
.tab__content--list ul li a:hover,.tab__content--list ul li a:focus,.tab__content--list ul li a:active{color:#6e147f;}
.tab__content--list ul li span{float:right;;}

.linkbox{margin-top:35px;font-size:0;}
.linkbox a{display:inline-block;width:23.3%;margin-left:2.26%;padding:34px 0 30px 110px;font-size:22px;color:#000;line-height:24px;box-sizing: border-box;vertical-align:top;}
.linkbox a span{font-size:20px;line-height:1.2;display:block;font-weight:500;}
.linkbox a span strong {font-size:80%; font-weight:500;}
.linkbox a P{font-size:12px;display:block;color:#000;font-weight:400;opacity: 0.6;}
.linkbox a:first-child{margin-left:0;}
.linkbox a{border:1px solid transparent;transition:all 0.2s;}
/*  */
.linkbox__white{background:url(../images/main/hansan_ban01.png) no-repeat 28px center #ea5d9d; }
.linkbox__blue{background:url(../images/main/hansan_ban02.png) no-repeat 23px center #84cee2;}
.linkbox__orang{background:url(../images/main/hansan_ban03.png) no-repeat 28px center #f39600;}
.linkbox__green{background:url(../images/main/hansan_ban04.png) no-repeat 28px center #c6d800;}

.linkbox a:hover{border:1px solid #d5d3d8;background-color:#fff;}

.partners{margin:75px auto;width:calc(100% - 50px);position:relative;}
.partners .partners__slick{text-align:center;valign:middle;}
.partners .partners__slick .slick-slide{margin-left:0px;}
.partners .partners__slick img{max-width:100%;margin:0 auto;}
.partners .slick-next{right:-20px;width:11px;height:19px;background:url(../images/main/link_next.png) no-repeat;background-size:cover;border-radius:30px;opacity: 0.8;}
.partners .slick-prev{left:-20px;width:11px;height:19px;background:url(../images/main/link_prev.png) no-repeat;background-size:cover;;border-radius:30px;opacity: 0.8;}


@media all and (max-width:1250px) {
    .linkbox a {padding:3% 0 3% 7%;margin-left:2%;}
    .linkbox__white{background-size:25%;background-position:5% center;}
    .linkbox__blue{background-size:25%;background-position:5% center;}
    .linkbox__orang{background-size:25%;background-position:5% center;}
    .linkbox__green{background-size:25%;background-position:5% center;}

    .linkbox a span{font-size:1.3vw;}
    .linkbox a i{font-size:1vw;}
	
	.tab__content { min-height:370px; }
    .tab__content--list ul li a{font-size:16px;}
}

@media all and (max-width:1040px) {
    .kv .slick-next{right:10px;width:30px;height:30px;background-size:cover}
    .kv .slick-prev{left:10px;width:30px;height:30px;background-size:cover}
    
    .kv__content{width:70%;}
    .kv__content--subtitle{font-size:24px;}
    .kv__content--title{font-size:48px;}
    .kv__content--eng{font-size:14px;}
    .kv__content--date{font-size:12px;}
    .kv__content--btn{width:150px;height:45px;}
    .kv__content--btn a{width:150px;height:45px;font-size:13px;line-height:45px;}

	.content{margin:30px auto 0;}
    .business{float:none;width:100%;}
    .business .title{margin-bottom:5vw;}
	.business .title img {height:25px}

    .tab{float:none;width:98%;margin:30px auto 0;}
	.tab .title img {height:25px}

    .tab__content{min-height:auto; padding:25px 40px 25px; margin-top:5vw}
	.tab__content > div h3{top:30px;}
	.tab__content > div h3 button{font-size:16px;}
/* 	.tab__content > .notice h3,
	.tab__content > .job h3,
	.tab__content > .tender h3{padding-left:13%}
 */
 	/* 20230328 */
	.tab__content > div .more {top:28px; width:30px; height:30px;}
	.tab__content > div .more span {width:12px; margin-left:-6px; height:2px;}
	.tab__content > div .more span:after {width:2px; height:12px; margin-top:-6px;}


    .tab__content--list ul li{padding-bottom:15px}
    .tab__content--list ul li a{font-size:14px;}
	.tab__content--list ul li span{font-size:14px;}

    .business .slick-next{right:0;}
    .business .slick-prev{left:0;}
    .business__slick img{margin:0 auto;}

    .linkbox {width:98%;margin:35px auto 0;}
    .linkbox a {width:49%;margin-left:2%;padding:3% 0 3% 16%}
    .linkbox a span { line-height:1.3; font-size:15px;}
    .linkbox a i{font-size:1.7vw;}
    .linkbox a:nth-child(1),.linkbox a:nth-child(3){margin-left:0;}
    .linkbox a:nth-child(3),.linkbox a:nth-child(4){margin-top:2%;}

	.partners{margin:30px auto;}
}

@media all and (max-width:875px) {

    .kv__content--subtitle{font-size:20px;}
    .kv__content--title{font-size:34px;}
    .kv__content--eng{font-size:12px;}
    .kv__content--date{font-size:10px;}
    .kv__content--btn{width:150px;height:45px;}
    .kv__content--btn a{width:150px;height:45px;font-size:11px;line-height:45px;}
    
	/* .tab__content{padding:20px;} */
	.tab__content > div h3 button{font-size:15px;}
/* 	.tab__content > .notice h3,
	.tab__content > .job h3,
	.tab__content > .tender h3{padding-left:10%} */

	.tab__content > .job h3::after,
	.tab__content > .tender h3::after {height:18px;margin-top:-9px;}

	.linkbox {margin:20px auto 0;}
}

@media all and (max-width:500px) {
    .tab{margin:30px auto 0;}
    .kv__content--title {font-size:30px;}
	.kv__content--title br { display:block }
	.linkbox a span { line-height:1.3; font-size:13px; }
    .linkbox a:nth-child(1) span,.linkbox a:nth-child(4) span {margin-top:10px;}
    .linkbox a:nth-child(2) span,.linkbox a:nth-child(3) span {margin-top:3px;}
	.linkbox a { height:60px; }
	.linkbox a P { display:none }

	/* 20230328 */
	.tab__content {padding:25px 20px 25px;}
	.tab__content > .notice h3 {left:20px;}
	.tab__content > .job h3 {left:calc(25% + 20px);}
	.tab__content > .tender h3 {left:calc(50% + 20px);}	
	.tab__content > div .more {right:20px;}
	.tab__content--list ul {padding-top:65px;}

}

@media all and (max-width:420px) {

/* 	.tab__content > .notice h3{padding-left:8%}
	.tab__content > .job h3{padding-left:8%}
	.tab__content > .tender h3{padding-left:8%} */
	

	.tab__content--list ul li a {width:70%;font-size:13px;}
	.tab__content--list ul li span{font-size:13px;}

}

/*221223_main slide*/
.kv__slick .slick-slide p.imgWrap {
	height: 460px;
}
.kv__inner {
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	width: 890px;
	padding: 50px 0;
	max-width: 100%;
	height: 100%;
}
.kv__inner .kv__btn {
	position: absolute;
	bottom: 50px;
	left: 10px;
	display: block;
	width: 200px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	background: #000;
	color:#fff;
	margin: 50px auto 0;
}
.kv__inner img {
	max-width: 100%;
}
.kv__inner span {
	display: block;
	width: 180px;
	height: 32px;
	background: #aa0000;
	border-radius: 30px;
}
.kv__inner span img {
	margin: 0 auto;
}

@media (max-width: 1040px) {
	.kv__inner {
		padding: 50px 30px;
	}
	.kv__inner .kv__btn {
		left: 40px;
	}
}
@media (max-width: 820px) {
	.kv__inner {
		padding: 50px;
	}
	.kv__inner .kv__btn {
		left: 60px;
		width: 150px;
		height: 40px;
		line-height: 40px;
	}

	.kv__inner.slide03 img {
		width: 450px;
		height: auto;
	}
}
@media (max-width: 780px) {
	.kv__inner.slide02 img {
		width: 280px;
	}
}
@media (max-width: 740px) {
	.kv__inner.slide02 img {
		width: 230px;
	}
}
@media (max-width: 600px) {
	.kv__inner {
		padding: 50px 30px;
	}
	.kv__inner .kv__btn {
		left: 40px;
	}
}

@media (max-width: 560px) {
	.imgWrap {
		background-position: center !important;
	}
	.kv__inner {
		padding: 30px 40px;
	}
	.kv__inner .kv__btn {
		left: 50px;
		bottom: 30px;
	}
	.kv__inner.slide01 > img {
		width: 350px;
	}
	.kv__inner.slide01 span {width: 120px;  height: 21px; padding: 0;}
	.kv__inner.slide01 span img {width: 100px;}
	.kv__inner.slide02 img {
		width: 180px;
	}
	.kv__inner.slide03 img {
		width: 350px;
	}
}

@media (max-width: 480px) {
	.kv__inner {
		padding: 30px 20px;
	}
	.kv__inner.slide01 > img {
		width: 237.5px;
	}
	.imgWrap.slide02 {
		/*background-position:  right center !important;*/
		background: url('/images/main/ty2022_slide02_mo.png') no-repeat left center/cover !important;
	}

	.kv__inner.slide02 img {
		/*float: right;*/
	}
	.kv__inner.slide03 img {
		width: 282.5px;
	}
	.kv__inner .kv__btn {
		width: 120px;
		height: 35px;
		line-height: 35px;
		left: 50%;
		bottom: 20px;
		transform:translateX(-50%);
		font-size: 13px;
		background: rgba(0,0,0,0.8);
	}
}

@media (max-width: 820px) {
	.kv__slick .slick-slide p.imgWrap { height: 400px;}
}
@media (max-width: 560px) {
	.kv__slick .slick-slide p.imgWrap { height: 300px;}
}
@media (max-width: 400px) {
	.kv__slick .slick-slide p.imgWrap { height: 250px;}
}