.visual {
	padding: 300px 0 250px;
	box-sizing: border-box;
}
.visual .inner {
	max-width: 1440px;
}
.visual .circle {
	position: absolute;
	top: 150px;
	right: 56px;
	width: 60%;
	max-width: 1122px;
	height: 631px;
}
.visual .circle video {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: lighten;
}
.visual .txt_box {
	gap: 60px;
	padding: 20px 0;
}
.visual .txt_box .box {
	gap: 30px;
}
.visual .txt_box .box .title {
	gap: 16px;
}
.visual .txt_box .box .title span {
	font-size: 18px;
	line-height: 1;
}
.visual .txt_box .box .title h2 {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.2;
}
.visual .txt_box .box p {
	font-size: 18px;
	line-height: 1.4;
}
.visual .txt_box .box p .m {
	display: none;
}



.sec {
	padding: 120px 0;
}
.sec .inner {
	gap: 60px;
	overflow: hidden;
}
.tit_box {
	gap: 24px;
}



.sec01 .list {
	gap: 24px;
}
.sec01 .list .item {
	flex: 1;
	padding: 60px 40px;
	gap: 30px;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
}
.sec01 .list .item strong {
	font-size: 24px;
}
.sec01 .list .item p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	opacity: .6;
}



.sec02 .tit_box {
	flex: 1;
	max-width: 630px;
}
.sec02 .circle_box {
	position: relative;
	width: 580px;
	height: 580px;
	border-radius: 500px;
	border: 1px solid rgba(255, 255, 255, 0.30);
	background: rgba(1, 15, 51, 0.15);
	justify-content: center;
	overflow: hidden;
}
.sec02 .circle_box .line span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: .35;
	display: block;
	width: 110%;
	height: 1px;
	background: var(--white);
}
.sec02 .circle_box .line span.line1 {
	transform: translate(-50%,-50%) rotate(158deg);
}
.sec02 .circle_box .line span.line2 {
	transform: translate(-50%,-50%) rotate(113deg);
}
.sec02 .circle_box .line span.line3 {
	transform: translate(-50%,-50%) rotate(68deg);
}
.sec02 .circle_box .line span.line4 {
	transform: translate(-50%,-50%) rotate(23deg);
}
.sec02 .circle_box .icon_box .item {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 145px;
	gap: 6px;
	line-height: 1.2;
	z-index: 1;
}
.sec02 .circle_box .icon_box .item.item1 {
	top: 75px;
}
.sec02 .circle_box .icon_box .item.item2 {
    top: 140px;
    left: auto;
    right: -10px;
}
.sec02 .circle_box .icon_box .item.item3 {
	top: 50%;
    left: auto;
    right: -75px;
}
.sec02 .circle_box .icon_box .item.item4 {
	top: auto;
    bottom: 75px;
    left: auto;
    right: -10px;
}
.sec02 .circle_box .icon_box .item.item5 {
	top: auto;
    bottom: 20px;
}
.sec02 .circle_box .icon_box .item.item6 {
    top: auto;
    bottom: 90px;
    left: 138px;
}
.sec02 .circle_box .icon_box .item.item7 {
	left: 70px;
}
.sec02 .circle_box .icon_box .item.item8 {
	top: 135px;
	left: 142px;
}


.sec02 .circle_box .video {
	position: relative;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	justify-content: center;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1;
}
.sec02 .circle_box .video:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 9, 67, 0.50) 0%, rgba(0, 9, 67, 0.50) 100%);
	z-index: 1;
}
.sec02 .circle_box .video video {
	position: absolute;
	top: -5%;
	left: -5%;
	display: block;
	width: 110%;
	height: 110%;
	object-fit: cover;
	border-radius: 50%;
	overflow: hidden;
	z-index: -1;
}
.sec02 .circle_box .video .box {
	position: relative;
	gap: 10px;
	z-index: 1;
}
.sec02 .circle_box .video .box h2 {
	font-size: 40px;
	font-weight: 900;
	line-height: 1.2;
}
.sec02 .circle_box .video .box p {
	font-size: 18px;
	line-height: 1.4;
}



.sec04 .list > div {
	flex: 1;
	gap: 20px;
}
.sec04 .list > div p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	opacity: .6;
	text-transform: capitalize;
}
.sec04 .list > div h3 {
	font-size: 48px;
	text-transform: uppercase;
}



