#main_visual_mo {
	display:none;
}
@media (max-width: 991.98px) {
	#main_visual_mo {
		display:block;
	}
	#main_visual_pc {
		display:none;
	}
}
.main_visual {
	position:relative;
	overflow:hidden;
	padding-top:13rem;
}
.main_visual .swiper-slide{
	width:100% !important;
	position:relative;
	height:auto;
}
.main_visual .swiper-slide .item {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	background-size:cover !important;
}
.main_visual .swiper-slide .inner {
	position:relative;
	height:calc(100% - 5px);
	overflow:hidden;
	max-height: 65.6rem;
}
.main_visual .swiper-slide .inner > .img {
	width:100%;
	height:100%;
}
.main_visual .swiper-slide .inner > video{
	width:100%;
	/*
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	height:100%;*/
}
.main_visual .swiper-slide .item > .txt_box {
	position:absolute;
	left:50%;
	top:45%;
	width:100%;
	transform:translateX(-50%);
	text-align:center;
	color:#fff;
	z-index:10;
	opacity:0;
	transition:all 2s ease;
}
.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box {
	opacity:1;
	top:40%;
}
.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box p,
.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box h3 {
	font-size:7rem;
	font-weight:300;
	line-height:1.2;
}
.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box h3 {
	font-weight:700;
}
.main_visual .swiper-slide .item > .visual_bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:all 5s ease-in-out;
	transform:scale(1,1);
}
.main_visual .swiper-slide.swiper-slide-active .item > .visual_bg {
	transform:scale(1.05,1.05);
}
.main_visual .swiper-container .visual-button-next,
.main_visual .swiper-container .visual-button-prev {
	position:absolute;
	color:#fff;
	font-size:6rem;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
}
.main_visual .swiper-container .visual-button-prev {
	left:3rem;
}
.main_visual .swiper-container .visual-button-next {
	right:3rem;
}
@media (max-width: 991.98px) {
	.main_visual{
		padding-top:8rem;
	}
	.main_visual .swiper-slide{
		/*height:68rem;*/
		height:auto;
	}
	.main_visual .swiper-slide .inner > .img {
		width:100%;
		height:100%;
	}
	.main_visual .swiper-slide .inner > video{
		width:100%;
		height:auto;
	}
	.main_visual .swiper-slide .item > .txt_box {
		top:40%;
	}
	.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box {
		opacity:1;
		top:35%;
	}
	.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box p,
	.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box h3 {
		font-size:4rem;
	}
	.main_visual .swiper-container .visual-button-next,
	.main_visual .swiper-container .visual-button-prev {
		font-size:4rem;
		top:42%;
	}
	.main_visual .swiper-container .visual-button-prev {
		left:2rem;
	}
	.main_visual .swiper-container .visual-button-next {
		right:2rem;
	}
}
@media (max-width: 575.98px) {
	.main_visual .swiper-slide{
		/*height:48rem;*/
	}
	.main_visual .swiper-slide .item > .txt_box {
		top:40%;
	}
	.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box {
		opacity:1;
		top:35%;
	}
	.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box p,
	.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box h3 {
		font-size:3rem;
	}
	.main_visual .swiper-container .visual-button-next,
	.main_visual .swiper-container .visual-button-prev {
		font-size:3rem;
		top:41%;
	}
	.main_visual .swiper-container .visual-button-prev {
		left:1.5rem;
	}
	.main_visual .swiper-container .visual-button-next {
		right:1.5rem;
	}
}



