/* 메인 공통 */
.linkBtn{
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	color: #fff;
} 
.linkBtn a{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 1rem;
	width: 52rem;
	height: 8rem;
	font-size: 2.4rem;
	color: #fff;
	background: #fa4616;
	border-radius: 4rem;
}
@media (max-width:992px) {
	.linkBtn a{
		max-width: 52rem;
		width: 100%;
	}
}
@media (max-width:576px) {
	.linkBtn a {
    height: 7rem;
    font-size: 2rem;
	}
}
@media (max-width:460px) {
	.linkBtn{font-size: 1.8rem;}
	.linkBtn a {
    height: 6.5rem;
    font-size: 1.8rem;
	}
}

#main_container *{
	font-family: 'Pretendard' !important;
}

#main_container .main_title{
	position: relative;
	margin-bottom: 4rem;
	padding-left: 3.5rem;
	font-size: 4.2rem;
	font-weight: 600;
}
#main_container .main_title::before{
	content: '';
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
	width: 2rem;
	height: 4.7rem;
	background: url(../_img/main/main_title_icon.png) no-repeat center center / 2rem 4.7rem;
}
#main_container .main_title span{
	display: inline-block;
	font-size: 2rem;
	font-weight: 500;
	color: #888;
}
@media (max-width:992px) {
	#main_container .main_title{
		font-size: 3.5rem;
		margin-bottom: 2.5rem;
	} 
	#main_container .main_title span{font-size: 1.6rem;}
}
@media (max-width:768px) {
	#main_container .main_title{
		font-size: 3rem;
		margin-bottom: 2rem;
	} 
}
#main_container .full_bg{
	z-index:2;
}
#main_container .full_bg::before{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	top:0;
	bottom:0;
	margin-left:-50vw;
	margin-right:-50vw;
	z-index:-1;
	
}



/* 메인 비주얼 */
.main_visual{
	position: relative;
	max-height: 970px;
	height:100vh;
	padding-top:9rem;
}
.main_visual .inner{
	background: url(../_img/main/main_visual-pc.jpg) repeat-x center center / auto 100%;
	width:100%;
	height:100%;
	display:flex;
	align-items: center;
	position:relative;
}

.main_visual .mySwiper{
	position: relative;
	overflow: hidden;
}
.main_visual .item{
	color:#fff;
} 
.main_visual .item p:nth-child(1){
	font-size:3.2rem;
	color:#ffc4a0;
	font-weight:500;
}
.main_visual .item h2{
	font-size:7.2rem;
	font-weight:700;
	margin:2rem 0 1.5rem 0;
}
.main_visual .item p:nth-child(3){
	font-size:5.6rem;
	color:#fa4616;
	font-weight:600;
}
.main_visual .item p:nth-child(4){
	font-size:3.2rem;
}


.main_visual .linkBtn{
	position:absolute;
	left:0;
	width:100%;
	bottom:6rem;
	padding:0 3.5rem
}
.main_visual .linkBtn a{
	gap:0 1rem;
}
.main_visual .scroll_down{
	position:absolute;
	left:6rem;
	bottom:3rem;
	z-index:3;
	font-family: 'Roboto';
}
.main_visual .scroll_down button{
	display:block;
	border:none;
	background:none;
	outline: none;
	color:#fff;
	position:relative;
	width:16px;
	height:135px;
	padding-bottom:15px;
}
.main_visual .scroll_down button span{
	position:absolute;
	bottom:50%;
	margin-bottom:10px;
	left:50%;
	transform:translateX(-50%) rotate(-90deg);
	margin-left:-1px;
	width:100px;
	font-weight:300;
	font-size:11px;
	letter-spacing: 1px;
}
.main_visual .scroll_down button::after{
	content:"";
	position:absolute;
	width:1.3rem;
	height:2.5rem;
	bottom:0;
	left:0;
	background:url(../_img/icon/scrollDown_icon.png) no-repeat center bottom / 1.3rem 2.5rem;
}
@media (max-width:992px) {
	.main_visual{
		padding-top:6rem;
	}
	.main_visual .item p:nth-child(1){
		font-size:2.8rem;
	}
	.main_visual .item h2{
		font-size:6.4rem;
	}
	.main_visual .item p:nth-child(3){
		font-size:5rem;
	}
	.main_visual .item p:nth-child(4){
		font-size:2.8rem;
	}

}

