@charset "UTF-8";

#subVisual{
	width:100%;
	padding-top:100px; /* 고정 헤더(100px) 높이만큼 확보 */
	background:linear-gradient(120deg, #3d2a56 0%, #6b4a8f 55%, #7d5aa3 100%);
	position:relative;
	overflow:hidden;
}

#subVisual .scrollCircle{
	display:none;
}

/* 브레드크럼 - 화면 끝까지 이어지는 얇은 와인색 바 (en 사이트 스타일) */
#subVisual .subVisuBox .subNav{
	position:relative;
	left:50%;
	width:100vw;
	margin-left:-50vw;
	box-sizing:border-box;
	display:flex;
	gap:8px;
	justify-content:flex-start;
	align-items:center;
	background-color:#89294f;
	padding:10px 5vw;
	margin-bottom:50px;
}

#subVisual .subVisuBox .subNav li{
	font-size:.8rem;
	color:var(--white);
	font-weight:400;
	letter-spacing:.03em;
}

#subVisual .subVisuBox .subNav li:nth-child(2){
	width:5px;
	filter:brightness(0) invert(1);
	opacity:.7;
}

#subVisual .subVisuBox .subNav li:nth-child(2) img{
	width:100%;
}

#subVisual .subVisuBox{
	position:static;
	width:90%;
	max-width:1400px;
	margin:0 auto;
	padding:0 0 60px;
}

#subVisual .subVisuBox .subVisuTit{
	font-size:2.5rem;
	font-weight:700;
	color:var(--white);
	text-align:left;
	margin-top:0;
}

@media screen and (max-width:1200px){
	#subVisual .subVisuBox .subVisuTit{
		font-size:2.5rem;
	}
}

@media screen and (max-width:1024px){
	#subVisual{
		padding-top:90px;
	}

	#subVisual .subVisuBox .subVisuTit{
		font-size:2.2rem;
	}
}

@media screen and (max-width:767px){
	#subVisual .subVisuBox{
		padding:28px 0 34px;
	}

	#subVisual .subVisuBox .subVisuTit{
		font-size:1.8rem;
	}

	#subVisual .subVisuBox .subNav li{
		font-size:.8rem;
	}

	#subVisual .subVisuBox .subNav li:nth-child(2){
		width:5px;
	}
}

@media screen and (max-width:460px){
	#subVisual .subVisuBox .subVisuTit{
		font-size:1.6rem;
	}
}

@media screen and (max-with:375px){
	#subVisual{
		height:65vh;
	}

	#subVisual .subVisuBox .subVisuTit{
		font-size:2.307rem;
	}
}

.commonInfo{
	display:flex;
	margin-top:60px;
}

.commonInfo .left{
	width:34%;
}

.commonInfo .right{
	width:66%;
}

.commonInfo .left .infoTit{
	font-size:1.875rem;
	font-weight:700;
	word-break:keep-all;
}

.commonInfo .right .infolist{
	display:flex;
	flex-flow:wrap;
	justify-content:space-between;
	gap:40px 20px;
}

.commonInfo .right .infolist li{
	width:calc((100% - 20px) /2);
	border-top:1px solid var(--gray02);
}

.commonInfo .right .infolist li .icnTit{
	display:flex;
	gap:10px;
	margin:10px 0 15px 0;
}

.commonInfo .right .infolist li .icnTit figure{
	width:11px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.commonInfo .right .infolist li .icnTit figure img{
	width:100%;
}

.commonInfo .right .infolist li .icnTit h5{
	font-size:1rem;
	font-weight:700;
	color:var(--gray02);
}

.commonInfo .right .infolist li .infolistTxt{
	font-size:1.125rem;
	font-weight:700;
	word-break:keep-all;
}

.commonInfo .right .infolist li .infolistTxt a{
	font-size:inherit;
	font-weight:inherit;
}

@media screen and (max-width:1200px){
	.commonInfo .left .infoTit{
		font-size:1.733rem;
	}
}

@media screen and (max-width:1024px){
	.commonInfo{
		margin-top:40px;
	}

	.commonInfo .right .infolist li .icnTit{
		margin:10px 0;
	}
}

@media screen and (max-width:767px){
	.commonInfo .left .infoTit{
		font-size:1.428rem;
	}

	.commonInfo{
		margin-top:25px;
		flex-direction:column;
		gap:15px;
	}

	.commonInfo .left{
		width:100%;
	}

	.commonInfo .right{
		width:100%;
	}

	.commonInfo .right .infolist{
		gap:20px;
	}

	.commonInfo .right .infolist li .infolistTxt{
		font-size:1.23rem;
	}

	.commonInfo .right .infolist li .icnTit{
		gap:7px;
	}

	.commonInfo .left .infoTit br{
		display:none;
	}
}

@media screen and (max-width:640px){
	.commonInfo .right .infolist li{
		width:100%;
	}

	.commonInfo .left .infoTit{
		font-size:1.692rem;
	}
}

@media screen and (max-width:460px){
	

	.commonInfo{
		gap:10px;
	}
}