/* 채용소식 */
.recruit-wrap {
	position:absolute;
	right:0;
	bottom:0;
	z-index:10;
	width:128rem;
}
.recruit-wrap p {
	color:#fff;
}
.recruit-wrap .flex {
	display:flex;
	box-sizing:border-box;
	border-top:1px solid rgba(255,255,255,0.5);
}
.recruit-wrap .flex .inner {
	width:25%;
	box-sizing:border-box;
	border-left:1px solid rgba(255,255,255,0.5);
}
.recruit-wrap .flex .inner.noData {
	width:75%;
}
.recruit-wrap .flex .inner.noData .in > p {
	display:flex;
	height:100%;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.recruit-wrap .flex .inner:first-child{
	border-left:0;
}
.recruit-wrap .flex .in {
	height:100%;
	color:#fff;
}
.recruit-wrap .flex .in > a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	color:#fff;
	font-size:1.8rem;
	padding:3rem;
	box-sizing:border-box;
}
.recruit-wrap .flex .in > a:hover {
	background:rgba(32,96,204,0.8);
}
.recruit-wrap .flex .in > a > .tit {
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.recruit-wrap .flex .in > a > .day {
	font-size:1.6rem;
	position:absolute;
	left:3rem;
	bottom:3rem;
	color:rgba(255,255,255,0.6);
}
.recruit-wrap .flex .in > .title {
	font-size:2.2rem;
	line-height:1.5;
	padding:3rem;
	box-sizing:border-box;
}
.recruit-wrap .flex .in > .title:hover {
	background:none;
}
.recruit-wrap .flex .in > .title p.tit {
	font-weight:600;
}
.recruit-wrap .flex .in > .title i {
	margin-top:2rem;
	font-size:3rem;
}
@media (max-width: 1280px) {
	.recruit-wrap {
		width:100%;
		right:auto;
		left:0;
	}
}
@media (max-width: 991.98px) {
	.recruit-wrap .flex .in > a {
		font-size:1.6rem;
		padding:2rem;
	}
	.recruit-wrap .flex .in > a > .day {
		font-size:1.4rem;
		left:2rem;
		bottom:2rem;
	}
	.recruit-wrap .flex .in > .title {
		font-size:2rem;
		padding:2rem;
	}
	.recruit-wrap .flex .in > .title i {
		font-size:2.4rem;
	}
}
@media (max-width: 767.98px) {
	.recruit-wrap .flex {
		display:flex;
		flex-wrap:wrap;
		box-sizing:border-box;
		border-top:0;
	}
	.recruit-wrap .flex .inner {
		width:33.3333%;
	}
	.recruit-wrap .flex .inner:first-child {
		width:100%;
		border-bottom:1px solid rgba(255,255,255,0.5);
	}
	.recruit-wrap .flex .inner:nth-child(2){
		border-left:0;
	}
	.recruit-wrap .flex .inner.noData {
		width:100%;
	}
	.recruit-wrap .flex .inner.noData .in > p {
		height:10rem;
	}
	.recruit-wrap .flex .in > .title {
		display:flex;
		align-items:center;
		width:auto;
		height:auto;
	}
	.recruit-wrap .flex .in > .title p {
		margin-right:0.5rem;
	}
	.recruit-wrap .flex .in > .title p.tit {
		font-weight:500;
	}
	.recruit-wrap .flex .in > .title i {
		margin-top:0;
	}
	.recruit-wrap .flex .in > a > .day {
		font-size:1.6rem;
		position:relative;
		left:0;
		bottom:0;
		margin-top:1rem;
		display:block;
	}
}
@media (max-width: 575.98px) {
	.recruit-wrap .flex .inner {
		width:50%;
	}
	.recruit-wrap .flex .inner:nth-of-type(4) {
		display:none;
	}
	.recruit-wrap .flex .inner.noData {
		display:flex;
		justify-content:center;
	}
	.recruit-wrap .flex .in > .title {
		font-size:1.6rem;
		padding:2rem 2rem 1rem;
	}
}


/* 메인컨텐츠 공통 */
#main_container section{
	position:relative;
	box-sizing:border-box;
	padding:15rem 0;
	overflow:hidden;
	letter-spacing:-1px;
}
#main_container .title h2 {
	font-size:11rem;
	font-weight:700;
	-webkit-text-stroke: 1px #aaa;
	color:rgba(255,255,255,0);
}
#main_container .title h3 {
	font-size:5rem;
	font-weight:300;
	margin-top:2rem;
}
#main_container .title h3 > b {
	font-weight:600;
}
#main_container .title p {
	font-size:1.8rem;
	line-height:1.6;
	color:#444;
	margin-top:6rem;
}
#main_container .title.white {
	background:none;
}
#main_container .title.white h2 {
	-webkit-text-stroke: 1px #fff;
}
#main_container .title.white h3,
#main_container .title.white p {
	color:#fff;
}
@media (max-width: 1280px) {
	#main_container .title h2 {
		font-size:8rem;
	}
	#main_container .title h3 {
		font-size:4rem;
	}
	#main_container .title p {
		margin-top:4rem;
	}
}
@media (max-width: 991.98px) {
	#main_container section{
		padding:8rem 0;
	}
	#main_container .title h2 {
		font-size:6rem;
	}
	#main_container .title h3 {
		font-size:3rem;
		margin-top:1rem;
	}
	#main_container .title p {
		margin-top:1rem;
	}
}
@media (max-width: 575.98px) {
	#main_container section{
		padding:4rem 0;
	}
	#main_container .title h2 {
		font-size:3.6rem;
	}
	#main_container .title h3 {
		font-size:2.6rem;
	}
	#main_container .title p {
		font-size:1.6rem;
	}
}