@media (max-width:576px) {
	.main_visual .inner{
		background: url(../_img/main/main_visual-mo.jpg) repeat-x center center / cover;
	}
	.main_visual .inner .container{
		transform: translateY(-30%);
	}
	.main_visual .item{
		text-align:center;
	}
	.main_visual .item p:nth-child(1){
		font-size:2.2rem;
	}
	.main_visual .item h2{
		font-size:4.4rem;
	}
	.main_visual .item p:nth-child(3){
		font-size:3rem;
	}
	.main_visual .item p:nth-child(4){
		font-size:2.2rem;
	}
}
@media (max-width:460px) {

	.main_visual .linkBtn a{
		gap: 1.5rem;
	}
	.main_visual .linkBtn a img{width: 32px;}
}


/* section 공통 타이틀 */
#main_container .ck_title{
	position: relative;
	text-align: center;
	font-size: 4.4rem;
}
#main_container .ck_title::before{
	content: '';
	position: absolute;
	top: -40%; left: 50%;
	transform: translateX(-50%);
	width: 6.5rem;
	height: 5.2rem;
}
#main_container .ck_title strong{
	font-size: 5.6rem;
}
/* @media (max-width:992px) {
	#main_container .ck_title{
		font-size: 6rem;
	}
	#main_container .ck_title::before{
		top: -30%;
	}
	#main_container .ck_title strong{
		font-size: 7.6rem;
	}
} */
@media (max-width:992px) {
	#main_container .ck_title{
		font-size: 3.5rem;
	}
	#main_container .ck_title::before{
		top: -50%;
	}
	#main_container .ck_title strong{
		font-size: 4.5rem;
	}
}
@media (max-width:576px) {
	#main_container .ck_title{
		font-size: 3rem;
	}
	#main_container .ck_title::before{
		top: -55%;
	}
	#main_container .ck_title strong{
		font-size: 4rem;
	}
}


/*sec_new01 20241114 ysh*/
#main_container .sec_new01{
	background:#050505 url(../_img/main/sec_new01_bg.jpg) no-repeat center center / auto 100%;
	color:#fff;
	padding-top:10rem;
	padding-bottom:12rem;
}
#main_container > .sec_new01 .ck_title::before{
	background: url(../_img/main/main_sec_new01_Vicon.png) no-repeat center center / 6.5rem 5.2rem;
}
#main_container > .sec_new01 .ck_title strong{
	display:block;
	padding-top:1rem;
	color:#f4f4f4;
}
#main_container .sec_new01 .rows{
	justify-content: center;
	display:flex;
	gap:0 8rem;
	align-items: center;
}
#main_container .sec_new01 .rows div.box{
	width:50%;
	padding:4rem 6rem;
	height:37rem;
	display:flex;
	align-items: center;
	font-weight:300;
	font-size:2.4rem;
	border-radius:2rem;
	box-shadow:0px 0px 20px rgba(255,255,255,.4);
}
#main_container .sec_new01 .rows div.box .inner > strong{
	display:block;
	font-weight:600;
	color:#d1ab7d;
	font-size:2.8rem;
	margin-bottom:1rem;
}
#main_container .sec_new01 .rows div.box p span{
	font-weight:400;
}
#main_container .sec_new01 .rows div.box p strong{
	font-weight:500;
	color:#d1ab7d;
}

@media(max-width:1199.98px){
	#main_container .sec_new01  .img_clock img{
		width:20rem;
	}
	#main_container .sec_new01 .rows div.box{
		width:50%;
		padding:3rem 4rem;
		height:30rem;
		font-size:2rem;
	}
}

