/* 인사말 */
.greeting .top { background: url('/00_common/images/template/T0003/sub/greet_Bg.png')no-repeat center center / cover; word-break: keep-all; }

/* 기관상징 및 캐릭터소개 */
.sub0103_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(var(--titSize) * 1.2); }
.sub0103_box .img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: calc(var(--titSize) * 19); height: auto; padding: calc(var(--titSize) * 1.5); background: url('/00_common/images/template/T0003/sub/img_0103_bg.png') center center / contain; border-radius: 0.6rem; overflow: hidden; border: 1px solid #D5D5D5; }
.sub0103_box:first-child .img img { max-width: calc(var(--titSize) * 11.55); }
.sub0103_box:last-child .img img { max-width: calc(var(--titSize) * 9.2); }
.sub0103_box .txt { flex: 1; font-size: calc(var(--titSize) * 0.85); line-height: var(--basicLine); display: flex; flex-direction: column; gap: calc(var(--titSize) * 1.25); }

/* 시설안내 */
.fcltLst { margin-top: calc(var(--titSize) * 2); }
.fcltLst ul { display: flex; flex-wrap: wrap; gap: calc(var(--titSize) * 1.5); }
.fcltLst ul li { width: calc((100% - calc(var(--titSize) * 1.5)) / 2); border: 1px solid #D5D5D5; border-radius: 0.6rem; padding: calc(var(--titSize) * 1.5); display: flex; flex-direction: column;  }
.fcltLst ul li .img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: calc(var(--titSize) * 20); height: calc(var(--titSize) * 11.9); overflow: hidden; margin: 0 auto; border-radius: 0.6rem; background: #E6E6E6; max-width: 100%; }
.fcltLst ul li .img img { width: 100%; height: auto; object-fit: cover; }
.fcltLst ul li span { text-align: center; display: block; margin: calc(var(--titSize) * 1.05) 0 calc(var(--titSize) * 0.85); font-size: calc(var(--titSize) * 1.2); font-weight: bold; line-height: var(--basicLine); }
.fcltLst ul li p { color: #555; display: block; text-align: center; font-size: calc(var(--titSize) * 0.85); line-height: var(--basicLine); }

/* 오시는길 */
.mapWrap .map { min-height: calc(var(--titSize) * 37.75); }

/* 이용안내 */
.imgBoxLyr { display: flex; border-radius: 0.6rem; border: 1px solid #a4a9d1; background: #f9faff; padding: calc(var(--titSize) * 3) calc(var(--titSize) * 3.5); flex-wrap: wrap; }
.imgBoxLyr .imgBox { width: calc(var(--titSize) * 16); }
.imgBoxLyr .imgBox .img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; height: calc(var(--titSize) * 10.1); border-radius: 0.6rem; overflow: hidden; }
.imgBoxLyr .imgBox .img img { object-fit: cover; max-width: 100%; }
.imgBoxLyr .imgBox > span { display: block; text-align: center; margin: calc(var(--titSize) * 0.8) 0 calc(var(--titSize) * 0.6); font-size: calc(var(--titSize) * 1.5); font-weight: bold; line-height: var(--basicLine); }
.imgBoxLyr .imgBox > p { text-align: center; font-size: calc(var(--titSize) * 0.85); line-height: var(--basicLine); }
.imgBoxLyr .txt { flex: 1; padding-left: calc(var(--titSize) * 2); margin-left: calc(var(--titSize) * 3.6); border-left: 1px solid #DEE3FF; }
.imgBoxLyr .txt h5 { color: #222222; }

/******* 반응형 *******/
@media screen and (max-width: 1024px) {

    /* 이용안내 */
    .imgBoxLyr { padding: calc(var(--titSize) * 3); }
    .imgBoxLyr .txt { margin-left: calc(var(--titSize) * 2); }
}

@media screen and (max-width: 860px) {
    /* 기관상징 및 캐릭터소개 */
    .sub0103_box .img { width: 100%; }
    .sub0103_box .txt { flex: none; width: 100%; }
}

@media screen and (max-width: 768px) {
    /* 시설안내 */
    .fcltLst ul li { width: 100%; }
    .fcltLst ul li .img { height: auto; }

    /* 이용안내 */
    .imgBoxLyr { align-items: center; justify-content: center; padding: calc(var(--titSize) * 2) calc(var(--titSize) * 1.5); }
    .imgBoxLyr .imgBox { width: 100%; }
    .imgBoxLyr .imgBox .img { height: auto; background: #e1e1e1; }
    .imgBoxLyr .imgBox .img img { height: 100%; }
    .imgBoxLyr .txt { flex: none; width: 100%; margin-left: 0; padding-left: 0; border: none; margin-top: calc(var(--titSize) * 2); border-top: 1px solid #DEE3FF; padding-top: calc(var(--titSize) * 2); }
}

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

    /* 이용안내 */
    .imgBoxLyr { padding: calc(var(--titSize) * 1.5) calc(var(--titSize) * 1); }
    .imgBoxLyr .txt { margin-top: calc(var(--titSize) * 1.25); padding-top: calc(var(--titSize) * 1.25); }
    .imgBoxLyr .imgBox > span { font-size: calc(var(--titSize) * 1.25); }
}