/* about */
#main_container .sec01 {
	padding:15rem 0 8rem;
}
#main_container .sec01 .flex {
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}
#main_container .sec01 .flex p {
	font-size:1.8rem;
	color:#444;
}
@media (max-width: 991.98px) {
	#main_container .sec01 {
		padding:8rem 0 4rem;
		overflow:hidden;
	}
	#main_container .sec01 .flex {
		display:block;
	}
	#main_container .sec01 .flex p {
		margin-top:1rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec01 {
		padding:4rem 0 2rem;
	}
}

/* sec02 */
#main_container .sec02 {
	background:#f2f5fa;
}
#main_container .sec02 .swiper-slide {
	height:100%;
}
#main_container .sec02 .flex {
	display:flex;
}
#main_container .sec02 .flex > div {
	width:50%;
}
#main_container .sec02 .flex > .img {
	position:relative;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}
#main_container .sec02 .flex > .img:before {
	content:"";
	position:absolute;
	width:72%;
	padding-bottom:72%;
	border-radius:50%;
	background:#fff;
	left:50%;
	top:0;
	transform:translateX(-50%);
}
#main_container .sec02 .flex > .img > img {
	width:100%;
	position:relative;
	z-index:1;
}
#main_container .sec02 .flex > .txt {
	box-sizing:border-box;
	padding:3rem;
}
#main_container .sec02 .flex > .txt p {
	font-size:1.8rem;
	color:#444;
}
#main_container .sec02 .flex > .txt p.year {
	font-size:6rem;
	font-weight:700;
	color:var(--main);
}
#main_container .sec02 .flex > .txt p.name {
	font-size:2.4rem;
	font-weight:700;
	color:#222;
	margin-top:1rem;
}
#main_container .sec02 .flex > .txt p.desc {
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
#main_container .sec02 .sec02-prev,
#main_container .sec02 .sec02-next {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:6rem;
	height:6rem;
	border-radius:50%;
	background:var(--main);
	color:#fff;
	font-size:3rem;
	z-index:10;
}
#main_container .sec02 .sec02-prev {
	left:-3rem;
}
#main_container .sec02 .sec02-next {
	right:-3rem;
}
@media (max-width: 1630px) {
	#main_container .sec02 .sec02-prev {
		left:1.5rem;
	}
	#main_container .sec02 .sec02-next {
		right:1.5rem;
	}
}
@media (max-width: 1199.98px) {
	#main_container .sec02 .flex > .txt {
		padding:2.5rem 3rem;
	}
	#main_container .sec02 .flex > .txt p.year {
		font-size:3.6rem;
	}
	#main_container .sec02 .flex > .txt p.name {
		margin-top:0;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec02 .flex {
		align-items:center;
	}
	#main_container .sec02 .flex > .img:before {
		top:50%;
		transform:translate(-50%, -50%);
	}
	#main_container .sec02 .flex > .txt {
		padding:3rem 4rem;
	}
	#main_container .sec02 .flex > .txt p {
		font-size:1.6rem;
	}
	#main_container .sec02 .flex > .txt p.year {
		font-size:3rem;
	}
	#main_container .sec02 .flex > .txt p.name {
		font-size:2rem;
	}
	#main_container .sec02 .sec02-prev,
	#main_container .sec02 .sec02-next {
		width:4rem;
		height:4rem;
		font-size:2rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec02 .flex > .img {
		width:40%;
	}
	#main_container .sec02 .flex > .img > img {
		width:90%;
	}
	#main_container .sec02 .flex > .txt {
		padding:2rem;
		width:60%;
	}
}