@media(max-width:991.98px){
	#main_container .sec_new01 .rows{
		gap:0 5rem;
		padding:0 15px;
	}
	#main_container .sec_new01  .img_clock img{
		width:20rem;
	}
	#main_container .sec_new01 .rows div.box{
		padding:3rem 3rem;
		height:26rem;
		font-size:1.8rem;
	}
}
@media(max-width:767.98px){
	#main_container .sec_new01 .rows{
		gap:5rem 0rem;
		padding:0 15px;
		flex-direction: column;
	}
	#main_container .sec_new01  .img_clock{
		height:18rem;
		position:relative;
	}
	#main_container .sec_new01  .img_clock img{
		width:20rem;
		transform: rotate(90deg) translate(-44%,5%);
	}
	#main_container .sec_new01 .rows div.box{
		padding:3rem 3rem;
		height:auto;
		font-size:1.8rem;
		width:100%;
		text-align:center;
		justify-content: center;
	}
	#main_container .sec_new01 .rows div.box br{
		display:none;
	}
}


/*sec01*/
#main_container > .sec01{
	padding-bottom: 12rem;
	background: url(../_img/main/main_sec01_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec01 .content {
	padding-top: 13rem;
	padding-bottom: 8.5rem;
}
#main_container > .sec01 .ck_title{
	color: #bbb;
}
#main_container > .sec01 .ck_title::before{
	background: url(../_img/main/main_sec01_Vicon.png) no-repeat center center / 6.5rem 5.2rem;
}
#main_container > .sec01 .ck_title strong{
	color: #fff;
}
/* 전체 border */
#main_container > .sec01 .content ul li{
	border-left: 1px solid;
	border-bottom: 1px solid;
}
#main_container > .sec01 .content ul li:nth-child(2),
#main_container > .sec01 .content ul li:nth-child(5){
	border-right: 1px solid;
}
/* 부분 border 제거 */
#main_container > .sec01 .content ul li:first-child,
#main_container > .sec01 .content ul li:nth-child(3),
#main_container > .sec01 .content ul li:nth-child(4){
	border-left: none;
}
#main_container > .sec01 .content ul li:nth-child(4),
#main_container > .sec01 .content ul li:nth-child(5),
#main_container > .sec01 .content ul li:nth-child(6){
	border-bottom: none;
}
/* 부분 border 그라디언트 */
#main_container > .sec01 .content ul li:first-child{
	border-image: linear-gradient(to right, #301403 0%, #7e401a 10%, #7e401a 100%);
	border-image-slice: 1;
}
#main_container > .sec01 .content ul li:nth-child(2){
	border-image: linear-gradient(to top , #7e401a 0%, #7e401a 80%, #301403 100%);
	border-image-slice: 1;
} 
#main_container > .sec01 .content ul li:nth-child(3){
	border-image: linear-gradient(to right, #7e401a 0%, #7e401a 90%, #301403 100%);
	border-image-slice: 1;
} 
#main_container > .sec01 .content ul li:nth-child(5){
	border-image: linear-gradient(to top , #301403 0%, #7e401a 20%, #7e401a 100%);
	border-image-slice: 1;
} 

#main_container > .sec01 .content ul li div{
	padding: 5rem 0;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 600;
	color: #ffb283;
}
#main_container > .sec01 .content ul li div .br1{
	display: none;
}
#main_container > .sec01 .content ul li div span{
	color: #fff;
}
#main_container > .sec01 .content ul li div img{
	margin-bottom: 3rem;
}
#main_container > .sec01 .content ul li div > p{
	color:rgba(255,255,255,.6);
	font-size:.75em;
	font-weight:300;
	margin-top:1rem;
}

#main_container > .sec01 .img{
	display: flex;
	gap: 1.6rem;
}
#main_container > .sec01 .img li{
	height: 25.6rem;
	border-radius: 2.8rem;
}
#main_container > .sec01 .img li:first-child{
	width: 43%;
}
#main_container > .sec01 .img li:nth-child(2),
#main_container > .sec01 .img li:last-child{
	width: 27.5%;
}

