.main .sec01 .bg {width:100%;}
.main .sec01 .bg img {width:100%;}
.main .sec01 .description {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; display: flex; align-content: center; align-items: center; box-sizing:border-box;}
.main .sec01 .description .wrapper h2 {font-size:80px;}
.main .sec01 .description .wrapper p {margin-top:45px; font-size:26px; color:#cfcfcf;}
.main .sec01 .description .wrapper .btn {background:#FF4800; color:#fff; margin-top:50px; width:160px; line-height:35px; text-align:center; font-weight:500; font-size:16px; border-radius:20px; display:inline-block;}

.main .sec01 .swiper-pagination {bottom:20px;}
.main .sec01 .swiper-pagination-bullet {background:#fff;}
.main .sec01 .swiper-pagination-bullet-active {background:#FF4800;}



.main .sec02 {padding:180px 0 180px;}
.main .sec02 .venture {margin-top:55px;}
.main .sec02 .venture .title {padding:24px 18px 20px 38px; display:flex; align-items: center; gap:18px;}
.main .sec02 .venture .title h2 {font-size:24px;}
.main .sec02 .venture .logo {border:1px solid #dbdbdb; border-radius:10px; overflow:hidden; width:50px;}
.main .sec02 .venture .logo img {width:100%;}
.main .sec02 .venture .desc {padding:0 18px 27px 38px; font-size:15px;}
.main .sec02 .venture .desc .tags {margin-top:12px; display:flex; gap:9px;}
.main .sec02 .venture .desc .tags span {line-height:22px; padding:0 9px; display:inline-block; color:#fff; border-radius:4px;}
.main .sec02 .venture .desc .tags span.orange {background:#FF4800;}
.main .sec02 .venture .desc .tags span.black {background:#000}

.main .sec02 .venture .info {background:#FFF3EB; line-height:60px; padding:0 18px 0 38px; font-size:20px; display:flex; align-items: center; justify-content: space-between;}
.main .sec02 .venture .info a {font-size:13px; width:81px; line-height:28px; background:#fff; border-radius:4px; text-align:center; height:28px;}
.main .sec02 .venture .swiper-slide {border:1px solid #DEDEDE; border-radius:20px; overflow:hidden; width:410px;}

.main .sec03 {padding:0 0 180px; background-image:linear-gradient(#fff, #FFF0E7);}



.main .sec03 .business {display:grid; grid-template-columns: 1fr 1fr 1fr; margin-top:55px; gap:30px;}
.main .sec03 .business .card {border-radius:10px; border-radius:30px; position:relative; overflow:hidden;}
.main .sec03 .business .card:hover img {transform:scale(1.1);}
.main .sec03 .business .card img {width:100%; transition: transform 0.3s ease;}
.main .sec03 .business .card .wrap {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}

.main .sec03 .business .card .wrap .title {line-height:28px; border:1px solid #fff; display:inline-block; border-radius:14px; margin-top:28px; padding:0 20px; color:#fff; box-sizing:border-box;}
.main .sec03 .business .card .wrap .title span {margin-right:10px;}
.main .sec03 .business .card .wrap .button_wrap {position:absolute; bottom:20px; text-align:center; left:0; width:100%;}
.main .sec03 .business .card .wrap a {line-height:36px; background:#fff; width:150px; position:relative; border-radius:4px; display:inline-block; font-size:16px;}
.main .sec03 .business .card .wrap a:hover {background:#FF4800; color:#fff;}
.main .sec03 .business .card .wrap .info {position:absolute; left:0; width:100%;}
.main .sec03 .business .card .wrap .info.top {top:76px;}
.main .sec03 .business .card .wrap .info.bottom {bottom:76px;}
.main .sec03 .business .card .wrap .info h1 {font-size:32px; background-clip: text; color: transparent; background:linear-gradient(to bottom, #fff, #FFE373); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.main .sec03 .business .card .wrap .info p {margin-top:20px; color:#fff; font-size:16px;}



.main .sec04 {padding:180px 0 180px;}


.main .sec05 {color:#fff; background:#000;}

.main .sec05 .bg {padding:180px 0 100px; background-image:linear-gradient(#FF4800, #000);}
.main .sec05 .bg_image {width:100%;}
.main .sec05 h2 {text-align:center; font-size:55px; margin-top:10px;}
.main .sec05 p {text-align:center; font-size:20px; color:#FFD521;}
.main .sec05 .contents {margin-top:66px; display:flex; flex-direction:column; gap:64px;}
.main .sec05 .contents .head {display:flex; gap:20px;}
.main .sec05 .contents .head .icon {width:65px; height:65px; background:#FFF8EB; border-radius:10px; padding:4px; box-sizing:border-box;}
.main .sec05 .contents .head .icon img {width:100%;}
.main .sec05 .contents .head .title {text-align:left; display:flex; flex-direction: column; justify-content: space-evenly;}
.main .sec05 .contents .head h3 {font-size:30px;}
.main .sec05 .contents .head p {color:#E8E8E8; font-size:24px; text-align:left;}

.main .sec05 .contents .swiper {margin-top:32px;}
.main .sec05 .contents .swiper-slide {width:auto; border-radius:15px; overflow:hidden;}
.main .sec05 .contents .swiper-slide img {width:100%;}

.main .sec05 .portfolio {margin-top:186px;}
.main .sec05 .portfolio h3 {font-size:55px; text-align:center;} 
.main .sec05 .portfolio p {margin-top:45px; color:#fff;}
.main .sec05 .more {text-align:center; padding-bottom:80px;}
.main .sec05 .more a {width:160px; line-height:35px; font-weight:500; font-size:16px; border-radius:17.5px; background:#fff; display:inline-block;}
.main .sec05 .more a:hover {color:#fff; background:#FF4800;}
.main .sec06 {padding:74px 0 66px;}
.main .sec06 .wrapper {padding:44px 40px 48px; background:#000; border-radius:20px; color:#fff;}
.main .sec06 .wrapper .title {font-size:26px; margin-top:13px;}
.main .sec06 .wrapper .desc {font-size:16px; margin-top:25px; line-height:28px;}
.main .sec06 .wrapper .desc a {background:#fff; color:#000; border-radius:14px; line-height:28px; margin-left:14px; display:inline-block; padding:0 10px; font-size:13px;}
.main .sec07 {padding:180px 0 180px;}
.main .sec07 .results {margin-top:55px; display:grid; grid-template-columns: 1fr 1fr 1fr; gap:36px 30px;}
.main .sec07 .results .card {border:1px solid #FF4800; border-radius:20px; padding:36px 10px 40px; text-align:center; box-sizing:border-box; position:relative;}
.main .sec07 .results .card:hover:after {content:''; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:3px solid #FF4800; border-radius:20px;}
.main .sec07 .results .card .count {font-size:50px;}
.main .sec07 .results .card .count font {font-size:33px;}
.main .sec07 .results .card .title {margin-top:12px; font-size:21px;}
.main .sec07 .results .card .desc {margin-top:25px; font-size:15px;}

.main .sec08 {padding:63px 0 63px; background:url('/assets/images/main_sec08_background.jpg'); background-size:cover; color:#fff; text-align:center;}
.main .sec08 h2 {font-size:35px;}
.main .sec08 .companys {margin-top:58px;}
.main .sec08 .companys .swiper-slide {width:107px; height:107px;}
.main .sec08 .companys .swiper-wrapper {-webkit-transition-timing-function:linear!important; transition-timing-function:linear!important; }


.main .sec09 {padding:180px 0 80px;}
.main .sec09 .values {margin-top:55px; display:grid; grid-template-columns: 1fr 1fr; gap:40px 22px;}
.main .sec09 .values .card {border-radius:10px; border-radius:20px; position:relative; color:#fff;}
.main .sec09 .values .card img {width:100%;}
.main .sec09 .values .card .info {position:absolute; bottom:40px; padding:0 40px;}
.main .sec09 .values .card .info .point {font-size:15px;}
.main .sec09 .values .card .info .title {font-size:35px; margin-top:10px;}
.main .sec09 .values .card .info .desc {font-size:17px; margin-top:20px;}


.main .sec10 {}
.main .sec10 .background {width:1920px; position:relative; margin-left:-960px; left:50%;}
.main .sec10 .background img {width:100%;}
.main .sec10 .counsel {position:absolute; top:50%; transform:translate(0,-50%);}

.main .sec10 .counsel .main_title {font-size:55px; color:#fff;}
.main .sec10 .counsel .main_title p {
    background-clip: text;
    color: transparent;
    background: linear-gradient(to bottom, #fff, #FFE373);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main .sec10 .counsel .main_description {color:#bdbdbd; font-size:22px;}
.main .sec10 .counsel a {background: #FF4800; color: #fff; margin-top: 44px; width: 144px; line-height: 40px; text-align: center; font-weight: 400; font-size: 14px; border-radius: 10px; display: inline-block;}

.portfolio_wrap {display:flex; gap:15px; flex-direction: column; background:#000; padding-bottom:80px;}
.portfolio_wrap .portfolio_item {display:flex; gap:10px; width:100%; justify-content: center;}
.portfolio_wrap .portfolio_item img {width:16%; border-radius:10px; transition: transform .2s;}
	
.competitiveness_wrap.result .results {padding-bottom:150px!important;}
.competitiveness_wrap .title > span {display:none;}
.competitiveness_wrap .title > h2 {font-size: 55px;}
.competitiveness_wrap .title > p {font-size: 20px; margin-top: 25px; color: #373737; font-weight: 500;}
@media (max-width: 980px) {
	.competitiveness_wrap .title > h2 {font-size: 27px;}
	.competitiveness_wrap .title > p {font-size: 13px; margin-top: 16px;}
	
	.main .sec01 .description {padding:0 32px;}
	.main .sec01 .bg img {aspect-ratio: 3 / 4; object-fit:cover; object-position: 60% center;}
	.main .sec01 .description .wrapper h3 {font-size:12px;}
	.main .sec01 .description .wrapper h2 {font-size:30px;}
	.main .sec01 .description .wrapper p {font-size:16px; margin-top:30px;}
	.main .sec01 .description .wrapper .btn {font-size:14px; margin-top:30px; width:140px; line-height:30px;}
	
	.main .sec02 {padding:60px 32px;}
	.main .sec02 p {font-size:14px; margin-top:16px;}
	.main .sec02 h2 {font-size:27px; padding-top:0;}
	.main .sec02 .venture {margin-top:45px;}
	.main .sec02 .venture .swiper-slide {width:300px;}
	.main .sec02 .venture .title {padding:20px 32px 0; font-size:12px!important;}
	.main .sec02 .venture .desc {font-size:13px; padding:0 32px 20px;}
	.main .sec02 .venture .desc .tags span {font-size:12px;}
	.main .sec02 .venture .desc p {font-size:12px;}
	.main .sec02 .venture .info {font-size:14px;}
	.main .sec02 .venture .info {padding:0 32px;}

	
	.main .sec03 {padding:60px 32px;}
	.main .sec03 p {font-size:14px;}
	.main .sec03 h2 {font-size:27px; padding-top:0;}
	.main .sec03 .contents {margin-top:30px;}
	.main .sec03 .contents > div {width:100%;}
	.main .sec03 .contents {flex-direction: column;}
	.main .sec03 .box {font-size:16px; width:100%;}
	
	.main .sec03 .business {grid-template-columns:1fr}
	
	.main .sec03 .business .card .wrap .title {font-size:10px; line-height:22px;}
	.main .sec03 .business .card .wrap .info h1 {font-size:27px;}
	.main .sec03 .business .card .wrap .info p {margin-top:10px; font-size:13px;}
	.main .sec03 .business .card .wrap a {font-size:12px; font-weight:500; width:120px; line-height:26px; border-radius:15px;}
	
	.main .sec03 .business .card .wrap .info.bottom {bottom:70px;}
	.main .sec03 .business .card .wrap .info.top {top:70px;}
	
	
	.main .sec04 {padding:60px 32px;}
	.main .sec04 p {font-size:14px;}
	.main .sec04 h2 {font-size:27px; padding-top:0;}

	
	.main .sec05 .bg {padding:60px 32px;}
	.main .sec05 p {font-size:16px;}
	.main .sec05 h2 {font-size:32px; padding-top:0;}
	.main .sec05 .contents {margin-top:55px;}
	
	.main .sec05 .contents .head {gap:15px;}
	.main .sec05 .contents .head .icon {width:30px; height:30px; flex-shrink: 0;}
	.main .sec05 .contents .head h3 {font-size:27px; font-weight:600;}
	.main .sec05 .contents .head p {font-size:13px; margin-top:10px;}
	.main .sec05 .contents .swiper-slide {border-radius:5px;}
	
	.main .sec05 .portfolio {margin-top:80px;}
	.main .sec05 .portfolio h3{font-size:32px;}
	.main .sec05 .portfolio p {font-size:14px; margin-top:28px;}
	
	.portfolio_wrap {gap:5px;}
	.portfolio_wrap .portfolio_item {gap:5px;}
	.portfolio_wrap .portfolio_item img {border-radius:5px; width:33%;}
	
	
	.main .sec05 .list h3 {font-size:20px;}
	.main .sec05 .list p {font-size:13px;}
	.main .sec05 .list p span {font-size:14px;}
	
	.main .sec05 .list a {font-size:12px;}
	
	.main .sec07 {padding:60px 32px; overflow:hidden;}
	.main .sec07 .main_title {font-size:27px;}
	.main .sec07 p {font-size:13px; margin-top:16px;}
	
	.main .sec07 .results .card {padding:36px 10px;}
	.main .sec07 .results .card .count {font-size:32px; font-weight:700;}
	.main .sec07 .results .card .title {font-size:16px;}
	.main .sec07 .results .card .desc {font-size:12px; margin-top:18px;}
	
	.main .sec07 .results {grid-template-columns: 1fr 1fr; gap:15px; margin-top:45px;}
	
	
	.main .sec08 .wrapper {padding:0 32px; box-sizing:border-box;}
	.main .sec08 .companys {margin-top:30px;}
	.main .sec08 .companys .swiper-slide {width:80px; height:80px;}
	.main .sec08 .companys .swiper-slide img {width:100%;}
	.main .sec08 h2 {font-size:20px;}
	
	.main .sec09 {padding:60px 32px;}
	.main .sec09 .main_title {font-size:27px;}
	.main .sec09 .main_description {font-size:13px; margin-top:16px;}
	.main .sec09 .values {grid-template-columns: 1fr; gap:25px; margin-top:45px;}
	.main .sec09 .values .card .info .point {font-size:10px;}
	.main .sec09 .values .card .info .title {font-size:20px;}
	.main .sec09 .values .card .info .desc {font-size:13px;}
	
	.main .sec09 .values .card .info {top:20px;}
	
	
	.competitiveness_wrap.result .results {padding-bottom:100px!important;}
	
	
}