@charset "utf-8";
:root{
	--gradient:linear-gradient(to bottom, #fff, #3af1dc);
	--primary:#00c3b8;
	--secondary:#0e2556;
}

*{ font-family: "Pretendard", 맑은 고딕, 微软雅黑, sans-serif;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #040c26;}
body{ overflow: hidden; -webkit-text-size-adjust: none; word-break: keep-all; font-weight: 200; letter-spacing: -0.5px; color: #fff;}


.popup{overflow: hidden; display: flex; justify-content: center; align-items: center; position: fixed; z-index: 200; top: 100%; right: 0; bottom: -100%;  left: 0; padding: 0 100px; background: rgba(0 0 0/70%); transition: opacity .5s; }
.popup .row{border-top-left-radius:20px; border-bottom-left-radius:20px; border-bottom-right-radius:5px;  border-top-right-radius:5px; overflow: hidden; position: relative; position: relative; z-index: 10; margin-top: 200px; max-width: 920px; width: 100%; max-height: 100%; background: #FFF; opacity: 0; transition: all .5s;}
.popup .row  i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0 0 0/50%); font-size: 15px; font-weight: 300; color: #FFF; cursor: pointer;}
.popup .row .body{ overflow: auto; max-height: 600px; border:2px solid #fff; border-top-left-radius:20px; border-bottom-left-radius:20px;}
.popup .row .body img{ display: block; margin: 0 auto; max-width: 100%; height: auto; padding-right:2px; }
.popup .close{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0 0 0/0.00001%);}
.popup.on{ top: 0; bottom: 0; opacity: 1;}
.popup.on > .row{ margin: 0; opacity: 1;}
@media(max-width: 1025px){
    .popup .row .body{ max-height: 400px;}
}
@media(max-width: 1000px){
    .popup .row .body{ max-height: 700px;}
}
@media(max-width: 767px){
    .popup{ padding: 0 20px;}
	.popup .row .body {max-height:400px;}
    .popup .row  i{ top: 10px; right: 10px; width: 30px; height: 30px;}
}


.popup_login .row{ padding: 50px;}
.popup_login .row .logo{ display: block; margin: 0 auto 30px auto; height: 25px;}
@media(max-width: 767px){
    .popup_login .row{ padding: 30px;}
    .popup_login .row .logo{ width: auto; height: 30px;}
}


/* .scroll_top{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 100; right: 100px; bottom: 100px; width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(to bottom, #85c5e6, #FFF); cursor: pointer; opacity: 0; transform: translate(0,30px); transition: all .5s;}
.scroll_top i{ font-size: 30px; color: #000;}
.scroll_top.on{ opacity: 1; transform: translate(0,0);}
@media(max-width: 1400px){
  .scroll_top{ right: 50px; bottom: 80px;}
}
@media(max-width: 767px){
  .scroll_top{ right: 10px; bottom: 50px; width: 40px; height: 40px;}
  .scroll_top i{ font-size: 20px;}
} */

.floatginButton	{position: fixed; z-index: 100; right: 100px; bottom: 100px;width:162px;display:grid;gap:10px;opacity: 0;transition: all .5s;}	
.floatginButton .btn {border:0;background-color:transparent;}
.floatginButton .btn img {height:56px;}
.floatginButton .scroll_top {cursor: pointer;}
.floatginButton.on {opacity: 1;}
@media(max-width: 767px){
	.floatginButton {display:none;}
}


.header{ position: fixed; z-index: 100; top: 0; right: 0; left: 0;z-index: 200;}
.header .type_row{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 10;}
.header .logo { display: block; width: auto; height: 40px; cursor: pointer;}
.header .logo img{ display: block;height:33px;}
.header .menu ul{ display: flex;}
.header .menu ul li{ position: relative; margin: 0 0 0 60px;}
.header .menu ul li:before{ content: ""; display: block; position: absolute; top: 33px; left: -30px; width: 1px; height: 14px; background: rgba(255 255 255/50%);}
.header .menu ul li:first-child{ margin: 0;}
.header .menu ul li:first-child:before{ display: none;}
.header .menu ul li a{ display: flex; align-items: center; height: 80px; cursor: pointer;}
.header .menu ul li a p{ font-size: 18px; font-weight:700; color: #FFF;}
.header .menu ul li.on a p{color: #68cdff; }
.header .bg{ position: absolute; top: 0; right: 0; left: 0; height: 80px; background: rgba(0 0 0/50%); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; transition: all .5s;}
.header.on .bg{ opacity: 1;}
@media(max-width: 1025px){
	.header .menu ul li{ margin: 0 0 0 40px;}
	.header .menu ul li:before{ left: -20px;}
	.header .menu ul li a p{ font-size: 16px;}
}
@media(max-width: 767px){
	.header .logo{ height: 20px;}
	.header .menu ul li{ margin: 0 0 0 18px;}
	.header .menu ul li:before{ content: ""; display: block; position: absolute; top: 20px; left: -9px; height: 10px;}
	.header .menu ul li a{ height: 50px;}
	.header .menu ul li a p{ font-size: 10px;}
	.header .bg{ height: 50px;}
	.header .logo img{ padding-top:3px;height:25px;}
	.header .logo1 img{ padding-top:3px;height:25px;}
}


/* .bg1 {background-color:#040c26;} */
@media(max-width: 1400px){
  /* .bg1{ background: url(../../images/bg1.jpg) no-repeat top -50px center;} */
}
@media(max-width: 767px){
  /* .bg1{ background: url(../../images/bg1.jpg) no-repeat top 100px center; background-size: 600px auto;} */
}


.visual	{height:100vh;min-height:700px;text-align: center;}
.visual .type_row {position:relative;padding: 170px 0 230px 0;z-index:100;}
.visual .type_row .t1{ 
	line-height: 1; font-size:38px; font-weight:600;
	background:var(--gradient);
	background-size:100% 100%;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	color:transparent;
}
.visual .type_row .t2{ padding: 0px 0 25px 0; line-height: 1.3; font-size: 64px; font-weight: 800; color: #defffe;}
.visual .type_row .t3{ line-height: 1; font-size: 35px; color: #cbe9ff;}
.visual .type_row .t4{ line-height: 1.5; font-size: 25px; font-weight: 400; color: #99dbff; padding:110px 0 15px 0; }

.visual .type_row .btn{ padding: 30px 0 0 0;text-align: center;}
.visual .type_row .btn a{ display: inline-flex; justify-content: center; align-items: center;width: 290px; height: 56px; border-radius:100vw; background: linear-gradient(to top, #3af1dc, #FFF); cursor: pointer;}
.visual .type_row .btn a p{ font-size:24px; font-weight:700; color: var(--secondary);}
.visual .type_row .btn a i{ margin: 0 0 0 10px; font-size: 20px; font-weight: 700; color: #0e2556;}

.deadline-area{
	margin-top:25px;
	.countdown-title{
		font-size:20px;
		font-weight:600;
		color:#FFF;
	}
	.countdown{
		margin-top:15px;
		position:relative;
		display:flex;
		justify-content: center;
		gap:15px;
	}	
	.countdown span{
		position:relative;
		width:83px;height:83px;
		background:url("../images/count_box.svg") no-repeat center center;
		background-size:100% 100%;
		font-size:40px;
		line-height:60px;
		font-weight:600;
		color:#fff;
	}
	.countdown span:before{
		content:attr(date-text);
		display:block;
		position:absolute;
		top:54px;left:0;
		width:100%;
		font-size:14px;
		line-height:16px;
		color:#fff;
		text-align:center;
	}
}

.pt, .ani {
	position:absolute;
	background-position:left top;
	background-repeat:no-repeat;
}

.kv-wrap{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background:url("../images/kv_bg.jpg") no-repeat center center;
	background-size:cover;
	overflow:hidden;
	.kv-inner {
		position:absolute;
		top:0;left:0;
		width:100%;height:100%;
	}
	.kv-bottom {
		bottom:0;left:50%;
		transform:translate(-50%,0);
		width:100%;height:248px;
		background-image:url("../images/kv_bottom.png");
		background-size:100% 100%;
		z-index:20;
	}
	.kv-building {
		bottom:0;left:calc(50% - 222.5px);
		width:445px;height:431px;
		background-image:url("../images/kv_building.png");
		background-size:100% 100%;
		animation: upMotion 1s both;
	}
	.kv-line {
		bottom:115px;left:calc(50% - 385px);
		width:793px;height:341px;
		background-image:url("../images/kv_line.png");
		background-size:100% 100%;
		mix-blend-mode:overlay;
		animation: upMotion 1s 0.2s both;
	}
	.kv-round {
		bottom:0;left:calc(50% - 281px);
		width:533px;height:507px;
		background-image:url("../images/kv_round.png");
		background-size:100% 100%;
		animation: upMotion 1s 0.4s both;
	}
	.kv-wind {
		bottom:120px;left:calc(50% - 306px);
		width:612px;height:372px;
		background-image:url("../images/kv_wind.png");
		background-size:100% 100%;
		animation: upMotion 1s 0.6s both;
	}
	.kv-light {
		bottom:-232px;left:calc(50% - 631px);
		width:1272px;height:770px;
		background-image:url("../images/kv_light_01.png");
		background-size:100% 770px;
		z-index:30;
		animation: zoomMotion 0.6s 1.0s both;
	}
	.kv-car {
		bottom:66px;left:calc(50% - 99px);
		width:198px;height:146px;
		background-image:url("../images/kv_car.png");
		background-size:100% 100%;
		z-index:50;
		animation: zoomMotion 1.5s 1.2s both;
	}
	.kv-cover {
		bottom:0;left:0;
		width:100%;height:100%;
		background-image:url("../images/kv_cover_01.png");
		background-size:100% 100%;
		z-index:40;
	}
	.kv-cover1 {
		bottom:0;left:0;
		width:100%;height:100%;
		background-image:url("../images/kv_cover.png");
		background-size:100% 100%;
		z-index:30;
	}
}

@keyframes upMotion {
	0% {transform:translate(0,100%);}
	100% {transform:translate(0,0);}
}

@keyframes zoomMotion {
	0% {
		transform:scale(0);
		transform-origin:center center;
	}
	100% {
		transform:scale(1);
		transform-origin:center center;
	}
}

@media(max-width: 1025px){
	.visual .type_row .t1{ font-size: 30px;}
	.visual .type_row .t2{ font-size: 40px;}
}
@media(max-width: 767px){
	.visual .type_row{ padding: 70px 0 50px 0;}
	.visual .type_row .t1{ font-size: 23px;}
	.visual .type_row .t2{ padding: 15px 0 20px 0; line-height: 1.3; font-size:28px;}
	.visual .type_row .t3{ line-height: 1; font-size: 35px; color: #cbe9ff;}
	.visual .type_row .t4{ line-height: 1.6; font-size: 15px; font-weight: 400; color: #99dbff; padding:30px 0 15px 0;}
	.visual .type_row .btn { padding: 20px 0 0 0;}
	.visual .type_row .btn a{ position: relative; margin: 10px 0 0 0; width:250px; height: 45px;}
	.visual .type_row .btn a p{ font-size: 16px;}
	.visual .type_row .btn a i{ display: flex; align-items: center; position: absolute; top: 0; right: 15px; bottom: 0; margin: 0; font-size: 16px;}
	.kv-wrap {
		background-size:auto 50%;
		background-position:center bottom;
	}
	.kv-inner {
		transform: scale(0.5);
		transform-origin: center bottom;
	}
	.kv-bottom,
	.kv-cover,
	.kv-cover1 {
		left:50% !important;
		width:1000px !important;
		background-position:center center;
		/* background-size:cover !important; */
		transform:translateX(-50%);
	}
	.deadline-area {
		.countdown {
			span {
				width:55px;
				height:55px;
				font-size:24px;
				line-height:40px;
				&:before {
					top:33px;
					font-size:11px;
				}
			}
		}
		.countdown-title {font-size: 14px;}
	}
}


.item01 {display:none;}
.item01 .type_row{ padding: 50px; border-radius: 20px; background: linear-gradient(130deg, #7fcaf3, #115ca9, #0e2a5e); box-shadow: 0 10px 30px 0 rgba(0 0 0/30%);}
.item01 .type_row .head{ text-align: center; line-height: 1; font-size: 40px; font-weight: 400; color: #FFF;}
.item01 .type_row .body{ position: relative; margin: 50px 0 0 0; padding: 0 0 0 240px;}
.item01 .type_row .body img{ display: block; position: absolute; z-index: 10; top: -30px; left: -100px;}
.item01 .type_row .body .br ul li{ position: relative; padding: 0 0 20px 150px;}
.item01 .type_row .body .br ul li .tit{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 130px; height: 40px; border-radius: 20px; border: 2px solid #68cdff; font-size: 20px; font-weight: 300; color: #68cdff;}
.item01 .type_row .body .br ul li .t1{ line-height: 40px; font-size: 20px; font-weight: 300; color: #FFF;}
.item01 .type_row .body .br ul li .t2{ font-size: 18px; color: rgba(255 255 255/70%);}
.item01 .type_row .body .br .btn{ display: flex; justify-content: center; align-items: center; position: relative; height: 60px; border-radius: 30px; background: linear-gradient(to top, #85c5e6, #FFF); cursor: pointer;}
.item01 .type_row .body .br .btn p{ font-size: 22px; font-weight: 500; color: transparent; background: linear-gradient(180deg, #0e89cc, #0b4b9e); background-clip: text; -webkit-background-clip: text;}
.item01 .type_row .body .br .btn i{ display: flex; align-items: center; position: absolute; top: 0; right: 20px; bottom: 0; font-size: 22px; color: transparent; background: linear-gradient(180deg, #0e89cc, #0b4b9e); background-clip: text; -webkit-background-clip: text;}
@media(max-width: 1025px){
	.item01 .type_row .head{ line-height: 1.3; font-size: 30px;}
	.item01 .type_row .body{ padding: 0;}
	.item01 .type_row .body img{ top: -50px; left: initial; right: -80px; width: auto; height: 160px;}
}
@media(max-width: 767px){
	.item01{ padding: 130px 0 0 0;}
	.item01 .type_row{ position: relative; padding: 30px; border-radius: 10px;}
	.item01 .type_row .head{ position: absolute; z-index: 10; top: -80px; left: 0;  text-align: left; line-height: 25px; font-size: 20px; font-weight: 500 !important; color: transparent; background: linear-gradient(170deg, #FFF, #91dfff); background-clip: text; -webkit-background-clip: text;}
	.item01 .type_row .body{ margin: 0;}
	.item01 .type_row .body img{ top: -90px; right: -30px; height: 80px;}
	.item01 .type_row .body .br ul li{ padding: 0 0 20px 90px;}
	.item01 .type_row .body .br ul li .tit{ width: 80px; height: 30px; font-size: 14px;}
	.item01 .type_row .body .br ul li .t1{ line-height: 30px; font-size: 14px;}
	.item01 .type_row .body .br ul li .t2{ font-size: 13px;}
	.item01 .type_row .body .br .btn{ height: 45px;}
	.item01 .type_row .body .br .btn p{ font-size: 16px;}
	.item01 .type_row .body .br .btn i{ font-size: 16px;}
}


.item02{ padding: 165px 0 0;text-align:center;background:url(../images/item2_bg.png) no-repeat center top 60px / auto 331px;}
.item02 .type_row .head	{font-size:35px;font-weight:800;
	background:var(--gradient);
	background-size:100% 100%;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	color:transparent;
}
.item02 .type_row .head .tit{ font-size: 35px; font-weight: 500; color: transparent; background: linear-gradient(170deg, #FFF, #91dfff); background-clip: text; -webkit-background-clip: text;}
.item02 .type_row .body { padding: 25px 0 0 0;  line-height:40px; font-size: 26px; color: #FFF;}
@media(max-width: 767px){
	.item02{ padding: 40px 0;background-position:center top;background-size:auto 155px;}
	.item02 .type_row .head {margin-bottom:15px;font-size: 20px;}
	.item02 .type_row .body{padding-top:0;font-size: 14px;line-height:20px;}
}


.item03{ 
	position:relative;
	padding: 100px 0 140px 0;
	background-image:linear-gradient(to bottom, #040c26, #004a55);
}
.item03:before {
	content:"";
	display:block;
	position:absolute;
	bottom:0;left:0;
	width:100%;
	height:100%;
	background:url("../images/item03_bg.png") no-repeat center bottom / auto 510px;
	mix-blend-mode: overlay;
}
.item03 .type_row .list{padding: 70px 110px; border-radius: 20px; background:linear-gradient(-55deg,#e8fff9,#fff);}
.item03 .type_row .list li .row{ position: relative; padding: 50px 0 50px 0;}
.item03 .type_row .list li .row .head .hl .t1{ font-size: 32px; font-weight: 800;color:#3e3f40;}
.item03 .type_row .list li .row .head .hl .t2{ padding:10px 0 0 0; font-size: 18px; font-weight: 400; color: var(--primary);}
.item03 .type_row .list li .row .img{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; transform: translate(0,-50%); right: 0; width: 130px; height: 130px; border-radius: 50%; background: linear-gradient(180deg, #e7f8ff, #e4f8ff);}
.item03 .type_row .list li .row .img img{ display: block;}
.item03 .type_row .list li .row .text{ margin: 20px 0 0 0;}
.item03 .type_row .list li .row .text p{ position: relative; padding: 5px 0 5px 90px; line-height: 1.2; font-size: 21px; color: #3e3f40;font-weight: 400;}
.item03 .type_row .list li .row .text p span{ position: absolute; top: 5px; left: 0; line-height: 1.2; font-size: 20px; font-weight: 600; color: #3e3f40;}
.item03 .type_row .list li .row .btn{ display: flex; margin-top:20px;gap:25px;}
.item03 .type_row .list li .row .btn a { display: flex; justify-content: center; align-items: center; position: relative;width:225px; height: 55px; border-radius: 100vw; background: linear-gradient(180deg, #87e7dc, #40dccb);}
.item03 .type_row .list li .row .btn a p{ font-size: 20px; font-weight: 500; color: #FFF;}
.item03 .type_row .list li .row .btn a i{ display: flex; align-items: center; position: absolute; top: 0; right: 20px; bottom: 0; font-size: 20px; color: #FFF;}
.item03 .type_row .list li .row .btn a:nth-child(2){ border: 1px solid var(--primary); background: #FFF;}
.item03 .type_row .list li .row .btn a:nth-child(2) p{ color:var(--primary);}
.item03 .type_row .list li .row .btn a:nth-child(2) i{ color:var(--primary);}

@media(max-width: 1025px){
  .item03 .type_row .list{ padding: 50px;}
}
@media(max-width: 767px){
	.item03{ padding: 50px 0 50px 0; background: none;}
	.item03 .type_row .head{ font-size: 20px;}
	.item03 .type_row .list{ margin: 0; padding:0; border-radius: 0; background: none;}
	.item03 .type_row .list li{ margin: 15px 0 0 0;}
	.item03 .type_row .list li .row{ padding: 20px 30px; border-radius: 10px; background: #FFF;}
	.item03 .type_row .list li .row .head{ display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0 20px 0; border-bottom: 1px solid #DDD;}
	.item03 .type_row .list li .row .head .hl .t1{ font-size: 20px;}
	.item03 .type_row .list li .row .head .hl .t2{ padding: 5px 0 0 0; font-size: 11px;}
	.item03 .type_row .list li .row .img{ display: block; position: initial; transform: translate(0,0); width: auto; height: auto; background: none;}
	.item03 .type_row .list li .row .img img{ width: auto; height: 30px;}
	.item03 .type_row .list li .row .text{ margin: 15px 0 0 0;}
	.item03 .type_row .list li .row .text p{ padding: 5px 0 5px 70px; font-size: 13px;}
	.item03 .type_row .list li .row .text p span{ font-size: 13px;}
	.item03 .type_row .list li .row .btn{ margin: 15px 0 0;gap:15px;}
	.item03 .type_row .list li .row .btn a{ margin: 0; width: 100%; height:30px;}
	.item03 .type_row .list li .row .btn a p{ font-size: 13px;}
	.item03 .type_row .list li .row .btn a i{ right: 10px; font-size: 13px;}
}

.item04{ overflow: hidden; padding: 120px 0 200px 0;background-color:#66e2d4;}
.item04 .type_row .menu{ margin: 20px -5px 0 -5px;}
.item04 .type_row .menu ul{ display: flex; flex-wrap: wrap;}
.item04 .type_row .menu ul li{ margin: 10px 0 0 0;}
.item04 .type_row .menu ul li a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; padding: 0 50px; height: 57px; border-radius: 30px; border: 1px solid #FFF; font-size: 24px; font-weight: 700; color: #FFF; cursor: pointer;}
.item04 .type_row .menu ul li.on a{ border: 0;  background: linear-gradient(180deg, #FFF, #a1fff1); color: #0e2556; font-weight:700;}
.item04 .type_row .team{ margin: 60px 0 0 0; position: relative; height: 420px;}
.item04 .type_row .team .rolling{ position: absolute; top: 0; right: -15px; left: -15px;}
.item04 .type_row .rolling .slick-list{ overflow: visible;}
.item04 .type_row .rolling .slide a{ display: flex; flex-direction: column; align-items: center; margin: 0 15px; padding: 30px 0; min-height: 420px; border-radius: 20px; box-shadow: 0 10px 30px 0 rgba(0 0 0/10%); transition: all .3s; cursor: pointer;}
.item04 .type_row .rolling .slide a.team1_bg{ background: linear-gradient(160deg, #FFF, #aafaf1);}
.item04 .type_row .rolling .slide a.team1_bg .t1{ color:#00c3b8;}
.item04 .type_row .rolling .slide a.team2_bg{ background: linear-gradient(160deg, #FFF, #90eef6);}
.item04 .type_row .rolling .slide a.team2_bg .t1{ color:#019dbf;}
.item04 .type_row .rolling .slide a.team3_bg{ background: linear-gradient(160deg, #FFF, #a8fcdd);}
.item04 .type_row .rolling .slide a.team3_bg .t1{ color:#00b976;}
.item04 .type_row .rolling .slide a.team4_bg{ background: linear-gradient(160deg, #FFF, #aafaf1);}
.item04 .type_row .rolling .slide a.team4_bg .t1{ color:#00c3b8;}
.item04 .type_row .rolling .slide a img{ display: block;}
.item04 .type_row .rolling .slide a .t1{ padding: 20px 0 10px 0; text-align: center; font-size: 23px; font-weight:700;}
.item04 .type_row .rolling .slide a .t2{ text-align: center; font-size: 23px; font-weight: 600; color: #000;}
.item04 .type_row .rolling .slide a:hover{ box-shadow: 0 50px 100px 0 rgba(0 0 0/50%);}
.item04 .type_row .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: -10px; transform: translate(0,-50%); width: 50px; height: 50px; border-radius: 50%; background: #050e2f; font-size: 20px; color: #FFF; cursor: pointer;}
.item04 .type_row .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -10px; transform: translate(0,-50%); width: 50px; height: 50px; border-radius: 50%; background: #050e2f; font-size: 20px; color: #FFF; cursor: pointer;}

.item04 .type_row .team > div .rolling{ top: 800px;}
.item04 .type_row .team > div.on .rolling{ top: 0;}

.item04 .type_row .copy{ padding: 120px 0 30px 0; text-align: center; font-size: 15px; color: #FFF;}
@media(max-width: 767px){
	.item04{ padding: 50px 0 80px;}
	.item04 .type_row .head{ font-size: 20px;}
	.item04 .type_row .menu{ margin: 15px -5px 0 -5px;}
	.item04 .type_row .menu ul li{ width: 33.333%;}
	.item04 .type_row .menu ul li:nth-child(4){ width: 50%;}
	.item04 .type_row .menu ul li:nth-child(5){ width: 50%;}
	.item04 .type_row .menu ul li a{ padding: 0; height: 40px; font-size: 14px;}
	.item04 .type_row .team{ margin: 25px 0 0 0; height: 270px;}
	.item04 .type_row .team .rolling{ right: -7.5px; left: -7.5px;}
	.item04 .type_row .rolling .slide a{ margin: 0 7.5px; padding: 20px 0; min-height: 270px; border-radius: 10px;}
	.item04 .type_row .rolling .slide a img{ width: auto; height: 150px;}
	.item04 .type_row .rolling .slide a .t1{ font-size: 14px;}
	.item04 .type_row .rolling .slide a .t2{ font-size: 12px;}
	.item04 .type_row .rolling .xi-angle-left{ width: 40px; height: 40px; font-size: 16px;}
	.item04 .type_row .rolling .xi-angle-right{ width: 40px; height: 40px; font-size: 16px;}
	.item04 .type_row .copy{ padding: 60px 0 30px 0; font-size: 12px;}
}


.item05 {padding: 150px 0 0 0;background: url(../images/jd_bg.png) no-repeat center bottom / contain;}
.item05 .body {padding:60px;border-radius:20px;background:linear-gradient(-55deg,#e8fff9,#fff);}
.item05 .body img{max-width:100%;}
@media(max-width: 767px){
	.item05 {padding-top:60px;}
	.item05 .body{padding:0;background:none;}
}

.item06 { padding: 100px 0 0 0;}
.item06 .type_row .head{ display: flex; justify-content: space-between; align-items: center;}
.item06 .type_row .head .more{ display: flex; align-items: center; cursor: pointer;}
.item06 .type_row .head .more p{ font-size: 20px; font-weight: 700; color: #00c3b8;}
.item06 .type_row .head .more i{ margin: 0 0 0 10px; color: #00c3b8;}
.item06 .type_row .body{line-height: 1.6; font-size: 23px; color: #FFF;}
@media(max-width: 767px){
	.item06{ padding: 50px 0 0;}
	.item06 .type_row .head {margin-bottom:15px;}
	.item06 .type_row .head .more p{ font-size: 15px;}
	.item06 .type_row .body{ padding: 0 0 0 0; font-size: 13px;}
}

.type_full{ padding-right: 100px; padding-left: 100px;}
.type_row{ margin: 0 auto; max-width: 950px; width: 100%;}
.type_brpc{ display: block;}
.type_brm{ display: none;}
@media(max-width: 1400px){
    .type_full{ padding-right: 50px; padding-left: 50px;}
    .type_sub{ padding: 0 0 0 250px;}
}
@media(max-width: 1025px){
    .type_sub{ padding: 0;}
}
@media(max-width: 767px){
    .type_full{ padding-right: 15px; padding-left: 15px;}
    .type_brpc{ display: none;}
    .type_brm{ display: block;}
}

.section_div_recruit {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	height: auto;
	padding: 0 12px;
}

.section_div_recruit li {
	display: inline-block;
  padding-right:31px;
}
.section_div_recruit li:last-child {	
    padding-right:0px;	
}


.section_div_recruit li>img {
	display: block;
	max-width: 100%;  
	height: auto;    
}

.section_div_recruit img.imgpc {
	display: block;
}
.section_div_recruit img.imgmo {
	display: none;
}

.section_div_recruit .imgpc {
	display: block;
}
.section_div_recruit .imgmo {
	display: none;
}

.list_type1 { display: table; table-layout: fixed; width: 100%; border-top: 1px solid #ddd; height:75px;}
.list_type1 > li { display: table-row;  }
.list_type1 > li > * { display: table-cell; border-bottom:1px solid #ddd; text-align: center;  vertical-align: middle;}

.section_board {background:#fff; border-radius:30px; padding: 20px 50px;}
.section_board .total { padding: 40px 0 ; font-size: 17px; color: #333}
.section_board .total span { padding: 0 7px 0 4px}
.section_board .list_type1 > li > * > * { vertical-align: middle;}
.section_board .list_type1 > li > .category { width: 10%; color: #e94746}
.section_board .list_type1 > li > .title { padding: 0 17px; text-align: left; width: 46.73%;}
.section_board .list_type1 > li > .title a { display:  block; padding: 0px 0 7px 0px; text-overflow: ellipsis; overflow: hidden; font-weight:400; color:#000; } /* white-space: nowrap;*/
.section_board .list_type1 > li > .status { width: 10%;}
.section_board .list_type1 > li > .status p { padding: 11px 0; color:#e94746; border-radius: 7px; border: 2px solid #e94746; box-sizing: border-box; font-weight: 500}
.section_board .list_type1 > li > .status p.end { padding: 11px 0; color:#808080; border-radius: 7px; border: 2px solid #808080; box-sizing: border-box; font-weight: 500}
.section_board .list_type1 > li > div .date {color:#666;font-size:0.9rem;}
.section_board .h_type1 { padding: 80px 0 35px}


.section_board .wrap_paging { padding: 40px 50px}

.paging_type1 { display: table; margin: 0 auto;}
.paging_type1::after { content: ""; display: block; clear: both;}
.paging_type1 li { float: left;}
.paging_type1 li ~ li { margin-left: 5px}
.paging_type1 li a {border-radius:5px; display: block; display: block; width: 60px; height:50px; line-height: 48px; border: 1px solid #ddd; color: #333; font-size: 14px; text-align: center; box-sizing: border-box;}
.paging_type1 li a:hover, .paging_type1 li.on a { background: #1755a3; color: #fff; border-color: #1755a3; transition: all .3s;}


@media(max-width: 767px){

.section_board {padding: 20px 15px;}
.section_board .h_type1 { padding: 20px 0 0px;}
.section_board .total { padding: 20px 0;font-size: 17px; color: #333;}
.list_type1 > li > * { padding-top: 1vw !important; padding-bottom: 1vw !important; font-size: 3.2vw}
.section_board .list_type1 > li > .title { padding: 0 1.5vw }
.section_board .list_type1 > li > .title a { padding: 1.5vw 0; font-size:2.9vw; line-height:3.9vw;}
.section_board .list_type1 > li > .date {font-size:0.6rem; }
.section_board .list_type1 > li > div .date {color:#666;font-size:0.7rem;}
.section_board .h_type1 img{ padding: 0px 0 0px; width:100px;}

.section_board .wrap_paging { padding: 40px 0px}
.paging_type1 li a { display: block; display: block; width: 48px; height:30px; line-height: 30px; border: 1px solid #ddd; color: #333; font-size: 11px; text-align: center; box-sizing: border-box;}

}

.type_row > .head {
	margin-bottom:50px;
}
.type_row .head .tit  {
	font-size:35px;font-weight:800;
	background:var(--gradient);
	background-size:100% 100%;
	background-clip:text;
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	color:transparent;
}

@media(max-width: 767px){
	.type_row > .head {margin-bottom:25px;}
	.type_row .head .tit {font-size:20px;}
	
	footer .copy {height:35px !important;font-size:10px;}
}

footer {background-color:#66e2d4;}
footer .copy {display:flex;justify-content:center;align-items:center;height:80px;background-color:rgba(235, 235, 235,0.2);}

.view-pc {display:block;}
.view-mo {display:none;}

@media(max-width: 767px){
	.view-pc {display:none;}
	.view-mo {display:block;}
}