.banner_cursor {
  position: fixed; 
  left: 0; top: 0;
  width: 14.3rem; height: 6.2rem;
  background: url('../_img/main/banner_drag.png') no-repeat 0 0 / 100% 100%;
  pointer-events: none;  
  z-index: 9999; 
  transform: translate(-50%, -50%); 
  opacity: 1;
  display: none;    
}
.main_banner{
	position: relative;
	height: 100vh;
	background:#000;
	overflow: hidden;
	cursor: none;
}
.main_banner::before{
	content: '';
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	background: url(../_img/main/banner_bg.png) no-repeat center center / cover;
	z-index: 10;
	pointer-events: none;
}
.main_banner::after{
	content: '';
	position: absolute;
	bottom: 16vh; left: 0;
	width: 100%; height: 32.13vh;
	background: #A7A7A7;
	opacity: .09;
}
.main_banner .txt{
	padding-top:25vh; 
	text-align: center;
}
.main_banner .txt img{
	max-width: 970px;
	width: 51.51vw;  
}
.main_banner .sw_bx{
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	text-align: center;
	z-index: 1;
}
.main_banner .sw_bx img{
	max-width: 1200px;
	width: 77.55vw; 
}
@media (min-width:1921px) {
	.main_banner::after{bottom: 21vh;}
	.main_banner .txt img{max-width: 989px;}
	.main_banner .sw_bx img{max-width: 1489px;}
}
@media (max-width:1900px) {
	.main_banner{height:100rem;}
	.main_banner::after{
		bottom: 15rem; 
		height: 30rem;
	}
	.main_banner .txt img{
		max-width: 900px;
		width: 100%;
	}
	.main_banner .sw_bx img{
		max-width: 1200px;
		width: 100%;
	}
}
@media (max-width:1199.98px) {
	.main_banner::after{height: 28rem;}
	.main_banner .txt img{max-width: 850px;}
	.main_banner .sw_bx img{max-width: 1000px;}
}
@media (max-width:991.98px) {
	.main_banner{height:80rem;}
	.main_banner::after{bottom: 10rem;}
	.main_banner .txt {padding-top: 20rem;}
	.main_banner .txt img{max-width: 650px;}
	.main_banner .sw_bx img{max-width: 850px;}
}
@media (max-width:767.98px) {
	.main_banner{height:55rem;}
	.main_banner::after{bottom: 5rem; height: 20rem;}
	.main_banner .txt {padding-top: 16rem;}
	.main_banner .txt img{max-width: 400px;}
	.main_banner .sw_bx img{max-width: 500px;}
}
@media (max-width:575.98px) {
	.main_banner{height:50rem;}
	.main_banner::after{height: 18rem;}
	.main_banner .txt {padding-top: 18rem;}
	.main_banner .txt img{max-width: 250px;}
	.main_banner .sw_bx img{max-width: 360px;}
}


#main_container{
	color: #fff;
	background: #101010;
}
#main_container > section{padding: 16rem 0;}
#main_container .mainTit{
	margin-bottom: 4rem;
	font-weight: 700;
	font-size: var(--fs32);
	line-height: 128%;
}
#main_container .mainDesc{
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 140%;
	letter-spacing: -1.9%;
}
@media (max-width:991.98px) {
	#main_container > section{padding: 12rem 0;}
	#main_container .mainTit{margin-bottom: 3rem;}
}
@media (max-width:767.98px) {
	#main_container > section{padding: 8rem 0;}
	#main_container .mainTit{margin-bottom: 2rem;}
}


/* sec01 */
#main_container > .sec01 > div{
	display: flex;
	justify-content: space-between;
	gap: 2rem;
}
#main_container > .sec01 > div > div{width: 57.65%;}
#main_container > .sec01 h3{
	margin-bottom: 3rem;
	font-size: var(--fs32);
	font-weight: 700;
	line-height: 128%;
}
#main_container > .sec01 > h3{
	flex-shrink: 0;
	margin-bottom: 0 !important;
}
#main_container > .sec01 p{
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: 300;
}
@media (max-width:991.98px) {
	#main_container > .sec01 > div{display: block;}
	#main_container > .sec01 > div > div{
		width: 100%;
		margin-top: 3rem;
	}
	#main_container > .sec01 h3{margin-bottom: 1.5rem;}
}


/* sec02 */
#main_container > .sec02{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 100vh;
	padding: 0;
	text-align: center;
	background: url(../_img/main/sec02_bg.png) no-repeat center center / cover;
}
#main_container > .sec02 .bg{
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
  pointer-events: none;
}
#main_container > .sec02 .container{z-index: 1;}
#main_container > .sec02 h3{
	padding-bottom: 1rem;
	margin-bottom: 4rem;
	font-size: var(--fs64);
	font-weight: 600;
	line-height: 115%;
}
#main_container > .sec02 p{
	font-weight: 300;
	font-size: var(--fs20);
	line-height: 140%;
}
#main_container > .sec02 h3, 
#main_container > .sec02 p { 
	overflow: hidden;
}
#main_container > .sec02 h3 span, 
#main_container > .sec02 p span { 
	display: inline-block;
	will-change: transform, opacity; 
}
@media (max-width:1199.98px) {
	#main_container > .sec02 h3{margin-bottom: 3rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec02 h3{margin-bottom: 2rem;}
}