.sec05 .slide {
	position: relative;
}
.sec05 .slide .swiper-slide {
	min-width: 200px;
}
.sec05 .slide .date {
	width: max-content;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.2;
	padding: 12px 20px;
	border-radius: 100px;
	background: rgba(5, 0, 28, 0.15);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(255, 255, 255, 0.3);
	margin-bottom: 30px;
	box-sizing: border-box;
}
.sec05 .slide .date span {
	display: inline-block;
	transform: rotate(0.04deg);
}
.sec05 .slide .cont {
	position: relative;
	padding-right: 10px;
	box-sizing: border-box;
}
.sec05 .slide .cont .icon {
	position: relative;
}
.sec05 .slide .cont .icon .i_v {
	position: absolute;
	top: 22px;
    left: 10px;
	display: block;
	height: 50px;
	border-right: 1px dashed var(--white);
	box-sizing: border-box;
}
.sec05 .slide .cont .icon .i_s {
    position: absolute;
    top: 12px;
    left: 22px;
    display: block;
    width: calc(100% - 12px);
    border-bottom: 1px dashed var(--white);
	box-sizing: border-box;
}
.sec05 .slide .cont h4 {
	margin-top: 70px;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.2;
	text-transform: capitalize;
}
.sec05 .slide .cont h4 span {
	display: inline-block;
	transform: rotate(0.04deg);
}
.sec05 .slide .cont p {
	margin-top: 16px;
	font-size: 18px;
	line-height: 1.4;
}



.sec06 .list {
	gap: 24px;
}
.sec06 .list .item {
	width: calc(33.333% - 16px);
	padding: 40px;
	gap: 20px;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
}
.sec06 .list .item .top .num {
	font-size: 32px;
	line-height: 1.2;
}
.sec06 .list .item .tit strong {
	font-size: 24px;
	line-height: 1.2;
}
.sec06 .list .item .tit span {
	font-size: 18px;
	line-height: 1.2;
	opacity: .8;
}
.sec06 .list .item p {
	font-size: 18px;
	line-height: 1.2;
}



