.main_visual#main_visual_mo{
	display:none;
}

.main_visual .swiper-container{
	position: relative;
}

.main_visual .swiper-container .mv_control{
	display: flex;
	flex-direction: row-reverse;
	margin-left:2rem;
	font-size: 4rem;
	color: #fff;
	position:absolute;
	bottom:5%;
	right:5%;
}
.main_visual .swiper-container .mv_control .mv_next{
	margin:0 3rem;
}
.main_visual .swiper-container .mv_scroll {
	position:absolute;
	bottom:10%;
	left:0;
	transform:rotate(-90deg);
}
.main_visual .swiper-container .mv_scroll span {
	display: inline-block;
	font-size: 1.3rem;
	text-align: center;
	color: #fff;
	font-weight: 300;
	animation: main_visual_scroll 1.2s infinite ease-in-out; /* 애니메이션 적용 */
}

@keyframes main_visual_scroll {
	0%, 100% {
			transform: translateX(0); /* 기본 위치 */
	}
	50% {
			transform: translateX(-10px); /* 위로 살짝 이동 */
	}
}
.main_visual .swiper-container .mv_scroll span::before {
	content: ''; 
	display: inline-block;
	width: 1.4rem; 
	height: 1.4rem;
	background-color: #fff; 
	border-radius: 50%; 
	margin-right: 1rem; 
	vertical-align: middle; 
}
.main_visual .swiper-slide{
	height:100vh;
	position:relative;
	
}
.main_visual .swiper-slide > .container{
	height:100%;
}
.main_visual .swiper-slide .txt_box{
	position:absolute;
	left:0%;
	width:100%;
	bottom:20%;
	text-align:center;
	color:#fff;
	padding:0 15px;
	padding-top:90px;
	z-index:5;
	text-align:left;
	font-family:'Poppins' ,sans-serif !important;
}
.main_visual .swiper-slide .txt_box h3{
	font-size:8rem;
	font-weight:600;
	line-height:11rem;
}
.main_visual .swiper-slide .txt_box p{
	font-size:4rem;
	font-weight:300;
	position:relative;
}

.main_visual .swiper-slide .bg_bar{
	position:absolute;
	left:0;
	top:50%;
	width:25%;
	height:0;
	transform:translateY(-50%);
	z-index:1;
	overflow:hidden;
	transition:all 1s ease-in-out;
}
.main_visual .swiper-slide .bg_bar.bar1{}
.main_visual .swiper-slide .bg_bar.bar2{left:25%;}
.main_visual .swiper-slide .bg_bar.bar3{left:50%;}
.main_visual .swiper-slide .bg_bar.bar4{left:75%;}
.main_visual .swiper-slide .bg_bar p{
	height:100vh;
	width:100%;
	top:50%;
	transform: translateY(-50%);
	position:absolute;
	
}
.main_visual .swiper-slide.swiper-slide-active .bg_bar{
	height:100%;
}

#main_container > section{
	padding-top:12rem;
	padding-bottom:12rem;
	position:relative;
	z-index:5;
}

@media (max-width: 1199.98px) {
	.main_visual .swiper-slide .txt_box{
		bottom:24%;
		}

}

@media (max-width: 991.98px) {
	.main_visual .swiper-slide .txt_box{
		bottom:24%;
		text-align: center;
	}

	.main_visual .swiper-slide .txt_box h3{
		font-size:6rem;
		font-weight:600;
		line-height:8rem;
	}
	.main_visual .swiper-slide .txt_box p{
		font-size:3rem;
		font-weight:300;
		position:relative;
	}
	.main_visual .swiper-slide03{
		background-image:url('../_img/main/mv3_mo.jpg') !important;
	}
}