/* sec03 */
#main_container > .sec03 .bx1{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	height: 50rem;
	margin-top: 7rem;
	padding: 3rem;
	border-radius: 10px;
	overflow: hidden;
}
#main_container > .sec03 .bx1 video{
	position: absolute;
	inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	object-position: center;
}
#main_container > .sec03 .bx1 .btn-st {position: relative; z-index: 1;}
#main_container > .sec03 .bx1 .btn-st img{width: 1.6rem;}
#main_container > .sec03 .bx1 .btn-st.on img{transform: rotateX(-180deg);}
#main_container > .sec03 .bx2{padding-top: 7rem; display: none;}
#main_container > .sec03 .bx2 ul{
	display: flex;
	flex-wrap: wrap;
	gap: 4rem 2rem;
}
#main_container > .sec03 .bx2 ul li{
	width: calc(50% - 1rem);
	font-weight: 700;
	font-size: var(--fs20);
	line-height: 128%;
}
#main_container > .sec03 .bx2 ul li img{
	width: 100%;
	margin-bottom: 2rem;
	border-radius: 10px;
}
@media (max-width:991.98px) {
	#main_container > .sec03 .bx1{
		height: 40rem;
		margin-top: 5rem;
		padding: 2rem;
	}
	#main_container > .sec03 .bx2{padding-top: 5rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec03 .bx1,
	#main_container > .sec03 .bx2 ul li img{
		border-radius: 5px;
	}
	#main_container > .sec03 .bx1{
		height: 30rem;
		margin-top: 4rem;
	}
	#main_container > .sec03 .bx2{padding-top: 4rem;}
	#main_container > .sec03 .bx2 ul{gap: 2rem 1rem;}
	#main_container > .sec03 .bx2 ul li{width: calc(50% - .5rem);}
	#main_container > .sec03 .bx2 ul li img{margin-top: 1.5rem;}
}
@media (max-width:575.98px) {
	#main_container > .sec03 .bx1{height: 25rem;}
	#main_container > .sec03 .bx2 ul li{width: 100%;}
}


/* sec04 */
#main_container > .sec04{overflow: hidden;}
#main_container > .sec04 .top{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 3rem;
	margin-bottom: 7rem;
}
#main_container > .sec04 .sw_btn{
	display: flex;
	gap: 2rem;
	flex-shrink: 0;
}
#main_container > .sec04 .sw_btn div{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.8rem; height: 4.8rem;
	background: #404040;
	border-radius: 50%;
	cursor: pointer;
}
#main_container > .sec04 .sw_btn img{width: 2.8rem;}
#main_container > .sec04 .mySwiper{
	overflow: hidden;
	width: 150%;
}
#main_container > .sec04 .swiper-slide{width: 41.3rem;}
#main_container > .sec04 .item img,
#main_container > .sec04 .item video{
	width: 100%;
	height: 30rem;
	object-fit: cover;
	object-position: center;
	border-radius: 1rem;
	transition: all .3s;
}
#main_container > .sec04 .item p{
	margin-top: 2rem;
	line-height: 150%;
	font-size: var(--fs20);
	font-weight: bold;
	color: #575659;
}
#main_container > .sec04 .swiper-slide-active .item img,
#main_container > .sec04 .swiper-slide-active .item video{
	height: 43.6rem;
}
#main_container > .sec04 .swiper-slide-active p{
	color: #fff;
}
@media (max-width:991.98px) {
	#main_container > .sec04 .top{margin-bottom: 5rem;}
	#main_container > .sec04 .sw_btn{gap: 1rem;}
	#main_container > .sec04 .swiper-slide{width: 35rem;}
	#main_container > .sec04 .swiper-slide-active .item img, 
	#main_container > .sec04 .swiper-slide-active .item video {
    height: 38rem;
	}
}
@media (max-width:767.98px) {
	#main_container > .sec04 .top{margin-bottom: 4rem;}
	#main_container > .sec04 .sw_btn div{width: 4rem; height: 4rem;}
	#main_container > .sec04 .sw_btn img {width: 2.4rem;}
	#main_container > .sec04 .swiper-slide{width: 30rem;}
	#main_container > .sec04 .swiper-slide-active .item img, 
	#main_container > .sec04 .swiper-slide-active .item video {
    height: 34rem;
	}
}
@media (max-width:575.98px) {
	#main_container > .sec04 .top{display: block;}
	#main_container > .sec04 .sw_btn{margin-top: 2rem;}
}


/* sec05 */
#main_container > .sec05 .bx{
	display: flex;
	gap: 2rem;
	margin-top: 7rem;
}
@media (max-width:991.98px) {
	#main_container > .sec05 .bx{margin-top: 5rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec05 .bx{
		flex-wrap: wrap;
		margin-top: 4rem;
	}
}