#main_container > .sec01 .linkBtn{
	padding-top: 9rem;
	padding-bottom: 10rem;
}
@media (max-width:992px) {
	#main_container > .sec01{
		background: url(../_img/main/main_sec01_bg-mo.jpg) no-repeat center top / cover;
	}
	#main_container > .sec01 .content {
		padding-top: 10rem;
		padding-bottom: 7rem;
	}
	#main_container > .sec01 .content ul li p{
		padding: 5rem 0;
		font-size: 2.2rem;
		/* font-size: 3.8rem; */
	}
	#main_container > .sec01 .content ul li p .br1{
		display: block;
	}

	#main_container > .sec01 .img{
		flex-wrap: wrap;
		gap: 3rem;
	}
	#main_container > .sec01 .img li{
		border-radius: 4rem;
	}
	#main_container > .sec01 .img li:first-child{
		width: 100%;
		/* height: 38rem; */
		height: 33rem;
	}
	/* #main_container > .sec01 .img li:nth-child(2),
	#main_container > .sec01 .img li:last-child{
		width: 48%;
		height: 28.5rem;
	} */
	#main_container > .sec01 .img li:nth-child(2),
	#main_container > .sec01 .img li:last-child{
		width: 47.5%;
		height: 23rem;
	}

	#main_container > .sec01 .content ul li:first-child{
		border-image: linear-gradient(to right, #301403 0%, #7e401a 50%, #7e401a 100%);
		border-image-slice: 1;
	}
	#main_container > .sec01 .content ul li:nth-child(2){
		border-right: none;
		border-image: linear-gradient(to top right, #7e401a 0%,#301403 50% ,#7e401a 100%);
		border-image-slice: 1;
	} 
	#main_container > .sec01 .content ul li:nth-child(3){
		border-image: linear-gradient(to right, #301403 0%, #7e401a 50%, #7e401a 100%);
		border-image-slice: 1;
	} 
	#main_container > .sec01 .content ul li:nth-child(4){
		border-left: 1px solid;
		border-bottom: 1px solid;
		border-image: linear-gradient(to right, #7e401a 0%,#7e401a 50% ,#301403 100%);
		border-image-slice: 1;
	} 
	#main_container > .sec01 .content ul li:nth-child(5){
		border: none;
	}
	#main_container > .sec01 .content ul li:nth-child(6){
		border-image: linear-gradient(to top, #301403 0%, #7e401a 50%, #7e401a 100%);
		border-image-slice: 1;
	}
	#main_container > .sec01 .content ul li p img {
    max-width: 9rem;
	}
}
@media (max-width:576px) {
	#main_container > .sec01 .content ul li p{
		padding: 4.5rem 0;
	}
	#main_container > .sec01 .content ul li p .br1{
		display: none;
	}
	#main_container > .sec01 .content ul li p img {
    margin-bottom: 2.5rem;
	}
	#main_container > .sec01 .img li:first-child{
		height: 20rem;
	}
	#main_container > .sec01 .img li:nth-child(2),
	#main_container > .sec01 .img li:last-child{
		width: 100%;
		height: 20rem;
	}

	#main_container > .sec01 .content ul li{
		border-left: none !important;
		border-right: none !important;
		border-top: none !important;
		border-bottom: 1px solid !important;
		border-image: linear-gradient(to right, #301403 0%, #7e401a 50%, #301403 100%) !important;
		border-image-slice: 1 !important;
	}
	#main_container > .sec01 .content ul li:last-child{
		border-bottom: none !important;
	}
}


/* sec04 */
#main_container > .sec04{
	z-index: 1;
	position: relative;
	padding-top: 9rem;
	padding-bottom: 11rem;
}
#main_container > .sec04::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	height:100%;
	top:0;
	background:#f8f8f8;
	z-index:-1;
}
#main_container > .sec04 > .text{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4rem;
}
#main_container > .sec04 > .text .main_title{
	margin-bottom: 0 !important;
}
#main_container > .sec04 > .text a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5.6rem;
	height: 5.6rem;
	font-size: 3.2rem;
	font-weight: 500;
	border-radius: 50%;
	background: #e8e8e8;
	color: #000;
	transition: all 0.3s;
}
/* hover */
#main_container > .sec04 > .text a:hover{
	color: #fff;
	background: #fa4616;
}