#main_container .sec02 .ctl-sec02 {
	position:relative;
}
#main_container .sec02 .ctl-sec02:before {
	content:"";
	position:absolute;
	width:100%;
	height:1px;
	background:#ddd;
	left:0;
	top:5rem;
}
#main_container .sec02 .ctl-sec02 .flex {
	max-width:120rem;
	margin:10rem auto 0;
	display:flex;
	flex-wrap:wrap;
}
#main_container .sec02 .ctl-sec02 .flex .in {
	flex:1;
}
#main_container .sec02 .ctl-sec02 .flex .in > a {
	position:relative;
	display:block;
	text-align:center;
	font-size:2.4rem;
	font-weight:700;
	color:#bbb;
	box-sizing:border-box;
	padding-top:7rem;
}
#main_container .sec02 .ctl-sec02 .flex .in > a.active,
#main_container .sec02 .ctl-sec02 .flex .in > a:hover{
	color:var(--main);
}
#main_container .sec02 .ctl-sec02 .flex .in > a.active:after {
	content: "\e92f";
	font-family:"xeicon";
	position:absolute;
	text-align:center;
	left:50%;
	top:0;
	transform:translateX(-50%);
}
@media (max-width: 991.98px) {
	#main_container .sec02 .ctl-sec02:before {
		top:4rem;
	}
	#main_container .sec02 .ctl-sec02 .flex {
		max-width:100%;
		margin:6rem auto 0;
	}
	#main_container .sec02 .ctl-sec02 .flex .in > a {
		font-size:1.8rem;
		padding-top:6rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec02 .ctl-sec02:before {
		top:0;
	}
	#main_container .sec02 .ctl-sec02:after {
		content: "\e92f";
		font-family:"xeicon";
		position:absolute;
		text-align:center;
		left:50%;
		top:-4rem;
		transform:translateX(-50%);
		font-size:2rem;
		color:var(--main);
	}
	#main_container .sec02 .ctl-sec02 .flex .in {
		flex:0 0 20%;
	}
	#main_container .sec02 .ctl-sec02 .flex .in > a {
		padding-top:2rem;
	}
	#main_container .sec02 .ctl-sec02 .flex .in > a.active:after {
		display:none;
	}
}


/* experience */
#main_container .sec03 {
	padding:0;
}
#main_container .sec03 .row > div[class^='col-'] {
	box-sizing:border-box;
	padding:15rem 0;
}
#main_container .sec03 .row > div[class^='col-'] > .inner {
	height:100%;
	display:flex;
	align-items:center;
}
#main_container .sec03 .row > .blue {
	position:relative;
	background:var(--main);
}
#main_container .sec03 .row > .blue:before {
	content:"";
	position:absolute;
	width:200%;
	height:100%;
	left:-100%;
	top:0;
	background:var(--main);
	z-index:-1;
}
#main_container .sec03 .row > .blue .title {
	position:relative;
	top:-5rem;
	background:none;
}
#main_container .sec03 .row .rt {
	width:100%;
	display:flex;
	justify-content:right;
}
#main_container .sec03 .row .rt > .in {
	width:70%;
	text-align:center;
}
#main_container .sec03 .row .rt > .in > .img {
	width:100%;
	padding-bottom:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
#main_container .sec03 .row .rt > .in > .txt > p {
	font-size:1.8rem;
	color:#444;
	margin-top:2rem;
}
#main_container .sec03 .row .rt > .in > .txt > .tit {
	font-size:3rem;
	font-weight:700;
	color:#222;
	margin-top:4rem;
}
#main_container .sec03 .row .rt > .in > .txt > .butn {
	margin-top:4rem;
}


@media (max-width: 1199.98px) {
	#main_container .sec03 .row .rt > .in {
		width:80%;
	}
}

@media (max-width: 991.98px) {
	#main_container .sec03 .row > div[class^='col-'] {
		padding:8rem 0;
	}
	#main_container .sec03 .row > .blue:before {
		width:300%;
	}
	#main_container .sec03 .row > .blue .title {
		top:0;
	}
	#main_container .sec03 .row .rt {
		display:block;
	}
	#main_container .sec03 .row .rt > .in {
		display:flex;
		align-items:center;
		width:100%;
		text-align:left;
	}
	#main_container .sec03 .row .rt > .in > .img {
		width:40%;
		padding-bottom:50%;
		background-position:center center;
	}
	#main_container .sec03 .row .rt > .in > .txt {
		width:60%;
		padding-left:4rem;
	}
	#main_container .sec03 .row .rt > .in > .txt > p {
		font-size:1.8rem;
		margin-top:1rem;
	}
	#main_container .sec03 .row .rt > .in > .txt > .tit {
		font-size:2.4rem;
		margin-top:0;
	}
	#main_container .sec03 .row .rt > .in > .txt > .butn {
		margin-top:2rem;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec03 .row .rt > .in {
		display:block;
	}
	#main_container .sec03 .row .rt > .in > .img {
		width:100%;
		padding-bottom:70%;
	}
	#main_container .sec03 .row .rt > .in > .txt {
		margin-top:2rem;
		width:100%;
		padding-left:0;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec03 .row > div[class^='col-'] {
		padding:4rem 0;
	}
}