/* sec06 */
#main_container > .sec06 .desc{
	margin-top: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 140%;
	color: #A8A8AC;
}
#main_container > .sec06 .bx{
	display: flex;
	gap: 2rem;
	margin-top: 7rem;
}
#main_container > .sec06 .bx > div{width: 100%;}
#main_container > .sec06 .bx div p{
	margin-top: 1.5rem;
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 140%;
}
@media (max-width:991.98px) {
	#main_container > .sec06 .bx{margin-top: 5rem;}
	#main_container > .sec06 .bx div p{margin-top: 1rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec06 .bx{
		flex-wrap: wrap;
		margin-top: 4rem;
	}
}


/* sec07 */
#main_container > .sec07 {background: #1F1F1F;}
#main_container > .sec07 .bx{
	display: flex;
	gap: 2rem;
	margin:10rem 0 7rem;
}
#main_container > .sec07 .bx div{width: 100%;}
#main_container > .sec07 .bx img{width: 3.6rem;}
#main_container > .sec07 .bx div p:first-of-type{
	margin:2rem 0 1rem;
	font-size: var(--fs20);
	font-weight: 700;
	line-height: 128%;
}
#main_container > .sec07 .bx div p:last-of-type{
	font-weight: 300;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: -1.9%;
	color: #A8A8AC;
}
@media (max-width:1199.98px) {
	#main_container > .sec07 .bx div p br{display: none;}
}
@media (max-width:991.98px) {
	#main_container > .sec07 .bx{
		flex-wrap: wrap;
		margin:7rem 0 5rem;
	}
	#main_container > .sec07 .bx div p:first-of-type{margin:1rem 0 5px;}
}
@media (max-width:767.98px) {
	#main_container > .sec07 .bx{margin:5rem 0 4rem;}
}



/* sec08 */
#main_container > .sec08 h4{
	margin: 1rem 0 9rem;
	font-size: var(--fs40);
	font-weight: 700;
	line-height: 128%;
}
#main_container > .sec08 .sw_bx{
  position: relative;
  overflow: hidden;
}
#main_container > .sec08 .sw_bx::before,
#main_container > .sec08 .sw_bx::after{
  content: '';
  position: absolute;
  top: 0; 
  width: 20%;
  height: 100%;
  background: #101010;
  z-index: 10;
}
#main_container > .sec08 .sw_bx::before{
  left: 0;
  background: linear-gradient(-90deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 1) 100%);
}
#main_container > .sec08 .sw_bx::after{
  right: 0;
  background: linear-gradient(90deg, rgba(16, 16, 16, 0) 0%, rgba(16, 16, 16, 1) 100%);
}
#main_container > .sec08 .swiper-wrapper{
	transition-timing-function: linear !important;
	touch-action: none;
	-webkit-user-drag: none; 
  user-select: none; 
}
#main_container > .sec08 .swiper-slide{width: 28rem;}
#main_container > .sec08 .swiper-slide img{
	width: 100%;
	filter: grayscale(100%) opacity(.5);
	transition: all .3s;
	touch-action: none;
	-webkit-user-drag: none; 
  user-select: none; 
}
#main_container > .sec08 .swiper-slide:hover img{
	filter: grayscale(0%) opacity(1);
}
@media (max-width:991.98px) {
	#main_container > .sec08 h4{margin-bottom: 7rem;}
	#main_container > .sec08 .swiper-slide{width: 20rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec08 h4{margin-bottom: 5rem;}
}


/* sec09 */
#main_container > .sec09{background: #1F1F1F;}
#main_container > .sec09 .top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 7rem;
}
#main_container > .sec09 h3{
	font-size: var(--fs48);
	font-weight: 700;
	line-height: 128%;
}
#main_container > .sec09 .btn-st{
	color: #fff;
	background: #323234;
}
#main_container > .sec09 .btn-st img{width: 2rem;}
#main_container > .sec09 ul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
}
#main_container > .sec09 ul li + li{
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid #575659;
}
#main_container > .sec09 ul li a{flex-shrink: 0;}
#main_container > .sec09 ul li a img{width: 3.6rem;}
#main_container > .sec09 ul li div{width: 86%;}
#main_container > .sec09 .subject{
	font-weight: 700;
	font-size: var(--fs24);
	line-height: 129%;
	overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#main_container > .sec09 .date{
	margin-top: 1rem;
	font-size: 1.6rem;
	line-height: 82%;
	color: #68686B;
}
@media (max-width:991.98px) {
	#main_container > .sec09 .top{margin-bottom: 5rem;}
	#main_container > .sec09 ul li a img{width: 3rem;}
}
@media (max-width:767.98px) {
	#main_container > .sec09 .top{margin-bottom: 4rem;}
	#main_container > .sec09 ul li + li{
		margin-top: 2rem;
		padding-top: 2rem;
	}
}