.sec07 {
	padding: 200px 0;
	gap: 120px;
}
.sec07 .inner {
	max-width: 1360px;
}
.sec07 .list {
	gap: 24px;
}
.sec07 .list .item {
	flex: 1;
    gap: 20px;
	padding: 30px;
	border-radius: 30px;
    background: rgba(0, 0, 0, 0.15);
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(255, 255, 255, 0.3);
	font-size: 18px;
	line-height: 1.2;
    box-sizing: border-box;
}
.sec07 .list .item p {
	opacity: .8;
}
.sec07 .video {
	position: relative;
	width: 500px;
	height: 500px;
	margin: 0 auto;
	mask-image: radial-gradient(50% 50% at 50% 50%, #000 27.88%, rgba(255, 255, 255, 0.00) 100%);
	z-index: -1;
}
.sec07 .video video {
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
	mix-blend-mode: lighten;
}

.sec07 .form .txt_box {
	width: 352px;
	gap: 10px;
	padding: 80px 0;
	box-sizing: border-box;
}
.sec07 .form .txt_box > div {
	position: relative;
	gap: 16px;
	font-size: 18px;
	line-height: 1.2;
}
.sec07 .form .txt_box > div strong {
	font-weight: 900;
	text-transform: capitalize;
	transform: rotate(0.04deg);
}
.sec07 .form .txt_box > div .icon {
	position: absolute;
	width: max-content
}
.sec07 .form .txt_box > div.t1 .icon {
	bottom: -38px;
    right: -90px;
}
.sec07 .form .txt_box > div.t2 .icon {
	bottom: 0;
    right: -90px;
}
.sec07 .form .txt_box > div.t3 .icon {
	bottom: 0;
    right: -90px;
}
.sec07 .form .txt_box > div.t4 .icon {
	bottom: -38px;
    left: -90px;
}
.sec07 .form .txt_box > div.t5 .icon {
	bottom: 0;
    left: -90px;
}
.sec07 .form .txt_box > div.t6 .icon {
	bottom: 6px;
    left: -90px;
}




.sec08 .slider {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.sec08 .logo-slider {
    display: inline-block;
    animation: logoSlider 120s infinite linear;
}
.sec08 .logo-slider img:hover {
    transform: scale(1);
}
.sec08 .slider2 .logo-slider {
    animation-direction: reverse;
}
@keyframes logoSlider {
    from{
        transform: translate(0);
    }
    to{
        transform: translate(-100%);
    }
}
@-webkit-keyframes logoSlider {
    from{
        transform: translate(0);
    }
    to{
        transform: translate(-100%);
    }
}



.sec09 .swiper-slide {
	width: 480px;
}
.sec09 .swiper-slide .box {
	gap: 40px;
	padding: 40px;
	border-radius: 30px;
	background: rgba(5, 0, 28, 0.15);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
}
.sec09 .swiper-slide .box .info {
	gap: 16px;
	font-size: 18px;
	line-height: 1.2;
}
.sec09 .swiper-slide .box .info .title {
	font-size: 20px;
	font-weight: 500;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sec09 .swiper-slide .box .info .desc {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sec09 .swiper-slide .box .info span {
	opacity: .6;
}



.sec10 .tit_box {
	padding-right: 150px;
    box-sizing: border-box;
}
.sec10 .tit_box a {
	position: absolute;
    bottom: 2px;
    right: 0;
	width: max-content;
	padding-right: 26px;
	font-size: 18px;
	background: url("../images/arriw-right-long.svg")no-repeat 100% 50% / 20px;
	box-sizing: border-box;
}
.sec10 .list {
	border-radius: 30px;
	background: rgba(5, 0, 28, 0.15);
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(255, 255, 255, 0.3);
	padding: 40px;
	box-sizing: border-box;
}
.sec10 .list .item .ques_btn {
	position: relative;
	width: 100%;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
	padding: 26px 80px 26px 30px;
	background: transparent;
	transition: all .3s;
	box-sizing: border-box;
}
.sec10 .list .item .ques_btn:after {
	content: '';
	position: absolute;
	top: 20px;
    right: 30px;
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/ic_plus.svg")no-repeat 50% 50% / 27px;
}
.sec10 .list .item.open {
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 16px 0 rgba(0, 13, 60, 0.10);
}
.sec10 .list .item.open .ques_btn {
	padding-top: 40px;
	padding-bottom: 40px;
}
.sec10 .list .item.open .ques_btn:after {
	top: 33px;
	background-image: url("../images/ic_minus.svg");
}
.sec10 .list .item .answer {
    display: none;
    border-top: 1px dashed rgba(255, 255, 255, 0.5);
    padding: 40px 0px;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 30px;
    box-sizing: border-box;
}
.sec10 .list .item.open .answer {
	display: block;
}



.main_bottom {
	position: relative;
	height: 100vh;
	background: rgba(5, 0, 28, 0.50);
	justify-content: center;
	gap: 60px;
	padding: 0 20px;
	box-sizing: border-box;
}
.main_bottom .tit_box {
	gap: 20px;
}
.main_bottom .tit_box h3.tit {
	font-size: 48px;
}
.main_bottom .link a {
	margin: 0 auto;
}
.main_bottom .copy {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 100%;
	text-align: center;
	font-size: 18px;
}





@media screen and (max-width: 1440px) {
	.visual .circle {
		width: 50%;
	}
}
@media screen and (max-width: 1280px) {
	.visual .circle {
		right: 0;
	}

	.sec01 .list {
		justify-content: center;
	}
	.sec01 .list .item {
		flex: none;
		width: calc(33.333% - 16px);
	}

	.sec03 .list .item {
        width: calc(50% - 12px);
    }

	.sec06 .list .item .tit span {
		width: 100%;
	}

	.sec07 .form .txt_box > div .icon svg {
		transform: scale(0.85);
	}

	.sec09 .swiper-slide {
		width: 400px;
	}
}
@media screen and (max-width: 1024px) {
	.visual {
        padding: 120px 0 110px;
        height: 100vh;
    }
	.visual .circle {
        top: 290px;
        width: 100%;
        max-width: 100%;
        height: 440px;
    }
	.visual .inner {
		height: 100%;
	}
	.visual .txt_box {
		height: 95%;
		justify-content: space-between;
	}
	.visual .txt_box .box .title span {
		font-size: 14px;
	}
	.visual .txt_box .box .title h2 {
    	font-size: 24px;
	}
	.visual .txt_box .box p {
		font-size: 14px;
	}
	.visual .txt_box .box p .m {
		display: block;
	}
	.visual .link a {
		margin: 0 auto;
	}

	.sec {
		padding: 80px 0;
	}
	.sec .inner {
    	gap: 40px;
	}

	.sec01 .list {
		justify-content: start;
	}
	.sec01 .list .item {
		width: calc(50% - 12px);
		padding: 40px 25px;
		gap: 20px;
	}
	.sec01 .list .item:last-child {
		width: 100%;
	}
	.sec01 .list .item .icon > * {
		width: 30px!important;
		height: 30px!important;
	}
	.sec01 .list .item strong {
		font-size: 20px;
	}
	.sec01 .list .item p {
    	font-size: 14px;
	}

	.sec02 .tit_box {
		flex: none;
		width: 100%;
		text-align: center;
	}

	
	.sec03 .list .item:last-child {
		width: calc(50% - 12px);
	}


	.sec04 .list {
		gap: 30px 10px;
	}
	.sec04 .list > div {
		flex: none;
		width: calc(50% - 5px);
	}
	.sec04 .list > div h3 {
    	font-size: 40px;
	}


	.sec05 .slide .cont p {
		font-size: 14px;
	}


	.sec06 .list .item {
		width: calc(50% - 12px);
	}
	.sec06 .list .item .top .num {
		font-size: 24px;
	}
	.sec06 .list .item .top .icon > * {
		width: 60px!important;
		height: 60px!important;
	}
	.sec06 .list .item .tit {
		gap: 5px 10px;
	}
	.sec06 .list .item .tit strong {
    	font-size: 20px;
	}
	.sec06 .list .item .tit span {
		font-size: 16px;
	}
	.sec06 .list .item p {
		font-size: 14px;
	}


	.sec07 .list .item {
		flex: none;
		width: calc(50% - 12px);
		font-size: 16px;
		gap: 15px;
	}
	.sec07 .form .txt_box {
    	width: 200px;
	}
	.sec07 .form .txt_box > div {
		gap: 8px;
		font-size: 14px;
	}


	.sec08 .logo-slider img {
		height: 60px;
	}


	.sec09 .swiper-slide {
        width: 320px;
    }
	.sec09 .swiper-slide .box {
		gap: 30px;
		padding: 25px;
	}
	.sec09 .swiper-slide .box .info {
		font-size: 14px;
	}
	.sec09 .swiper-slide .box .info .title {
		font-size: 18px;
	}


	.sec10 .tit_box a {
		font-size: 14px;
	}
	.sec10 .list {
		padding: 20px;
	}
	.sec10 .list .item .ques_btn {
		font-size: 16px;
		padding: 16px 54px 16px 15px;
	}
	.sec10 .list .item .ques_btn:after {
		top: 15px;
		right: 15px;
		width: 22px;
		height: 22px;
		background-size: 100%;
	}
	.sec10 .list .item .answer {
		padding: 30px 0;
		font-size: 16px;
		margin: 0 20px;
	}
	.sec10 .list .item.open .ques_btn {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.sec10 .list .item.open .ques_btn:after {
    	top: 28px;
	}


	.main_bottom {
		gap: 40px;
	}
	.main_bottom .tit_box {
		gap: 10px;
	}
	.main_bottom .tit_box h3.tit {
		font-size: 34px;
	}
	.main_bottom .tit_box p {
		font-size: 16px;
	}
	.main_bottom .copy {
		bottom: 120px;
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	.sec01 .list .item {
		width: 100%!important;
	}
	.sec01 .list .item strong {
        font-size: 18px;
    }

	.sec02 .circle_box {
		width: 400px;
		height: 400px;
	}
	.sec02 .circle_box .video {
		width: 200px;
		height: 200px;
	}
	.sec02 .circle_box .video .box h2 {
		font-size: 24px;
	}
	.sec02 .circle_box .video .box p {
    	font-size: 12px;
	}
	.sec02 .circle_box .icon_box .item {
		width: 110px;
		font-size: 13px;
		gap: 2px;
	}
	.sec02 .circle_box .icon_box .item .icon {
		transform: scale(0.8);
		margin-bottom: -5px;
	}
	.sec02 .circle_box .icon_box .item.item1 {
		top: 50px;
	}
	.sec02 .circle_box .icon_box .item.item1 .icon {
		margin-bottom: 0;
	}
	.sec02 .circle_box .icon_box .item.item2 {
		top: 98px;
		right: -20px;
	}
	.sec02 .circle_box .icon_box .item.item3 {
		right: -57px;
	}
	.sec02 .circle_box .icon_box .item.item4 {
		bottom: 41px;
		right: -18px;
	}
	.sec02 .circle_box .icon_box .item.item5 {
		bottom: 10px;
	}
	.sec02 .circle_box .icon_box .item.item6 {
		bottom: 50px;
		left: 90px;
	}
	.sec02 .circle_box .icon_box .item.item7 {
		left: 55px;
	}
	.sec02 .circle_box .icon_box .item.item8 {
		top: 95px;
		left: 97px;
	}


	.sec06 .list .item {
		width: 100%;
		padding: 25px;
	}

	.sec07 .list .item {
		width: 100%;
	}
	.sec07 .form .txt_box {
        width: 130px;
		padding: 40px 0;
    }
	.sec07 .form .txt_box > div .icon svg {
        transform: scale(0.5);
    }
	.sec07 .video {
		height: 400px;
	}
	.sec07 .video video {
		top: 50%;
		transform: translate(-50%, -50%);
		height: 130%;
	}



	.main_bottom .tit_box h3.tit {
        font-size: 28px;
    }
	.main_bottom .tit_box p {
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
	.visual .circle {
		top: 3%;
		height: 340px;
	}


	.sec02 .circle_box .video {
        width: 140px;
        height: 140px;
    }
	.sec02 .circle_box .video .box h2 {
        font-size: 18px;
    }
	.sec02 .circle_box {
        width: 300px;
        height: 300px;
    }
	.sec02 .circle_box .icon_box .item {
		width: 95px;
		font-size: 11px;
	}
	.sec02 .circle_box .icon_box .item .icon {
        transform: scale(0.6);
    }
	.sec02 .circle_box .icon_box .item.item1 {
		top: 40px;
	}
	.sec02 .circle_box .icon_box .item.item2 {
        top: 70px;
        right: -25px;
    }
	.sec02 .circle_box .icon_box .item.item3 {
        right: -50px;
    }
	.sec02 .circle_box .icon_box .item.item4 {
        bottom: 27px;
        right: -25px;
    }
	.sec02 .circle_box .icon_box .item.item5 {
        bottom: 0px;
    }
	.sec02 .circle_box .icon_box .item.item6 {
        bottom: 35px;
        left: 73px;
    }
	.sec02 .circle_box .icon_box .item.item7 {
        left: 45px;
    }
	.sec02 .circle_box .icon_box .item.item8 {
        top: 65px;
        left: 76px;
    }


	.sec04 .list > div {
		gap: 7px;
	}
	.sec04 .list > div p {
    	font-size: 14px;
	}
	.sec04 .list > div h3 {
		font-size: 26px;
	}


	.sec07 .form .txt_box {
		width: 100%;
		padding: 0;
		gap: 20px;
	}
	.sec07 .form .txt_box > div .icon {
		display: none;
	}
	.sec07 .form .txt_box > div.t3 .icon {
        display: block;
        right: auto;
        left: -20px;
        bottom: -75px;
        transform: rotate(90deg);
    }
	.sec07 .form .txt_box > div.t3 .icon svg {
        transform: scale(0.8);
    }
	.sec07 .form .txt_box > div.t4 .icon {
        display: block;
        top: -115px;
        right: -60px;
        left: auto;
        bottom: auto;
        transform: rotate(90deg);
    }
	.sec07 .form .txt_box > div.t4 .icon svg {
        transform: scale(0.8);
    }
	.sec07 .video {
		flex: none;
		width: 100%;
	}
	.sec07 .video video {
		height: 100%;
	}
}
@media screen and (max-width: 380px) {
	.sec02 .circle_box {
		width: 260px;
		height: 260px;
	}
	.sec02 .circle_box .video {
        width: 100px;
        height: 100px;
    }
	.sec02 .circle_box .video .box p {
		display: none;
	}
	.sec02 .circle_box .icon_box .item {
		width: 80px;
	}
	.sec02 .circle_box .icon_box .item.item2 {
        top: 60px;
        right: -16px;
    }
	.sec02 .circle_box .icon_box .item.item3 {
        right: -40px;
    }
	.sec02 .circle_box .icon_box .item.item4 {
        bottom: 20px;
        right: -17px;
    }
	.sec02 .circle_box .icon_box .item.item5 {
        bottom: 5px;
    }
	.sec02 .circle_box .icon_box .item.item6 {
        left: 65px;
    }
	.sec02 .circle_box .icon_box .item.item7 {
        left: 40px;
    }
	.sec02 .circle_box .icon_box .item.item8 {
        left: 67px;
    }
}