/* network */
#main_container .sec05 {
	background:#0a367f;
}
#main_container .sec05 .row {
	align-items:center;
}
#main_container .sec05 .row > div[class^='col-']:nth-of-type(2){
	padding-left:5rem;
}
#main_container .sec05 .in-map {
	box-sizing:border-box;
	padding:0 10rem;
}
#main_container .sec05 .in-map .map {
	position:relative;
}
#main_container .sec05 .in-map .map .point {
	position:absolute;
	width:9.6rem;
	height:9.6rem;
	z-index:2;
}
#main_container .sec05 .in-map .map .won {
	position:absolute;
	transform:translate(-50%, -50%);
	width:2.5rem;
	height:2.5rem;
	border-radius:50%;
	box-sizing:border-box;
	border:0.7rem solid var(--sky);
	background:#fff;
	z-index:2;
}
#main_container .sec05 .in-map .map .point:before{
	content:"";
	position:absolute;
	width:9.6rem;
	height:9.6rem;
	transform:translate(-50%, -50%);
	border-radius:50%;
	background:rgba(40,177,255,0.35);
	z-index:1;
	animation:point 1s ease-in-out;
	animation-iteration-count:infinite;
}
@keyframes point {
	0% {width:2.5rem; height:2.5rem;}
	100% {width:9.6rem; height:9.6rem;}
}
#main_container .sec05 .in-map .map .point01 {
	left:20%;
	top:22%;
}
#main_container .sec05 .in-map .map .point02 {
	left:32%;
	top:28%;
}
#main_container .sec05 .in-map .map .point03 {
	left:58%;
	top:18%;
}
#main_container .sec05 .in-map .map .point04 {
	left:27%;
	top:44%;
}
#main_container .sec05 .in-map .map .point05 {
	left:68%;
	top:46%;
}
#main_container .sec05 .in-map .map .point06 {
	left:44%;
	top:60%;
}
#main_container .sec05 .in-map .map .point07 {
	left:54%;
	top:74%;
}
#main_container .sec05 .in-map .map .point08 {
	left:14%;
	top:64%;
}
#main_container .sec05 .in-map .map .point09 {
	left:14%;
	top:95.5%;
}
#main_container .sec05 .counts {
	margin-top:6rem;
	display:flex;
	align-items:center;
	text-align:center;
}
#main_container .sec05 .counts > .count:not(.count:last-child) {
	margin-right:9rem;
}
#main_container .sec05 .counts > .count > p {
	font-size:2rem;
	font-weight:500;
	color:var(--sky);
	margin-top:1rem;
}
#main_container .sec05 .counts > .count > p.num {
	font-size:7rem;
	font-weight:700;
	line-height:1;
	margin-top:0;
}
#main_container .sec05 .btnArea {
	margin-top:6rem;
}
#main_container .sec05 .btnArea > a {
	margin-right:2rem;
}