@media(max-width:767.98px){
	#main_container > section{
		padding-top:8rem;
		padding-bottom:8rem;
	}
	.main_visual .swiper-slide .txt_box{

	}
	.main_visual .swiper-slide .txt_box h3{
		font-size:5rem;
		font-weight:600;
		line-height:6rem;
	}
	.main_visual .swiper-slide .txt_box p{
		font-size:2.4rem;
		font-weight:300;
		position:relative;
	}
}
#main_container > section.bg::after{
	content:"";
	position:absolute;
	z-index:-1;
	left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
	width:100vw;
	top:0;
	height:100%;
}

.main_visual  .mv_video{
	width:100%;
	height:100vh;
	overflow:hidden;
	padding-top:8rem;
}
.main_visual  .mv_video > div{
	width:100%;
	height:100%;
	position:relative;
}
.main_visual  .mv_video > div video{
	position:absolute;
	height:100%;
	width:auto;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
@media (max-width: 991.98px) {
	.main_visual  .mv_video{
		padding-top:60px;
		width:100%;
		height:auto;
		overflow:hidden;
	}
	.main_visual  .mv_video > div video{
		position:relative;
		height:auto;
		width:100%;
		left:auto;
		top:auto;
		transform:translate(0,0);
	}
}
@media(max-width:767.98px){
	.main_visual  .mv_video{
		padding-top:60px;
	}
}


/*메인공통*/
.main_title,
.main_title_area > h3{
	font-size:6.8rem;
	font-weight:600;
	font-family: "Poppins";
}
.main_title_area > h3 small{
	font-size:.7em;
}
.main_title_area{
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.main_title_area .more{
	font-size:1.5rem;
}
.main_title_area .more a{
	display:flex;
	color:inherit;
	align-items: center;
}
.main_title_area .more a i{
	width:4rem;
	height:4rem;
	text-align:center;
	line-height:4rem;
	background:#f2f2f2;
	border-radius:100%;
	margin-left:1rem;
}

@media(max-width:1199.98px){
	.main_title,
	.main_title_area > h3{
		font-size:5.5rem;
	}
}
@media(max-width:991.98px){
	.main_title,
	.main_title_area > h3{
		font-size:5rem;
	}
}
@media(max-width:767.98px){
	.main_title_area{
		flex-wrap:wrap;
		justify-content: center;
		text-align:center;
	}
	.main_title,
	.main_title_area > h3{
		font-size:4rem;
		width:100%;
	}
	.main_title_area .more{
		margin-top:15px;
	}
}
@media(max-width:576.98px){
	.main_title,
	.main_title_area > h3{
		font-size:3.4rem;
	}
}


/*sec01*/
#main_container > .sec01{}
#main_container > .sec01.bg::after{
	top:auto;
	bottom:0;
	height:34%;
	background:#f8f8f8;
}
#main_container > .sec01 .desc{
	margin-left:-10rem;
}

@media(max-width:1440px){
	#main_container > .sec01 .desc{
		margin-left:-4rem;
	}
}
@media(max-width:1199.98px){
	#main_container > .sec01 .desc{
		margin-left:0rem;
	}
}
@media(max-width:991.98px){
	#main_container > .sec01{text-align:center;}
	#main_container > .sec01 .row > div:nth-child(2){
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
	}
	#main_container > .sec01 .row > div:nth-child(2) .desc{
		order:-1;
		margin-bottom:3rem;
	}
}