#main_container > .sec04 .review{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
#main_container > .sec04 .review li{
	display: flex;
	align-items: center;
	gap: 2rem;
	width: calc(50% - 1rem);
	padding: 3.5rem 4rem;
	border: 1px solid #ddd;
	border-radius: 2.8rem;
	background: #fff;
}
#main_container > .sec04 .review .img{
	flex-shrink: 0;
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
}
#main_container > .sec04 .review .text p{
	margin-top: 1rem;
	font-size: 1.8rem;
}
#main_container > .sec04 .review .text p span{
	line-height: 1.7;
	color: #555;
	text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}
#main_container > .sec04 .review .text p strong{
	display: block;
	margin-top: 2.5rem;
	font-weight: 600;
	color: #000;
}
@media (max-width:992px) {
	#main_container > .sec04 > .text{margin-bottom: 2.5rem;}
	#main_container > .sec04 .review li{padding: 3rem;}
	#main_container > .sec04 .review .img{
		width: 13.2rem;
		height: 13.2rem;
	}
	#main_container > .sec04 .review .text img{width: 25px;}
	#main_container > .sec04 .review .text p span{
		line-height: 1.5;
		-webkit-line-clamp: 4;
		min-height: 97px;
	}

}
@media (max-width:768px) {
	#main_container > .sec04 .review li{display: block; padding: 3rem 2rem;}
	#main_container > .sec04 .review li .img{
		margin: 0 auto;
		margin-bottom: 2rem;
	}
	#main_container > .sec04 > .text{
		margin-bottom: 2rem;
	}
	#main_container > .sec04 .review .text p span{
		min-height: 92px;
	}
}
@media (max-width:576px) {
	#main_container > .sec04 .review li{width: 100%;}
	#main_container > .sec04 > .text .main_title span{
		font-size: 1.6rem;
	}
	#main_container > .sec04 .review .text p {
    font-size: 2rem;
	}
	#main_container > .sec04 .review .text p strong {
    margin-top: 4rem;
	}
}


#main_container .sec04 .review-swiper {
	margin-top:4rem;
}
#main_container .sec04 .review-swiper .swiper-wrapper {
	height:auto;
}
#main_container .sec04 .review-swiper .swiper-slide {
	height:100%;
	box-sizing:border-box;
	padding:3rem;
	border:1px solid #ccc;
	border-radius:1rem;
}
#main_container .sec04 .review-swiper .swiper-slide .img {
	width:10rem;
	height:10rem;
	border-radius:50%;
}
#main_container .sec04 .review-swiper .swiper-slide .text {
	margin-top:2rem;
}
#main_container .sec04 .review-swiper .swiper-slide .text > img {
	width:3rem;
}
#main_container .sec04 .review-swiper .swiper-slide .text > p {
	margin-top:2rem;
	font-size:1.6rem;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
#main_container .sec04 .review-swiper .swiper-slide .text > p > span {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
#main_container .sec04 .review-swiper .swiper-slide .text > p > strong {
	display:block;
}
@media (max-width: 575.98px) {
	#main_container .sec04 .review-swiper {
		margin-top:2rem;
	}
	#main_container .sec04 .review-swiper .swiper-slide .img {
		width:8rem;
		height:8rem;
	}
	#main_container .sec04 .review-swiper .swiper-slide .text > img {
		width:2.4rem;
	}
	#main_container .sec04 .review-swiper .swiper-slide .text > p {
		margin-top:1rem;
	}
}




/* sec05 */
#main_container > .sec05 > p{
	text-align: center;
}
#main_container > .sec05 .top{
	z-index: 1;
	position: relative;
	padding-top: 15rem;
	padding-bottom: 15rem;
	line-height: 1.4;
	color: #fff;
	font-size: 4.6rem;
	font-weight: 500;
}
#main_container > .sec05 .top::after{
	content:"";
	position:absolute;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
	height:100%;
	top:0;
	background:url(../_img/main/main_sec05_bg.jpg) no-repeat center center / cover;
	z-index:-1;
}
#main_container > .sec05 .top span{
	font-weight: 600;
	color: #fa4616;
	display:block;
	margin-top:2rem;
}
#main_container > .sec05 .top img{
	margin-bottom: 2rem;
}