@media (max-width: 1340px) {
	#main_container .sec05 .row > div[class^='col-']:nth-of-type(2){
		padding-left:0;
	}
	#main_container .sec05 .counts > .count:not(.count:last-child) {
		margin-right:7rem;
	}
}
@media (max-width: 1280px) {
	#main_container .sec05 .counts {
		margin-top:4rem;
	}
	#main_container .sec05 .counts > .count:not(.count:last-child) {
		margin-right:6rem;
	}
	#main_container .sec05 .counts > .count > p {
		font-size:1.8rem;
		margin-top:0.5rem;
	}
	#main_container .sec05 .counts > .count > p.num {
		font-size:5rem;
	}
	#main_container .sec05 .btnArea {
		margin-top:4rem;
	}
	#main_container .sec05 .btnArea > a {
		margin-right:1rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec05 .in-map {
		padding:0 6rem 0 0;
	}
	#main_container .sec05 .in-map .map .point {
		width:6.6rem;
		height:6.6rem;
	}
	#main_container .sec05 .in-map .map .won {
		width:2rem;
		height:2rem;
		border:0.7rem solid var(--sky);
	}
	#main_container .sec05 .in-map .map .point:before{
		width:6.6rem;
		height:6.6rem;
	}
	@keyframes point {
		0% {width:2.5rem; height:2.5rem;}
		100% {width:6.6rem; height:6.6rem;}
	}
	#main_container .sec05 .counts {
		margin-top:3rem;
	}
	#main_container .sec05 .counts > .count:not(.count:last-child) {
		margin-right:4rem;
	}
	#main_container .sec05 .counts > .count > p {
		font-size:1.6rem;
	}
	#main_container .sec05 .counts > .count > p.num {
		font-size:4rem;
	}
	#main_container .sec05 .btnArea {
		margin-top:3rem;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec05 .row > div[class^='col-']:nth-of-type(1) .inner {
		text-align:center;
	}
	#main_container .sec05 .in-map {
		padding:0 10rem;
		display:inline-block;
		position:relative;
		margin:0 auto;
		text-align:left;
	}
	#main_container .sec05 .in-map .map .bg {
		text-align:center;
		display:inline-block;
	}
	#main_container .sec05 .in-map .map .bg > img {
		max-width:30rem;
	}
	#main_container .sec05 .in-map .map .point {
		width:4.6rem;
		height:4.6rem;
	}
	#main_container .sec05 .in-map .map .won {
		width:1.8rem;
		height:1.8rem;
		border:0.5rem solid var(--sky);
	}
	#main_container .sec05 .in-map .map .point:before{
		width:4.6rem;
		height:4.6rem;
	}
	@keyframes point {
		0% {width:2.5rem; height:2.5rem;}
		100% {width:4.6rem; height:4.6rem;}
	}
	#main_container .sec05 .row > div[class^='col-']:nth-of-type(2){
		margin-top:4rem;
	}
	#main_container .sec05 .row > div[class^='col-']:nth-of-type(2) .inner {
		text-align:center;
	}
	#main_container .sec05 .counts {
		justify-content:center;
		margin-top:2rem;
	}
	#main_container .sec05 .counts > .count:not(.count:last-child) {
		margin-right:0;
	}
	#main_container .sec05 .counts > .count {
		margin:0 3rem;
	}
}


/* community */
#main_container .sec06 .top {
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}
#main_container .sec06 .top .control {
	display:flex;
	align-items:center;
}
#main_container .sec06 .top .control > div {
	font-size:3rem;
	width:6rem;
	height:6rem;
	border-radius:50%;
	background:#f2f2f2;
	color:#222;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-left:1rem;
}
#main_container .sec06 .top .control > div:hover {
	background:var(--main);
	color:#fff;
}
#main_container .sec06 .event-swiper {
	margin-top:6rem;
}
#main_container .sec06 .event-swiper .swiper-slide {
	box-sizing:border-box;
	padding-bottom:3rem
}
#main_container .sec06 .event-swiper .swiper-slide > a {
	display:block;
	position:relative;
	box-shadow:10px 10px 20px rgba(0,0,0,0);
	transition:all 0.3s;
}
#main_container .sec06 .event-swiper .swiper-slide > a:before {
	content:"";
	position:absolute;
	width:100%;
	height:40%;
	left:0;
	bottom:0;
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 100%);
}
#main_container .sec06 .event-swiper .swiper-slide > a:hover {
	box-shadow:10px 10px 20px rgba(0,0,0,0.15);
}
#main_container .sec06 .event-swiper .swiper-slide > a:hover:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:5px solid var(--main);
}
#main_container .sec06 .event-swiper .swiper-slide > a > .img {
	width:100%;
	padding-bottom:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#main_container .sec06 .event-swiper .swiper-slide > a > .txt {
	position:absolute;
	left:3rem;
	bottom:3rem;
	width:calc(100% - 6rem);
	z-index:2;
	color:#fff;
	box-sizing:border-box;
	font-size:1.8rem;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

@media (max-width: 991.98px) {
	#main_container .sec06 .top .control > div {
		font-size:2rem;
		width:4rem;
		height:4rem;
		margin-left:0.5rem;
	}
	#main_container .sec06 .event-swiper {
		margin-top:3rem;
	}
	#main_container .sec06 .event-swiper .swiper-slide {
		padding-bottom:2rem
	}
	#main_container .sec06 .event-swiper .swiper-slide > a {
		box-shadow:5px 5px 10px rgba(0,0,0,0);
	}
	#main_container .sec06 .event-swiper .swiper-slide > a:hover {
		box-shadow:5px 5px 10px rgba(0,0,0,0.15);
	}
	#main_container .sec06 .event-swiper .swiper-slide > a:hover:after {
		border:4px solid var(--main);
	}
	#main_container .sec06 .event-swiper .swiper-slide > a > .txt {
		left:2rem;
		bottom:2rem;
		width:calc(100% - 4rem);
		font-size:1.6rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec06 .event-swiper {
		margin-top:1.5rem;
	}
}


