/* 소개 */
.intro .top { display: flex; align-items: center; justify-content: center; color: #fff; font-size: calc(var(--titSize) * 1.5); line-height: var(--basicLine); min-height: calc(var(--titSize) * 7.5); padding: calc(var(--titSize) * 1.5); border-radius: calc(var(--titSize) * 1.5) calc(var(--titSize) * 1.5) calc(var(--titSize) * 0.6) calc(var(--titSize) * 0.6); overflow: hidden; background: linear-gradient(to right, #1a3aba, #0c1a54); position: relative; word-break: keep-all; text-align: center; }
.intro .top::before { background: url('/00_common/images/template/T0002/sub/bg_0101.png')no-repeat center center / cover; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; position: absolute; }

.intro.B .top::before { background: url('/00_common/images/template/T0002/sub/bg_0102.png')no-repeat center center / cover; }

.intro .top em { font-weight: bold; }
.intro .txt { margin-top: calc(var(--titSize) * 0.5); border: 1px solid #a4a9d1; background: #f9faff; padding: calc(var(--titSize) * 1.5) calc(var(--titSize) * 2); border-radius: 0.6rem; }
.intro .txt p { font-size: calc(var(--titSize) * 0.85); line-height: var(--basicLine); }
.intro .txt p ~ p { margin-top: calc(var(--titSize) * 1.5); }

/******* 반응형 ******/

@media screen and (max-width: 768px) {
    /* 소개 */
    .intro .top { font-size: calc(var(--titSize) * 1.3); min-height: calc(var(--titSize) * 6.5); }
    .intro .txt { padding: calc(var(--titSize) * 1.25); }
}