@charset "utf-8";

/* Main CSS */

/* Main Visual */
.m_visual {
	position: relative;
	/* padding-top: 75px; */
	margin: 10rem 0 0;
	z-index: 100
}

.m_visual .layout{
	position: relative;
	overflow: hidden;
}

.m_visual .slick-slider{
	border-radius: 15px;
	overflow: hidden;
}

.m_visual .visual01 {
	height: 520px;
	background: url(/img/2025/main/mv_bg_new.jpg) center center no-repeat;
}

.slogan_box{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 5rem;
}

.slogan_box img{
	position: absolute;
	top: -5px;
	z-index: -1;
}

.slogan_box p:first-of-type{
	font-family: 'Pretendard-Bold';
	font-size: 2.4rem;
	margin-top: 33rem;
}

.slogan_box .date span:first-child{
	position: relative;
	padding-right: 1.7rem;
	margin-right: 1.7rem;
}

.slogan_box .date span:first-child::after{
	content: '';
	position: absolute;
	right: 0;
	top: 4px;
	width: 1px;
	height: 13px;
	background: rgba(0, 0, 0, 0.4);
}

.slogan_box a{
	margin-top: 3rem;
	width: 32%;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

/*.slogan_box a{
	font-family: 'RixYeoljeongdo_Regular';
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-top: 4rem;
	background: #c6ff29;
	text-transform: uppercase;
	width: fit-content;
	padding: 1.5rem 5rem;
	border-radius: 5rem;
}

.slogan_box a img{
	width: 28px;
}*/

/* Countdown */

.m_countdown{
	padding: 3rem 0;
}

#countdown{
	display: flex;
	gap: 1rem;
	/* width: 100%; */
	/* max-width: 55%; */
	text-align: center;

}

#countdown p{
	display: flex;
	flex: 1;
	flex-direction: column;
	border-radius: 10px;
	backdrop-filter: blur(5px);
	overflow: hidden;
	border: 1px solid #154197;
}

#countdown .big{
	font-family: 'Pretendard-Bold';
	font-size: 3.6rem;
	padding: 1rem 0;
	background: #154197;
	color: #fff;
}

#countdown span:not(.big){
	background: #edf1fd;
	font-size: 1.6rem;
	padding: 5px 0;
	
}

/* Apply */

.m_apply{
	background: #edf1fd;
	padding: 6rem 0;
}

.m_apply .box_banner{
	margin-bottom: 3rem;
	border-radius: 15px;
	background: #154197 url(/img/2025/main/banner_object.png) 0 10% no-repeat;
	color: #fff;
	padding: 7rem;
	font-size: 2.4rem;
}

.m_apply .box_banner strong{
	text-transform: uppercase;
	font-family: 'Pretendard-Bold';
}

.box_onoff{
	display: flex;
	gap: 3rem;
}

.box_onoff > div{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	background: #fff;
	border-radius: 15px;
	padding: 5rem 2rem;
}

.box_onoff h2{
	font-family: 'Pretendard-Black';
	font-size: 3.6rem;
	text-align: center;
	margin-bottom: 3rem;
}

.box_onoff ul{
	margin-top: 2.5rem;
}

.box_onoff li{
	display: flex;
	gap: 2rem;
	margin-bottom: 1.5rem;
}

.box_onoff li:last-child{
	margin-bottom: 0;
}

.box_onoff li span:first-child{
	display: inline-block;
	width: 9rem;
	text-align: center;
	background: #154197;
	font-size: 1.6rem;
	color: #fff;
	padding: 5px 0;
	border-radius: 3rem;
}

/* Sponsor */

.m_spon{
	padding: 6rem 0;
}

.m_spon h2{
	font-family: 'Pretendard-Bold';
	font-size: 2.8rem;
	margin-bottom: 1rem;
}