#main_container .sec07 {
	padding:30rem 0 18rem;
	background:url('../_img/main/main_sec07_bg.jpg') no-repeat center center / cover;
}
#main_container .sec07 .txt-box {
	text-align:center;
	color:#fff;
}
#main_container .sec07 .txt-box h2 {
	font-size:7rem;
	font-weight:300;
	line-height:1.4;
}
#main_container .sec07 .txt-box h2 > b {
	font-weight:600;
}
#main_container .sec07 .txt-box > a {
	position:relative;
	margin:8rem auto 0;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	width:19rem;
	height:19rem;
	border-radius:50%;
	background:var(--main);
	color:#fff;
	font-size:2rem;
	font-weight:600;
}
#main_container .sec07 .txt-box > a > i {
	font-size:4rem;
}

@media (max-width: 1280px) {
	#main_container .sec07 {
		padding:20rem 0 12rem;
	}
}
@media (max-width: 1199.98px) {
	#main_container .sec07 {
		padding:12rem 0 8rem;
	}
	#main_container .sec07 .txt-box h2 {
		font-size:5rem;
	}
	#main_container .sec07 .txt-box > a {
		margin:3rem auto 0;
		width:16rem;
		height:16rem;
		font-size:1.8rem;
	}
	#main_container .sec07 .txt-box > a > i {
		font-size:3rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec07 {
		padding:8rem 0;
	}
	#main_container .sec07 .txt-box h2 {
		font-size:3rem;
	}
	#main_container .sec07 .txt-box > a {
		margin:2rem auto 0;
		width:12rem;
		height:12rem;
		font-size:1.6rem;
	}
	#main_container .sec07 .txt-box > a > i {
		font-size:2.4rem;
	}
}
@media (max-width: 575.98px) {
	#main_container .sec07 {
		padding:6rem 0;
	}
	#main_container .sec07 .txt-box h2 {
		font-size:2.4rem;
	}
	#main_container .sec07 .txt-box > a {
		width:10rem;
		height:10rem;
		font-size:1.4rem;
	}
	#main_container .sec07 .txt-box > a > i {
		font-size:2rem;
	}
}