/*sec02*/
#main_container > .sec02{
	color:#fff;
}
#main_container > .sec02.bg::after{
	background:url(../_img/main/sec02_bg.jpg) no-repeat center center / cover;
}
#main_container > .sec02 .product_list{}
#main_container > .sec02 .product_list .swiper-slide{
	max-width:44rem;
	text-align:center;
}
#main_container > .sec02 .product_list .swiper-slide .box{
	position:relative;
	display:block;
	padding-top:110%;
	color:#fff;
}
#main_container > .sec02 .product_list .swiper-slide .box > p{
	font-size:1.8rem;
	position:absolute;
	left:0;
	width:100%;
	bottom:3rem;
	z-index:5;
}
#main_container > .sec02 .product_list .swiper-slide .box:hover::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6)
}
#main_container > .sec02 .product_list .swiper-slide .box:hover::after{
	content:"VIEW MORE";
	position:absolute;
	font-family: "Poppins";
	width:18rem;
	height:18rem;
	line-height:18rem;
	font-size:1.5rem;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	border:1px solid rgba(255,255,255,.6);
	border-radius:100%;
	z-index:2;
}
#main_container > .sec02 .product_list .controll{
	position:relative;
	margin-top:5rem;
	padding-right:250px;
}
#main_container > .sec02 .product_list .controll .swiper-scrollbar{
	height:4px;
	background:rgba(255,255,255,.3)
}
#main_container > .sec02 .product_list .controll .swiper-scrollbar-drag{
	background:#00b4ff;
}
#main_container > .sec02 .product_list .controll .btns{
	position:absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
	width:220px;
	display:flex;
	justify-content:end;
	align-items: center;
}
#main_container > .sec02 .product_list .controll .btns .sec02_prev,
#main_container > .sec02 .product_list .controll .btns .sec02_next{
	font-size:2.8rem;
	padding:0px 20px;
	position:relative;
} 
#main_container > .sec02 .product_list .controll .btns .sec02_prev::after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	height:2rem;
	border-right:1px solid rgba(255,255,255,.3)
}
#main_container > .sec02 .product_list .controll .btns .more{
	background:rgba(255,255,255,.1);
	width:4.4rem;
	height:4.4rem;
	flex-shrink: 0;
	color:#fff;
	border-radius:100%;
	font-size:2.2rem;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-left:1rem;
}

@media(max-width:991.98px){
	#main_container > .sec02{
		text-align: center;
	}
	#main_container > .sec02 .product_list .swiper {
		overflow:hidden;
	}
	#main_container > .sec02 .product_list .swiper-slide{
		max-width:30rem;
	}
	#main_container > .sec02 .product_list .controll{
		padding-right:70px;
	}
	#main_container > .sec02 .product_list .controll .btns{
		width:60px;
	}
	#main_container > .sec02 .product_list .controll .sec02_prev,
	#main_container > .sec02 .product_list .controll .sec02_next{
		display:none;
	} 
}
@media(max-width:576.98px){
	#main_container > .sec02 .product_list .swiper-slide{
		max-width:26rem;
	}
}




/*sec03*/
#main_container > .sec03{}
#main_container > .sec03 .latest_list .box{
	display:block;
	border-bottom:1px solid #ccc;
	padding-bottom:3rem;
	height:100%;
}
#main_container > .sec03 .latest_list .box p.cate{
	position:relative;
}
#main_container > .sec03 .latest_list .box p.cate::after{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	border-top:1px solid #000;
}
#main_container > .sec03 .latest_list .box p.cate span{
	color:#fff;
	font-size:1.5rem;
	width:7rem;
	height:7rem;
	display:flex;
	align-items: center;
	justify-content: center;
	background:#000000;
	position:relative;
	z-index:2;
}
#main_container > .sec03 .latest_list .box p.title{
	font-size:2.2rem;
	color:#000;
	font-weight:400;
	line-height:1.4;
	margin:3rem 0 2rem 0;
}
#main_container > .sec03 .latest_list .box p.desc{
	font-size:1.8rem;
	color:#666;
	font-weight:400;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:50px;
    line-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
}
#main_container > .sec03 .latest_list .box p.date{
	margin-top:8rem;
	font-size:1.6rem;
	font-family: "Poppins";
	color:#999;
	font-weight:300;
}

@media(max-width:1199.98px){
	#main_container > .sec03 .latest_list .box p.title{
		font-size:2rem;
	}
	#main_container > .sec03 .latest_list .box p.desc{
		font-size:1.6rem;
		height:50px;
		line-height:24px;
	}
	#main_container > .sec03 .latest_list .box p.date{
		margin-top:5rem;
	}
}
@media(max-width:767.98px){
	#main_container > .sec03 .latest_list .box p.title{
		font-size:2rem;
	}
	#main_container > .sec03 .latest_list .box p.desc{
		font-size:1.6rem;
	}
}