@media (max-width:576px) {
	#main_container > .sec05 .top{
		padding: 8rem 0;
		font-size: 3rem;
	}
	#main_container > .sec05 .top img{
		width: 7rem;
		height: 8rem;
	}

	#main_container > .sec05 .bottom a:first-of-type{
		max-width: 52rem;
		width: 100%;
	}
}
@media (max-width:420px) {
	#main_container > .sec05 .top{
		font-size: 3rem;
	}
}




/* sec04 */
#main_container > .sec06{
	z-index: 1;
	position: relative;
	padding-top: 15rem;
	padding-bottom: 11rem;
}
#main_container > .sec06::before,
#main_container > .sec06::after{
	content:"";
	position:absolute;
	top:0;
	width:calc(100%/3 - 8px);
	height:100%;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	z-index:-1;
}
#main_container > .sec06::before{
	left:15px;
}
#main_container > .sec06::after{
	right:15px;
}

#main_container > .sec06 .ck_title::before {
	background: url(../_img/main/main_sec03_Vicon.png) no-repeat center center / 6.5rem 5.2rem;
}

#main_container > .sec06  .clock_item img{
	transform:scale(1.03);
	margin-left:-2px;
}



#main_container > .sec06 .sw_con{
	position: relative;
	margin-top:10rem;
}
#main_container > .sec06 .logo{
	text-align:center;
}
#main_container > .sec06 .logo img{
	width:100%;
	max-width:30rem;
}
#main_container > .sec06 .logo:hover::before{
	opacity: 1;
}
#main_container > .sec06 .mySwiper{
	padding-bottom: 6rem;
}


@media (max-width:992px) {

}
@media (max-width:576px) {
}



/*sec07*/
#main_container .sec07{
	padding-top:15rem;
	padding-bottom:15rem;
	color:#fff;
}
#main_container .sec07::before{
	background:url(../_img/main/sec07_bg1.png) no-repeat center center / cover;
}
#main_container .sec07 .info{
	text-align:left;
}
#main_container .sec07 .ck_title{
	text-align:center;
}
#main_container .sec07 .row .clock_img{
	text-align:right;
}
#main_container .sec07 .row .clock_img img{
	transform: translateY(15rem);
}

@media(max-width:767.98px){
	#main_container .sec07{
		padding-top:10rem;
		padding-bottom:10rem;
		text-align:center;
	}
	#main_container .sec07 .row .clock_img,
	#main_container .sec07 .info {
		text-align:center;
	}
	#main_container .sec07 .row .clock_img img{
		transform: translateY(10rem);
		width:40rem;
	}
}


/*sec08*/
#main_container .sec08{
	padding-top:15rem;
	padding-bottom:15rem;
	color:#fff;
	text-align:center;
}
#main_container .sec08::before{
	background:url(../_img/main/sec08_bg1.jpg) no-repeat center center / cover;
}
#main_container .sec08 hr{
	border-top:1px solid #716a65;
	margin:5rem auto;
	width:30rem;
}

@media(max-width:767.98px){
	#main_container .sec08{
		padding-top:10rem;
		padding-bottom:10rem;
	}
	#main_container .sec08 img{
		width:22rem;
	}
	#main_container .sec08 hr{
		margin:3rem auto;
		width:20rem;
	}
}


/*.sec09*/
#main_container .sec09{
	padding-top:20rem;
	padding-bottom:15rem;
}

#main_container .sec09::before{
	background:url(../_img/main/sec09_bg1.jpg) no-repeat center center / cover;
}
#main_container .sec09 .map_box{
	transform: translateX(-25%);
}

@media(max-width:991.98px){
	#main_container .sec09{
		padding-top:15rem;
		padding-bottom:10rem;
		text-align:center;
	}
	#main_container .sec09 .map_box{
		margin-top:8rem;
		transform: translateX(0);
	}
	#main_container .sec09 .map_box img{
		width:100%;
	}
}