/* product */
#main_container .sec04 {
	padding:0;
	overflow:hidden;
}
#main_container .sec04 .row {
	align-items:center;
}
#main_container .sec04 .row > div[class^='col-'] > .inner {
	height:96rem;
}
#main_container .sec04 .row > div[class^='col-']:nth-of-type(1) > .inner {
	display:flex;
	align-items:center;
}
#main_container .sec04 .category-list {
	position:relative;
	margin-top:6rem;
}
#main_container .sec04 .category-list:before {
	content:"";
	position:absolute;
	left:1px;
	top:0;
	width:1px;
	height:100%;
	background:#999;
}
#main_container .sec04 .category-list > a {
	position:relative;
	display:block;
	padding:0.2rem 0;
	padding-left:2.5rem;
	font-size:1.8rem;
	color:#444;
}
#main_container .sec04 .category-list > a:not(a:last-child){
	margin-bottom:1.5rem;
}
#main_container .sec04 .category-list > a > .num {
	display:inline-block;
	text-align:center;
	width:2.4rem;
	margin-right:2rem;
}
#main_container .sec04 .category-list > a.active {
	font-weight:600;
	color:#222;
}
#main_container .sec04 .category-list > a.active:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:3px;
	height:100%;
	background:#222;
}
#main_container .sec04 .prd-rt {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:right;
}
#main_container .sec04 .prd-rt:before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translateY(-50%);
	width:150rem;
	height:150rem;
	border-radius:50%;
	border:1px solid #eee;
}
#main_container .sec04 .rt {
	width:60%;
	height:100%;
}
#main_container .sec04 .product-container {
	width: 100%;
    height: 140%;
	position:relative;
	top:-20%;
}
#main_container .sec04 .product-container .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
	opacity:0.3;
}
#main_container .sec04 .product-container .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main_container .sec04 .product-container .swiper-slide .img-box {
	position:relative;
}
#main_container .sec04 .product-container .swiper-slide .img-box > .img {
	transform:scale(1);
	transition:all 0.3s;
}
#main_container .sec04 .product-container .swiper-slide .img-box > .txt {
	display:none;
}
#main_container .sec04 .product-container .swiper-slide.swiper-slide-active {
	opacity:1;
}
#main_container .sec04 .product-container .swiper-slide.swiper-slide-active .img-box > .img {
	position:relative;
	top:6rem;
	left:-48%;
	z-index:1;
	transform:scale(1.7);
}
#main_container .sec04 .product-container .swiper-slide.swiper-slide-active .img-box:before {
	content:"";
	position:absolute;
	left:-20%;
	top:50%;
	transform:translateY(-50%);
	width:47rem;
	height:47rem;
	border-radius:50%;
	background:var(--main);
}
#main_container .sec04 .product-name {
	position:absolute;
	right:4rem;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
}
#main_container .sec04 .product-name ul {
	list-style:none;
	padding-left:0;
}
#main_container .sec04 .product-name ul > li {
	font-size:2rem;
	font-weight:300;
	margin:1rem 0;
}
#main_container .sec04 .product-name ul > li.active {
	font-weight:600;
}
#main_container .sec04 .product-name ul > li > a {
	color:#444;
}
#main_container .sec04 .product-name ul > li.active > a {
	color:#222;
}
@media (max-width: 1199.98px) {
	#main_container .sec04 .category-list {
		margin-top:4rem;
	}
	#main_container .sec04 .category-list > a:not(a:last-child){
		margin-bottom:1rem;
	}
	#main_container .sec04 .row > div[class^='col-'] > .inner {
		height:78rem;
	}
	#main_container .sec04 .rt {
		margin-right:4rem;
	}
	#main_container .sec04 .product-container .swiper-slide.swiper-slide-active .img-box:before {
		width:36rem;
		height:36rem;
	}
	#main_container .sec04 .product-name {
		right:3rem;
	}
	#main_container .sec04 .product-name ul > li {
		font-size:1.8rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec04 .category-list {
		margin-top:3rem;
	}
	#main_container .sec04 .category-list > a {
		padding-left:2rem;
		font-size:1.6rem;
	}
	#main_container .sec04 .category-list > a > .num {
		width:2rem;
		margin-right:1.5rem;
	}
	#main_container .sec04 .row > div[class^='col-'] > .inner {
		height:58rem;
	}
	#main_container .sec04 .product-container .swiper-slide.swiper-slide-active .img-box > .img {
		top:4rem;
		left:-42%;
	}
	#main_container .sec04 .product-container .swiper-slide.swiper-slide-active .img-box:before {
		width:27rem;
		height:27rem;
	}
	#main_container .sec04 .product-name {
		display:none;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec04 {
		padding:4rem 0;
	}
	#main_container .sec04 .row > div[class^='col-']:nth-of-type(1) > .inner {
		display:block;
	}
	#main_container .sec04 .category-list {
		display:flex;
		align-items:center;
		margin-top:2rem;
	}
	#main_container .sec04 .category-list:before {
		display:none;
	}
	#main_container .sec04 .category-list > a {
		padding:1rem 0;
		padding-left:0;
		font-size:1.6rem;
		width:20%;
		text-align:center;
	}
	#main_container .sec04 .category-list > a:not(a:last-child){
		margin-bottom:0;
	}
	#main_container .sec04 .category-list > a > .num {
		display:none;
	}
	#main_container .sec04 .category-list > a.active {
		color:var(--main);
	}
	#main_container .sec04 .category-list > a.active:after {
		top:auto;
		bottom:0;
		width:100%;
		height:3px;
		background:var(--main);
	}
	#main_container .sec04 .row > div[class^='col-'] > .inner {
		height:auto;
	}
	#main_container .sec04 .prd-rt {
		display:block;
		padding:12rem 0 2rem;
	}
	#main_container .sec04 .prd-rt:before {
		display:none;
	}
	#main_container .sec04 .rt {
		width:100%;
	}
	#main_container .sec04 .product-container {
		width: 140%;
		height: 100%;
		top:0;
		left:-20%;
	}
	#main_container .sec04 .product-container .swiper-slide.swiper-slide-active:before {
		content:"";
		position:absolute;
		left:50%;
		top:30%;
		transform:translate(-50%, -50%);
		width:120%;
		padding-bottom:120%;
		border-radius:50%;
		background:#eee;
	}
	#main_container .sec04 .product-container .swiper-slide.swiper-slide-active .img-box > .img {
		position:relative;
		top:0;
		left:0;
		z-index:1;
		transform:scale(1.8);
	}
	#main_container .sec04 .product-container .swiper-slide.swiper-slide-active .img-box:before {
		display:none;
	}
	#main_container .sec04 .product-container .swiper-slide.swiper-slide-active .img-box > .txt {
		display:block;
		text-align:center;
		margin-top:9rem;
		font-size:1.8rem;
		font-weight:600;
	}
}