.sub-visual-inner {background: url(/_res/csu/main/img/common/bg-sub-visual.png)no-repeat center center;height: 500px;background-size: cover;}


.sub-visual-inner .sub-contents {max-width: 1480px;width: 100%;margin: 0 auto;padding: 0 20px;box-sizing: border-box;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.sub-visual-inner .sub-contents h2 {font-weight: 700;font-size: 64px;line-height: 150%;letter-spacing: 0;color: #fff;margin: 0 0 16px;}
.sub-visual-inner .sub-contents .path > div { display: flex;align-items: center; gap: 12px;color: #fff;}
.sub-visual-inner .sub-contents .path .home { font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 0.02em; color: #666666; position: relative; display: flex; align-items: center; gap: 20px; }
.sub-visual-inner .sub-contents .path > div > ul { display: flex; gap: 20px; align-items: center;flex-wrap: wrap;}
.sub-visual-inner .sub-contents .path > div > ul .path-selected { font-weight: 500; font-size: 16px; line-height: 150%; letter-spacing: -0.01em; position: relative; display: flex; align-items: center; gap: 20px; color: #ffffff; transition: all 1s cubic-bezier(.22,.61,.36,1); }
.sub-visual-inner .sub-contents .path > div > ul .path-selected:before { content: ""; display: inline-block; background: #ffffff; width: 4px; height: 4px; border-radius: 100%; transition: all 1s cubic-bezier(.22,.61,.36,1); }
.sub-visual-inner .sub-contents .path .path-depth { display: none; }

@media (max-width: 768px) {
	.sub-visual-inner { height: 350px; min-height: 0; }
	.sub-visual-inner .sub-contents h2 {font-size: 32px;}
	.sub-visual-inner .sub-contents .path > div > ul .path-selected {font-size: 13px;gap: 10px;}
}