.m_spon ul{
	margin-bottom: 3rem;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.m_spon li{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f4f4f4;
	border-radius: 10px;
	padding: 2rem;
	width: calc((100% - 40px) / 5);
	text-align: center;
}

.m_spon ul:last-child{
	margin-bottom: 0;
}

/* ----------------------------------------- Media Query ----------------------------------------- */
@media only screen and (min-width : 1921px) {
	.m_visual .visual01{
		background-size: cover;
	}
}

@media only screen and (max-width : 1300px) {
	
	/* Main Visual */
	/*. m_visual{
		padding-top: 58px;
	} */

	.slogan_box p:first-of-type{
		margin-top: 38rem;
	}
	
	
	/* Apply */
	.m_apply{
		padding: 4rem 0;
	}
	
	.m_apply .box_banner{
		padding: 5rem 3rem;
	}
	
	.box_onoff > div{
		padding: 3rem 2rem;
	}
	
	.box_onoff h2{
		font-size: 3.2rem;
	}
	
	.box_onoff img{
		height: 14rem;
	}
	
	/* Sponsor */
	.m_spon{
		padding: 4rem 0;
	}
}

@media only screen and (max-width : 1024px) {
	
	/* Main Visual */
	/* .m_visual{
		padding-top: 53px;
	} */
	
	.m_visual .visual01{
		background-size: 1200px;
		height: 428px;
	}
	
	.slogan_box .layout{
		padding-left: 3rem;
	}

	.slogan_box img{
		max-width: 38rem;
	}
	
	.slogan_box p:first-of-type{
		font-size: 2rem;
		margin-top: 30rem;
	}
	
	.slogan_box .big{
		font-size: 3.6rem;
	}
	
	/* Apply */
	.m_apply .box_banner{
		padding: 3rem;
		background-position-x: -70px;
		font-size: 2rem;
	}
	
	.box_onoff h2{
		font-size: 2.8rem;
		margin-bottom: 2rem;
	}
	
	/* Sponsor */
	.m_spon h2{
		font-size: 2.4rem;
	}
}

@media only screen and (max-width : 860px) {
	
	/* Sponsor */
	.m_spon li{
		width: calc((100% - 30px) / 4);
	}
}

@media only screen and (max-width : 768px) {
	
	/* Apply */
	.m_apply .box_banner{
		background-size: 250px;
		background-position-x: -50px;
		margin-bottom: 10px;
	}
	
	.box_onoff{
		flex-direction: column;
		gap: 10px;
	}
	
	.box_onoff > div{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: start;
	}
	
	.box_onoff h2{
		font-size: 2.4rem;
		width: 100%;
	}
	
	.box_onoff ul{
		margin: 0 0 0 3rem;
	}
	
	/* Sponsor */
	.m_spon h2{
		font-size: 2.2rem;
	}
}

@media only screen and (max-width : 640px) {
	
	/* Main Visual */
	.m_visual .visual01{
		background-size: 900px;
		height: 320px;
		background-position-x: 20%;
	}

	.slogan_box{
		padding-left: 3rem;
	}

	.slogan_box .layout{
		padding-left: 1rem;
	}

	.slogan_box img{
		width: 28rem;
	}
	
	.slogan_box p:first-of-type{
		font-size: 1.8rem;
		margin-top: 22rem;
	}
	
	.slogan_box .big{
		font-size: 3.2rem;
		margin-bottom: 1rem;
	}
	
	.slogan_box a{
		font-size: 1.6rem;
		margin-top: 1.5rem;
	}
	
	/* Apply */
	.m_apply .box_banner{
		background-image: none;
		font-size: 1.8rem;
		padding: 2rem 3rem;
	}
	
	.m_apply .box_banner p{
		text-align: center;
	}
	
	.box_onoff > div{
		padding: 2rem;
	}
	
	.box_onoff h2{
		margin-bottom: 1rem;
		font-size: 2.2rem;
	}
	
	.box_onoff img{
		height: 12rem;
	}
	
	.box_onoff ul{
		margin-left: 2rem;
	}
	
	.box_onoff li{
		margin-bottom: 5px;
		font-size: 1.6rem;
		align-items: center;
		gap: 1rem;
	}
	
	.box_onoff li span:first-child{
		padding: 2px 0;
	}
	
	/* Sponsor */
	.m_spon h2{
		font-size: 2rem;
	}

	.m_spon li{
		width: calc((100% - 20px) / 3);
	}
	
}

@media only screen and (max-width : 480px) {
	
	/* Main Visual */
	.m_visual .visual01{
		background-position-x: 37%;
	}

	.slogan_box a{
		width: 50%;
	}
	
	/* Apply */
	.box_onoff img{
		height: 10rem;
	}
}

@media only screen and (max-width : 420px) {
	
	/* Apply */
	.box_onoff > div{
		flex-direction: column;
	}

	.box_onoff img{
		height: 8rem;
		margin-bottom: 2rem;
	}
	
	/* Sponsor */
	.m_spon li{
		width: calc((100% - 10px) / 2);
	}
}