/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* 메인페이지 반응형 */

.br-title,
.br-767,
.br-380 {
	display: none;
}

.main-visual-3-right .title-1,
.main-visual-3-right .title-2,
.main-visual-3-right .title-3 {
	text-align: right !important;
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
	.br-title {
		display: inline;
	}	
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
	.mainvisual-1 .title {
		left: -170px !important;
	}
}

@media (max-width: 1200px) {
	.mainvisual-1 .title {
		width: 100% !important;
		left: 0 !important;
		font-size: calc(4em + .5vw) !important;
		padding-right: 0 !important;
	}
	
	.mainvisual-1 .subtitle {
		font-size: calc(1em + .5vw) !important;
	}

	.sct_wrap .title-1 {
		font-size: calc(3em + .5vw);
	}

	.sct_wrap .title-2 {
		font-size: calc(2.5em + .5vw);
	}

	.sct_wrap .title-3 {
		font-size: calc(1.5em + .5vw);
	}
}

@media (max-width: 818px) {
	#hd_pops_3 {
		left: 50% !important;
		transform: translateX(-50%) !important;
	}
}

@media (max-width: 800px) {
	.sport-title-2 {
		line-height: 1.2 !important;
		margin: 20px 0 20px 0 !important;
	}
}

@media (max-width: 767px) {
	.smt_10 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.circle,
	.circle2 {
		display: none !important;
	}
	.br-767 {
		display: inline;
	}
	div.main-visual-3-right {
		align-items: center;
	}
}

@media (max-width: 600px) {
	.main-visual-3-right .title-1,
	.main-visual-3-right .title-2 {
		line-height: 1.2 !important;
		margin: 10px 0 20px 0;
	}
	.photo-gallery {
		display: none;
	}
}

@media (max-width: 380px) {
	.br-380 {
		display: inline;
	}
	.sport-title-1 {
		line-height: 1.2 !important;
		margin: 10px 0 20px 0;
	}
}