@charset "utf-8";
main .title {
    width: 100%;
    text-align: center;
}
main .txt {
	width: 57%;
	position: absolute;
	left: 0%;
	top: 0;
	/* transform: translateY(-50%); */
	color: #fff;
	text-align: center;
	margin-top: 20%;
	height: 100%;
}
main h2 {
    font-size: 70px;
    font-family: var(--font-point);
    text-align: center;
    font-weight: 800;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 2rem;
    letter-spacing: -2px;
}
main h2 strong {position:relative;z-index: 1;}
main h2 strong:before {content:"";background-image:url(/img/main/flag.svg);width: 342px;height: 235px;position:absolute;top
0: 58%;bottom: 48%;left: 50%;transform: translateX(-50%);z-index: -1;background-repeat: no-repeat;}
main h2 span {color: #FFE100;display: block;}
main .txt p {font-size: 25px;font-weight: 500;font-family: 'SCoreDream';}
main .link {display:flex;justify-content: center;gap: 0 3rem;margin-top: 4rem;}
main .link a {color:#fff;border:1px solid #fff;padding: 1rem;display:block;width: 240px;border-radius: 1rem;font-size: 20px;}
main .link a:hover {background-color:#303E93; transition:all .6s; border-color:#303E93;}
main h3 {
    font-size: 45px;
    font-family: var(--font-point);
    font-weight: 800;
}
main .sec1 {height: 100vh;}
.main_slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.main_slide .swiper-wrapper {width: 100%;position: relative;}
.main_slide .slide {height: 100%;}
.main_slide .slide img, .main_slide .slide video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.slide-control {
    position: absolute;
    top: 50%;
    width: 100%;
}
.slide-control .leaf{/* position: relative; *//* width: 100%; */display: flex;justify-content: space-between;}
.slide-control .leaf button {
    z-index: 1;
    background-color: unset;
    border: unset;
    position: relative;
}
.slide-control .leaf .button-prev {
    left: -6%;
    position: relative;
}
.slide-control .leaf .button-next {right: -6%;}
.slide-control .leaf button i {
    font-size: 3rem;
    color: var(--color-dark);
    transition:all .5s
}
.slide-control .leaf button:hover i {color:var(--color-main2); }
.bg_visual {position:fixed;top:0;left: 0;width: 100%;height: 100vh;z-index: -1;}
.video_wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.video_wrap video{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%,-50%);}
.contents_area {padding: 0 7%;}



/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1600px)  {
	main .txt {top:10%}
	main h2 {font-size:4.5vw}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
	main .txt {width:100%;top: 32%;/* padding: 3rem; */}
	main h2 {font-size: 4rem;} 
	main h2 strong:before {
    width: 233px;
    background-size: contain;
    height: 160px;
}
	.main_slide .slide {position:relative;}
	.main_slide .slide img, .main_slide .slide video {object-position: 90%;height: 100%;}
	.main_slide .slide:before {content:"";position:absolute;width: 100%;height:100%;background-color:#0000004f}
	main .link a {background-color:var(--color-main); border-color:var(--color-main)}
} 



/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/
@media all and (max-width:767px) {
	.main_slide .slide img, .main_slide .slide video {object-position: 84%;}
	main .txt {top:35%;padding: 0 .5rem;}
	main h2 {font-size: 2.5rem;word-break:keep-all}
	main h2 span {display:inline-block}
	main h2 strong:before {height:100px;width: 147px;}
	main .txt p {font-size:18px}
	main .link {gap: .5rem 0;flex-wrap: wrap;margin-top: 2rem;}
	main .link a {padding:.5rem;font-size: 17px;}
	
}