@media(max-width:767.98px){
	#main_container .sec09{
		padding-top:10rem;
		padding-bottom:8rem;
	}
	#main_container .sec09 .map_box{
		margin-top:4rem;
	}
	#main_container .sec09 .map_box img{
		width:100%;
	}
}


/*.sec10*/
#main_container .sec10{
	padding-top:20rem;
	padding-bottom:15rem;
	color:#fff;
}
#main_container .sec10 .ck_title::before{
	background: url(../_img/main/main_sec10_Vicon.png) no-repeat center center / 6.5rem 5.2rem;
}
#main_container .sec10::before{
	background:url(../_img/main/sec10_bg.jpg) no-repeat center center / cover;
}


@media(max-width:991.98px){
	#main_container .sec10{
		padding-top:15rem;
		padding-bottom:12rem;
	}
}

@media(max-width:767.98px){
	#main_container .sec10{
		padding-top:10rem;
		padding-bottom:8rem;
	}
}

/*.sec11*/
#main_container .sec11{
	padding-top:20rem;
	padding-bottom:15rem;
}
#main_container .sec11 .ck_title::before{
	background: url(../_img/main/main_sec11_Vicon.png) no-repeat center center / 6.5rem 5.2rem;
}
#main_container .sec11::before{
	background:url(../_img/main/sec11_bg1.png) no-repeat center center / cover;
}
#main_container .sec11 .rows{
	max-width:100rem;
	margin:0 auto;
	display:flex;
	gap:7rem;
	margin-bottom:8rem;
}
#main_container .sec11 .rows > div{
	width:calc(100%/3)
}
#main_container .sec11 .rows > div dl{
	border-radius:3rem;
	overflow:hidden;
	background:#fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
#main_container .sec11 .rows > div dl.is-active{
	transform: scale(1.15);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}
#main_container .sec11 .rows > div dl dt{
	font-size:2.4rem;
	background:#c4c9cd;
	height:7.5rem;
	display:flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	margin-bottom:2rem;
}
#main_container .sec11 .rows > div dl.is-active dt{
	background:#fa4616
}

#main_container .sec11 .rows > div dl dd{
	font-size:2.4rem;
	font-weight:300;
	padding:3rem 1rem 5rem 1rem;
}
#main_container .sec11 .rows > div dl p{
	height:6rem
}
#main_container .sec11 .h_line{
	width:1px;
	margin:2rem auto;
	height:6rem;
	background:#ccc;
}

@media(max-width:991.98px){
	#main_container .sec11{
		padding-top:15rem;
		padding-bottom:12rem;
	}
	#main_container .sec11 .rows{
		gap:4rem;
	}
	#main_container .sec11 .h_line{

		height:4rem;
	}
	#main_container .sec11 .rows > div dl dt{
		font-size:2.2rem;
		height:6.5rem;
	}
	#main_container .sec11 .rows > div dl dd{
		font-size:2rem;
	}
}
@media(max-width:767.98px){
	#main_container .sec11{
		padding-top:12rem;
		padding-bottom:10rem;
	}
	#main_container .sec11 .rows{
		gap:2rem;
		flex-direction: column;
	}
	#main_container .sec11 .rows > div{
		width:calc(100%/1);
	}
	#main_container .sec11 .rows > div dl.is-active{
		transform: scale(1);
		box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
	}
	#main_container .sec11 .rows > div dl p{
		height:auto;
	}
	#main_container .sec11 .rows > div dl dd{
		padding:2rem 1rem 4rem 1rem;
	}

}



/*sec12*/
#main_container .sec12{
	padding-top:15rem;
	padding-bottom:15rem;
	text-align:center;
}
#main_container .sec12::before{
	background:#fcfdfd url(../_img/main/sec12_bg.jpg) no-repeat center center / 100% auto;
}
#main_container .sec12 h3{
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:4.2rem;
	font-weight:700;
	gap:0 1.5rem;
}
#main_container .sec12  hr{
	width:12rem;
	margin:2.5rem auto;
}
#main_container .sec12  .linkBtn{
	display:flex;
	gap:0 2rem;
	justify-content: center;
}
#main_container .sec12  .linkBtn a{
	padding:0;
	margin:0;
	width:30rem;
	gap:0 1rem;
	box-shadow: 0px 0px 10px rgba(0,0,0,.1);
}
#main_container .sec12  .linkBtn a i{
	font-family: xeicon !important;
	display:flex;
	background:#fff;
	color:#fa4616;
	width:4rem;
	height:4rem;
	align-items: center;
	justify-content: center;
	border-radius:100%;
}

