/* 비주얼 */
.area-pg-visual { position: relative; width: 100%; height: 16.2rem; padding: 4rem 0; }
.area-pg-visual .maxWidth {position: relative; width: 100%; height: 100%; }
.area-pg-visual .bgImage { background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.area-pg-visual .titleWrap .sub { font-size: var(--f-fontSize04); margin-bottom: 0.2rem; font-weight: 600; }
.area-pg-visual .titleWrap .title { color: var(--c-text01); margin-bottom: 1.2rem; }
.area-pg-visual .titleWrap .contact-btn { display: flex; align-items: center; justify-content: center; width: 6.5rem; height: 32px; border-radius: 999999px; background-color: var(--c-text01); color: #fff; font-size: var(--f-detail); line-height: 150%; font-weight: 400; }
.area-pg-visual .titleWrap .contact-btn .arrow { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/common/buttonArrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 0.8rem; height: 0.8rem; margin-left: 0.1rem; }

/* 비주얼 배너 */
.area-pg-banner { padding: 1.2rem 0; background-color: #F5F5F7; }
.area-pg-banner .innerBox > div { display: flex; gap: 12px; }
.area-pg-banner .innerBox > div + div { margin-top: 12px; }
.area-pg-banner .innerBox figure { display: block; min-width: 1.2rem; width: 1.2rem; height: 1.2rem; background-size: cover; background-repeat: no-repeat; }
.area-pg-banner .innerBox figure.img01 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/junior-abroad-seminar-admission/iconEarth.svg'); }
.area-pg-banner .innerBox figure.img02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/junior-abroad-seminar-admission/iconFace.svg'); }
.area-pg-banner .innerBox span { display: block; font-size: var(--f-body1); }

@media screen and (max-width: 768px){
    /* 비주얼 */
    .area-pg-visual { height: 23.08rem; padding: 3.08rem 0; }
    .area-pg-visual .maxWidth { padding: 0 24px; }
    .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/junior-abroad-seminar-admission/mainBanner_mo_250704.png'); background-position: bottom center; }
    .area-pg-visual .titleWrap { position: static; }
    .area-pg-visual .titleWrap .sub { margin-bottom: 4px; font-size: 1.23rem; line-height: 24px; }
    .area-pg-visual .titleWrap .title { margin: 0; font-size: 2.46rem; line-height: 42px; }
    .area-pg-visual .titleWrap .contact-btn { display: none; }

    /* 비주얼 배너 */
    .area-pg-banner { padding: 16px 0; }
    .area-pg-banner .innerBox > div { gap: 8px; }
    .area-pg-banner .innerBox > div + div { margin-top: 8px; }
    .area-pg-banner .innerBox figure { width: 20px; height: 20px; }
    .area-pg-banner .innerBox span { font-size: 1.077rem; }
}
