/*******************************************
    초중고 유학 입학전략 세미나
*******************************************/
/* 공통 */
.uk-scholarship { word-break: break-all; }
.uk-scholarship section > article { padding: 3.5rem 0; }
.uk-scholarship .articleTitle .sub { padding-top: .4rem; font-size: var(--f-fontSize04); }

/* 비주얼 */
.uk-scholarship .area-pg-visual { position: relative; width: 100%; height: 17.4rem; padding: 4rem 0; }
.uk-scholarship .area-pg-visual .maxWidth {position: relative; width: 100%; height: 100%; }
.uk-scholarship .area-pg-visual .bgImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-scholarship/mainBanner-250725-2.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.uk-scholarship .area-pg-visual .titleWrap { color: #fff; }
.uk-scholarship .area-pg-visual .titleWrap .title { margin-bottom: .4rem; color: #fff; }
.uk-scholarship .area-pg-visual .titleWrap .sub { margin-bottom: 1.6rem; font-size: var(--f-fontSize05); font-weight: 400; }
.uk-scholarship .area-pg-visual .titleWrap .contact-btn { display: flex; align-items: center; justify-content: center; width: 6.2rem; height: 2.4rem; border-radius: 8px; background-color: var(--c-text01); font-size: var(--f-body2); font-weight: 400; line-height: 150%; color: #fff; }
.uk-scholarship .area-pg-visual .titleWrap .contact-btn:hover { background-color: var(--c-text02); }
.uk-scholarship .area-pg-visual .titleWrap .contact-btn .arrow { width: 0.8rem; height: 0.8rem; margin-left: 0.1rem; 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; }

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

/* 장학금 소개 */
.introduce .contWrap { display: flex; gap: 1.2rem; }
.introduce .textWrap { width: calc(100% - 18rem - 1.2rem); }
.introduce .textWrap .text { margin-bottom: 1.2rem; padding: 1.6rem 0 1.2rem; border-bottom: 1px solid var(--c-border-blue); font-size: var(--f-fontSize05); }
.introduce .textWrap .text > p { padding-bottom: .6rem; font-size: var(--f-fontSize04); }
.introduce .textWrap .text strong { font-weight: 400; color: #006BC8; }
.introduce .textWrap .bottomText { font-size: var(--f-body2); }
.introduce .textWrap .bottomText > p { padding: .3rem 0 .5rem; font-size: var(--f-body1); }
.introduce .imgWrap { width: 18rem; height: 16.45rem; }
.introduce .imgWrap figure { display: block; aspect-ratio: 360/329; border-radius: var(--r-radius01); background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-scholarship/introduceImg.png'); background-size: cover; background-repeat: no-repeat; }

/* 장학금 신청 대상 */
.target .listTarget { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; padding-top: 2rem; }
.target .listTarget > li { border-radius: var(--r-radius01); border: 1px solid var(--c-border-blue); box-shadow: var(--s-shadow-blue01); }
.target .listTarget > li > span { display: block; aspect-ratio: 400/200; }
.target .listTarget > li figure { display: block; border-radius: var(--r-radius01) 12px 0 0; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-scholarship/listTarget-img01.jpg'); background-size: cover; background-repeat: no-repeat; }
.target .listTarget > li figure.img02 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-scholarship/listTarget-img02.jpg'); }
.target .listTarget > li figure.img03 { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-scholarship/listTarget-img03.jpg'); }
.target .listTarget > li > p { display: block; padding: 1.2rem; font-size: var(--f-body2); }
.target .listTarget > li > p strong { font-weight: 400; color: #006BC8; }

/* 장학금 안내 */
.type .tblType { width: 100%; margin: 2rem 0 .8rem; border-collapse: collapse; border-bottom: 1px solid var(--c-border-neutral-new); text-align: center; font-size: var(--f-body2); color: var(--c-text02); }
.type .tblType * { padding: .6rem .8rem; }
.type .tblType tr { border-top: 1px solid var(--c-border-neutral-new); }
.type .tblType th { font-weight: 400; }
.type .tblType colgroup col { width: 30%; }
.type .tblType colgroup col:first-child, .type .tblType colgroup col:nth-child(2) { width: 20%; }
.type .tblType th, .type .tblType tbody td { border-right: 1px solid var(--c-border-neutral-new); }
.type .tblType thead tr { border-top: 0 none; background-color: var(--c-border-neutral); }
.type .tblType thead tr th { font-weight: 600; color: var(--c-text01); }
.type .tblType thead th, .type .tblType tbody td:last-child { border-right: none; }
.type .textTbl { font-size: var(--f-detail); color: var( --c-text03); }

/* 장학금 신청방법 */
.way .listWay { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.2rem; margin-top: 2rem; }
.way .listWay > li { display: flex; align-items: center; gap: .6rem; min-height: 3.9rem; padding: .6rem 2rem; border-radius: var(--r-radius01); border: 1px solid var(--c-border-blue); background-color: var(--c-border-neutral); }
.way .listWay > li:first-child { padding-right: 1.6rem; }
.way .listWay > li > em { display: block; min-width: 1.3rem; width: 1.3rem; height: 1.3rem; border-radius: var(--r-radius03); background: linear-gradient(90deg, #0086FA 0%, #01D29C 100%); text-align: center; font-size: var(--f-body2); font-weight: 600; line-height: 1.3rem; color: #fff; }
.way .listWay > li strong { display: block; font-size: var(--f-body1); font-weight: 600; color: var( --c-text01); }
.way .listWay > li span { display: block; padding-top: 4px; font-size: .65rem; }

/* 일정 안내 */
.schedule .tblSchedule { width: 100%; margin: 2rem 0 .8rem; border-collapse: collapse; border-bottom: 1px solid var(--c-border-neutral-new); text-align: center; font-size: var(--f-body2); color: var(--c-text02); }
.schedule .tblSchedule * { padding: .6rem .8rem; }
.schedule .tblSchedule tr { border-top: 1px solid var(--c-border-neutral-new); }
.schedule .tblSchedule th { font-weight: 400; }
.schedule .tblSchedule colgroup col { width: 68%; }
.schedule .tblSchedule colgroup col:first-child { width: 32%; }
.schedule .tblSchedule th, .schedule .tblSchedule tbody td { border-right: 1px solid var(--c-border-neutral-new);; }
.schedule .tblSchedule thead tr { border-top: 0 none; background-color: var(--c-border-neutral); }
.schedule .tblSchedule thead tr th { font-weight: 600; color: var(--c-text01); }
.schedule .tblSchedule thead th, .schedule .tblSchedule tbody td:last-child { border-right: none; }
.schedule .textTbl{ font-size: var(--f-detail); color: var( --c-text03); }

/* 배너 */
.banner .box { padding: 2rem 3rem; aspect-ratio: 1248/240; border: 1px solid var(--c-border-blue); border-radius: var(--r-radius02); background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-scholarship/bannerThumb.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.banner .box > p { font-size: var(--f-fontSize05); }
.banner .box > strong { display: block; padding-top: 4px; font-size: var(--f-fontSize02); line-height: 132%; color: var(--c-text01); }

/* 하단 페이지 공통 영역(후기, FaQ, 관련 프로그램) 삭제 */
.area-programs-other { display: none !important; }

@media screen and (max-width: 1600px){
    .uk-scholarship .area-pg-visual .bgImage { background-position: 70% center; }
}

@media screen and (max-width: 1280px){
    .uk-scholarship .maxWidth { padding: 0 16px; }
}

@media screen and (max-width: 768px){
    .uk-scholarship section > article { padding: 50px 0; }
    .uk-scholarship .articleTitle .sub { padding-top: 8px; font-size: var(--f-fontSize05); }

    /* 비주얼 */
    .uk-scholarship .area-pg-visual { height: 23.08rem; padding: 3.08rem 0; }
    .uk-scholarship .area-pg-visual .maxWidth { padding: 0 24px; }
    .uk-scholarship .area-pg-visual .bgImage { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-scholarship/mainBanner-mo-250725.png'); background-position: bottom center; }
    .uk-scholarship .area-pg-visual .titleWrap { position: static; }
    .uk-scholarship .area-pg-visual .titleWrap .title { margin-bottom: 8px; font-size: 2.46rem; line-height: 42px; }
    .uk-scholarship .area-pg-visual .titleWrap .sub { margin: 0; font-size: var(--f-body2); line-height: 21px; }
    .uk-scholarship .area-pg-visual .titleWrap .contact-btn { display: none; }

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

    /* 장학금 소개 */
    .introduce .contWrap { display: block; }
    .introduce .textWrap { width: 100%; }
    .introduce .textWrap .text { margin-bottom: 16px; padding: 24px 0 16px; font-size: var(--f-body1); line-height: 152%; }
    .introduce .textWrap .text > p { padding-bottom: 12px; }
    .introduce .textWrap .bottomText > p { padding: 0 0 4px; line-height: 154%; }
    .introduce .imgWrap { width: 100%; height: auto; margin-top: 16px; }
    .introduce .imgWrap figure { aspect-ratio: 328 / 180; background-position: 0 20%; }

    /* 장학금 신청 대상 */
    .target .listTarget { display: block; padding-top: 24px; }
    .target .listTarget > li + li { margin-top: 16px; }
    .target .listTarget > li > span { aspect-ratio: 328 / 160; }
    .target .listTarget > li > p { padding: 16px; word-break: keep-all; }

    /* 장학금 안내 */
    .type .tblType * { padding: .6rem; }
    .type .tblType { margin: 24px 0 8px; }
    .type .tblType colgroup col { width: 28%; }
    .type .tblType colgroup col:first-child, .type .tblType colgroup col:nth-child(2) { width: 22%; }

    /* 장학금 신청방법 */
    .way .listWay { display: block; margin-top: 24px; }
    .way .listWay > li { gap: 12px; min-height: auto; padding: 16px; }
    .way .listWay > li:first-child { padding-right: 16px; }
    .way .listWay > li + li { margin-top: 12px; }
    .way .listWay > li > em { gap: 12px; min-width: 1.85rem; width: 1.85rem; height: 1.85rem; line-height: 1.85rem; }
    .way .listWay > li strong { font-size: var(--f-fontSize05); }
    .way .listWay > li span { padding-top: 2px; font-size: 1rem; line-height: 138%; }

    /* 일정 안내 */
    .schedule .tblSchedule * { padding: .6rem; }
    .schedule .tblSchedule { margin: 24px 0 8px; }
    .schedule .tblSchedule colgroup col { width: 50%; }
    .schedule .tblSchedule colgroup col:first-child { width: 50%; }

    /* 배너 */
    .uk-scholarship section > article.banner { padding: 0 0 60px; }
    .banner .box { padding: 24px; aspect-ratio: 328/220; border-radius: var(--r-radius01); background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/programs/uk-scholarship/bannerThumb-mo.png'); }
    .banner .box > p { font-size: var(--f-body1); }
    .banner .box > strong { letter-spacing: -.4px; }
}