@media(max-width:767.98px){
	#main_container .sec12  .linkBtn{
		flex-direction: column;
		align-items: center;
		gap:2rem;
	}
	#main_container .sec12  .linkBtn a{

		width:28rem;
		font-size:2rem;
	}
}


#main_container .sec20 {
    box-sizing:border-box;
    padding:12rem 0;
    background:#f8f8f8;
}
#main_container .sec20 h3 {
    text-align:center;
}
#main_container .sec20 p.desc {
	text-align:center;
	font-size:2.4rem;
	margin-top:2rem;
}
#main_container .sec20 .list {
	display:flex;
	flex-wrap:wrap;
	gap:4rem 3rem;
	margin-top:6rem;
}
#main_container .sec20 .list .inner {
	width:calc(25% - 3rem);
}
#main_container .sec20 .list .inner .box {
	height:100%;
}
#main_container .sec20 .list .inner .box .img {
	box-sizing:border-box;
	padding:2rem;
	border:1px solid #ccc;
	background:#fff;
	border-radius:1rem;
	height:33rem;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 10px 15px rgba(0,0,0,0.07);
}
#main_container .sec20 .list .inner .box .img > img {
	max-height:100%;
}
#main_container .sec20 .list .inner .box .txt {
	text-align:center;
	font-size:2.2rem;
	font-weight:500;
	line-height:1.4;
	margin-top:1.5rem;
}
@media (max-width: 1400px) {
	#main_container .sec20 .list .inner {
		width:calc(33.333% - 3rem);
	}
}
@media (max-width: 1199.98px) {
	#main_container .sec20 {
		padding:8rem 0;
	}
	#main_container .sec20 p.desc {
		font-size:2.2rem;
		margin-top:1.5rem;
	}
	#main_container .sec20 .list {
		gap:3rem 2rem;
		margin-top:4rem;
	}
	#main_container .sec20 .list .inner {
		width:calc(33.3333% - 3rem);
	}
	#main_container .sec20 .list .inner .box .img {
		height:30rem;
	}
	#main_container .sec20 .list .inner .box .img > img {
		max-height:80%;
	}
	#main_container .sec20 .list .inner .box .txt {
		font-size:2rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec20 {
		padding:6rem 0;
	}
	#main_container .sec20 p.desc {
		font-size:2rem;
	}
	#main_container .sec20 .list .inner .box .img {
		height:24rem;
	}
	#main_container .sec20 .list .inner .box .img > img {
		max-height:70%;
	}
	#main_container .sec20 .list .inner .box .txt {
		font-size:1.8rem;
	}
}

#main_container .list-swiper{
	margin-top:3rem;
}
#main_container .list-swiper .swiper-slide .box {
	height:100%;
}
#main_container .list-swiper .swiper-slide .box .img {
	box-sizing:border-box;
	padding:2rem;
	border:1px solid #ccc;
	background:#fff;
	border-radius:1rem;
	height:33rem;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 10px 15px rgba(0,0,0,0.07);
}
#main_container .list-swiper .swiper-slide .box .img > img {
	max-height:80%;
}
#main_container .list-swiper .swiper-slide .box .txt {
	text-align:center;
	font-size:1.8rem;
	font-weight:500;
	line-height:1.4;
	margin-top:1.5rem;
}
@media (max-width: 575.98px) {
	#main_container .sec20 p.desc {
		font-size:1.8rem;
	}
	#main_container .list-swiper{
		margin-top:2rem;
	}
	#main_container .list-swiper .swiper-slide .box .img {
		height:26rem;
	}
	#main_container .list-swiper .swiper-slide .box .img > img {
		max-height:80%;
	}
	#main_container .list-swiper .swiper-slide .box .txt {
		font-size:1.6rem;
	}
}