/**/
#main_container > .sec04{}
#main_container > .sec04 .main_title{
	font-size:14rem;
	line-height:1;
	margin-bottom:8rem;
}
#main_container > .sec04 .main_title strong{
	font-weight:700;
}
#main_container > .sec04 .box{
	display:block;
	color:#000;
}
#main_container > .sec04 .box .more{
	font-size:1.5rem;
	font-family: 'Poppins';
	font-weight:500;
	margin-top:4rem;
	display:flex;
	align-items: center;
}
#main_container > .sec04 .box .more i{
	width:3.8rem;
	height:3.8rem;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.8rem;
	background:#eee;
	border-radius:100%;
	margin-left:1rem;
}
@media(max-width:1199.98px){
	#main_container > .sec04 .main_title{
		font-size:10rem;
		line-height:1;
		margin-bottom:8rem;
	}
}
@media(max-width:991.98px){
	#main_container > .sec04 .main_title{
		font-size:7rem;
	}
	#main_container > .sec04{
		padding-top:0;
	}
}
@media(max-width:767.98px){
	#main_container > .sec04 .main_title{
		font-size:5rem;
	}
}
@media(max-width:576.98px){
	#main_container > .sec04 .main_title{
		font-size:4.2rem;
	}
}



#main_container > .sec02_new {
	background:url('../_img/main/sec02_bg.jpg') no-repeat center center / cover;
	color:#fff;
}
#main_container > .sec02_new .flex {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:4rem 2rem;
	align-items:center;
}
#main_container > .sec02_new .flex .title {
	width:calc(66% - 2rem);
}
#main_container > .sec02_new .flex .in {
	width:calc(33% - 2rem);
}
#main_container > .sec02_new .flex .in > a {
	display:flex;
	flex-direction:column;
	width:100%;
	box-sizing:border-box;
	padding:3rem;
	background:#17192e;
	color:#fff;
	transition:all 0.3s;
}
#main_container > .sec02_new .flex .in > a:hover{
	background:#ffad01;
}
#main_container > .sec02_new .flex .in > a > .img > img {
	width:100%;
}
#main_container > .sec02_new .flex .in > a > .txt {
	margin-top:3rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size:2.2rem;
	font-weight:500;
}
@media (max-width: 1199.98px) {
	#main_container > .sec02_new .flex {
		gap:2rem 1rem;
	}
	#main_container > .sec02_new .flex .title {
		width:calc(66% - 1rem);
	}
	#main_container > .sec02_new .flex .in {
		width:calc(33% - 1rem);
	}
	#main_container > .sec02_new .flex .in > a {
		padding:2rem;
	}
	#main_container > .sec02_new .flex .in > a > .txt {
		margin-top:2rem;
		font-size:2rem;
	}
}
@media (max-width: 991.98px) {
	#main_container > .sec02_new .flex {
		gap:1rem 0.5rem;
	}
	#main_container > .sec02_new .flex .title {
		width:100%;
		margin-bottom:1rem;
	}
	#main_container > .sec02_new .flex .in {
		width:calc(33% - 0.5rem);
	}
	#main_container > .sec02_new .flex .in > a {
		padding:2rem;
	}
	#main_container > .sec02_new .flex .in > a > .txt {
		font-size:1.8rem;
	}
	#main_container > .sec02_new .flex .in > a > .txt > img {
		max-width:3rem;
	}
}
@media (max-width: 767.98px) {
	#main_container > .sec02_new .flex .in {
		width:calc(50% - 0.5rem);
	}
}
@media (max-width: 575.98px) {
	#main_container > .sec02_new .flex .in > a {
		padding:1.5rem;
	}
	#main_container > .sec02_new .flex .in > a > .txt {
		font-size:1.6rem;
	}
	#main_container > .sec02_new .flex .in > a > .txt > img {
		max-width:2.4rem;
	}
}