.pages ul {list-style: none;padding: 0;}
.dot-list {padding: 0;list-style: none; text-align: left;margin: 0;}
.dot-list li {position: relative;padding-left: 10px;}
.dot-list li::before {content: '';position: absolute;top: 0.6rem;left: 0;display: block;width: 2px;height: 2px;background: #666;border-radius: 50%;}
ul.square-list {padding-left: 1rem;list-style: outside square;font-size: 14px; text-align: left;}
.pages section {padding: 3rem 0;text-align: center;}
.pages section .container {position: relative; }
.pages-section-title {font-size: 18px;margin-bottom: 2rem;}
.pages-section-text {font-size: 14px;margin-bottom: 2rem;}
.line9 {color: #cea43a;}
.lineN {color: #CD1C37;}
.line2 {color: #57be63;}
@media (min-width: 768px) {
    .pages section {padding: 3rem 0;}
    .pages-section-title {font-size: 32px;}
    .pages-section-text {font-size: 16px;}
}
/*
about-us
*/
.pages .color {color: #e5006e;}
.pages  h2 {margin-bottom: 2rem;}
.pages  .hana-logo {height: 40px;margin-bottom: 30px;}
.pages h1 {color: #000;margin-bottom: 2rem;}
.about-us-section01-con {padding: 30px 40px;text-align: left;border: 1px solid #ddd;background: #fff;}
.about-us-section01-con .imgBox img {width: 100%;}
.about-us-section02 {color: #fff;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/bg_about.jpg') no-repeat center center;background-size: cover;}
.about-us-section02 p {text-align: left;}
.about-us-section03-con {text-align: left;margin-bottom: 2rem;}
.about-us-section03-con:last-child {margin-bottom: 0;}
.about-us-section03-con h3 {padding-bottom: 15px;border-bottom: 1px solid #000;margin-bottom: 30px;}
.about-us-section03-con .imgBox {aspect-ratio: 497 / 291;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/img_about01.jpg") no-repeat center center;background-size: cover;}
.about-us-section03-con .imgBox.img2 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/img_about03.jpg") no-repeat center center;background-size: cover;}
.about-us-section03-con .textBox {position: relative;}
.about-us-section04-con-col {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.about-us-section04-con-col:last-of-type {margin-bottom: 0;}
.about-us-section04-con-col .imgBox {aspect-ratio: 70 /66;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about-icon01.png") no-repeat center center;background-size: cover;width: 70px;}
.about-us-section04-con-col .textBox {width: calc(94% - 70px);text-align: left;}
.about-us-section04-con-col .textBox h3 {font-size: 18px;line-height: 23px;}
.about-us-section04-con-col .textBox p {font-size: 14px;line-height: 20px;}
.about-us-section04-con-col .textBox p > small {color: #888;}
.about-us-section04-con-col .textBox p > small::before {content: '* ';}
.about-us-section04-con-col .imgBox.img2 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about-icon02.svg") no-repeat center center;background-size: cover;}
.about-us-section04-con-col .imgBox.img3 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about-icon03.svg") no-repeat center center;background-size: cover;}
.about-us-section04-con-col .imgBox.img4 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about-icon04.svg") no-repeat center center;background-size: cover;}
.about-us-section04-con-col .imgBox.img5 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about-icon05.svg") no-repeat center center;background-size: cover;}
.about-us-section04-con-col .imgBox.img6 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about-icon06.svg") no-repeat center center;background-size: cover;}
.about-us-section04-con-col .imgBox.img7 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about-icon07.svg") no-repeat center center;background-size: cover;}
.about-us-section04-con-col .imgBox.img8 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about-icon08.svg") no-repeat center center;background-size: cover;}

/*
whyuals
*/
.whyual {background: #f6f6f6;}
.whyual-section02 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/ual-bg.jpg') no-repeat center center;background-size: cover;color: #fff;}
.whyual-section02-con {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 1rem;color: #000;}
.whyual-section02-con li {display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;background: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-weight: 700;}
.whyual-section02-con li p {margin: 0;}
.whyual-section05-con,
.whyual-section03-con {display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 1rem;text-align: left;}
.whyual-section05-con .imgBox ,
.whyual-section03-con .imgBox {aspect-ratio: 350 / 205;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about_camberwell_college_of_arts.png") no-repeat center center;background-size: cover;margin-bottom: .5rem;}
.whyual-section05-con h3,
.whyual-section03-con h3 {font-size: 24px;font-weight: 400;margin-bottom: 0;}
.whyual-section03-con .imgBox.img2 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about_london_college_of_communication.png") no-repeat center center;background-size: cover;}
.whyual-section03-con .imgBox.img3 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about_central_saint_-martins.png") no-repeat center center;background-size: cover;}
.whyual-section03-con .imgBox.img4 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about_london_college_of_fashion.png") no-repeat center center;background-size: cover;}
.whyual-section03-con .imgBox.img5 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about_chelsea_college_of_arts.png") no-repeat center center;background-size: cover;}
.whyual-section03-con .imgBox.img6 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about_wimbledon_college_of_arts.png") no-repeat center center;background-size: cover;}
.whyual-section04 {background: #fff;}
.whyual-section04-con {width: 100%;border-collapse: collapse;border-top: 1px solid #c5c5c5;}
.whyual-section04-con th,
.whyual-section04-con td {border-bottom: 1px solid #c5c5c5;padding: .2rem 0;}
.whyual-section04-con th {font-weight: 400;}
.whyual-section04-con td {background: #e0e0e0;}
.whyual-section04-con td.bg {background: #000;color: #fff;}

.whyual-section05-nav {display: grid;grid-template-columns: repeat(1,1fr);grid-gap: 3%;margin: 0 auto 1rem;}
.whyual-section05-nav > span {display: inline-block;width: 100%;padding: .8rem 1rem;background: #ffb400;text-align: center;line-height: 1;color: #000;transition: background-color .3s;cursor: pointer;}
.whyual-section05-nav > span:hover,
.whyual-section05-nav > span.active{background: #ff5000;transition: background-color .3s;}
.whyual-section05-con {display: none;}
.whyual-section05-con li {text-align: center;}
.whyual-section05-con.active {display: grid;}
.whyual-section05-con .imgBox.con1-img1  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_alexander_mcqueen_01.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img2  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_john_galliano_02.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img3  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_stella_mccartney_03.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img4  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_hussein_chalayan_04.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img5  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_phoebe_philo_05.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img6  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_antony_gormley_06.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img7  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_paul_smith_07.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img8  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_marc_jacobs_08.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img9  {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_jimmy_choo_01.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img10 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_jw_anderson_02.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img11 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_sophia_webster_03.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img12 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_michael_michalsky_04.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img13 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_anish_kapoor_01.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img14 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_chris_ofili_02.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img15 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_david_hockney_03.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img16 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_julian_opie_04.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img17 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_mariko_mori_05.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img18 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_mark_wallinger_06.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img19 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_james_richards_07.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img20 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_peter_doig_01.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img21 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_hurvin_anderson_02.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img22 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_phoebe_philo_03.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img23 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_james_hawkins_04.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img24 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_howard_hodgkin_01.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img25 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_gillian_ayres_02.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img26 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_terry_frost_03.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img27 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_charles_saatchi_01.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img28 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_henry_holland_02.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img29 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_neville_brody_03.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img30 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_juno_calypso_04.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img31 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_dan_holdsworth_05.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img32 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_sarah_lucas_06.jpg") no-repeat center center;background-size: cover;}
.whyual-section05-con .imgBox.con1-img33 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/alumni_massimo_vitali_07.jpg") no-repeat center center;background-size: cover;}
.whyual-section06-con {margin-bottom: 1rem;}
.whyual-section06-con h3 {text-align: left}
.whyual-section07 {color: #fff;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/bg_courses01.jpg') no-repeat center center;background-size: cover;}
.whyual-section07 > div {text-align: left;}
.whyual-section-youtube{padding-top:0 !important}
.whyual-section-youtube iframe{width:900px;height:450px}

/*
campus
*/
.campus-con {display: grid;grid-gap: 1rem;padding: 0 12px;}
.campus-col .img1{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img01.jpg');}
.campus-col .img2{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img02.jpg');}
.campus-col .img3{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img03.jpg');}
.campus-col .img4{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img04.jpg');}
.campus-col .img5{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img05.jpg');}
.campus-col .img6{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img06.jpg');}
.campus-col .img7{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img07.jpg');}
.campus-col .img8{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img08.jpg');}
.campus-col .img9{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img09.jpg');}
.campus-col .img10{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img10.jpg');}
.campus-col .img11{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img11.jpg');}
.campus-col .img12{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/library1.jpg');}
.campus-col .img13{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/library2.jpg');}
.campus-col .img14{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img14.jpg');}
.campus-col .img15{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img15.jpg');}
.campus-col .img16{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img16.jpg');}
.campus-col .img17{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img17.jpg');}
.campus-col .img18{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/about/campus/campus-col-img18.jpg');}
.campus-col .imgBox {background-size: cover;aspect-ratio: 200 /100 ;width: 100%;margin-bottom: .3rem;position: relative;}
.campus-col .imgBox p {position: absolute;left: 0;bottom: 0;padding: 8px;background: rgba(0,0,0, 0.6);color: #fff;width: 100%;margin: 0;text-align: left;}
.campus-col .textBox {text-align: left;color: #000;}
.campus-col .textBox.type2{padding-right: 6rem;}
.campus-col .textBox.type2.open{padding-right: 13rem;}

@media screen and (max-width: 767px) {
    .campus-col .textBox.type2,
    .campus-col .textBox.type2.open{padding-right: 0;}
}

/*
location
*/
.find-way-con .flexslider {width: 100%;aspect-ratio: 1080 / 499;overflow: hidden;margin-bottom: 20px;}
.find-way-con .flexslider ul {padding: 0;}
.find-way-con .flexslider img {width: 100%;list-style: none;}

.location-text {display: flex;text-align: left;font-size: 1rem;width: 100%;margin: 0 auto 1rem ;}
.location-text > dt {width: 20%;}
.location-text > dd {width: 80%;}
.location .map {margin-bottom: 1rem;}
.location .map #branchMap {height: 450px;}
.location-con {display: grid;grid-gap: 1rem;}
.location-col ul {list-style: outside square;text-align: left;padding-left: 1.5rem;}



/*
prefoundation
*/
.prefoundation,.bafolioplus {background: #f6f6f6;}
.prefoundation-section0-con-wrap h3 {padding-bottom: 1rem;margin-bottom: 0;}
.prefoundation-section0-con-wrap h3 strong {display: block;padding: .2rem 0;background: #f5ebf0;}
.prefoundation-section0-con-col {margin-bottom: 4rem;}
.prefoundation-section0-con-icon {position: relative;}
.prefoundation-section0-con-icon::before {content: '\F128';position: absolute;left: 50%;top: calc(100% + 2rem);transform: translate(-50%, -50%);font-family: bootstrap-icons !important;font-weight: 700;font-size: 20px;}
.prefoundation-section0-con-col .titleBox {display: flex;justify-content: center;align-items: center;height: 130px;box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.prefoundation-section0-con-col .titleBox p {margin-bottom: 0;}
.prefoundation-section0-con-col .titleBox strong {display: block;font-size: 36px;}
.prefoundation-section0-con-col .titleBox span {font-size: 14px;}
.prefoundation-section0-con-col .textBox {padding: 1rem;border: 1px solid #ebebeb;border-top: none;background: #fff;text-align: left;}
.prefoundation-section0-con-col .textBox {margin-bottom: 0;}
.prefoundation-section0-con-col .textBox h4 {font-size: 18px;}
.prefoundation-section0-con-col-text1 {background: #e8197c;color: #fff;}
.prefoundation-section0-con-col-text2 {border: 1px solid #e8197c;}
.prefoundation-section1-con {margin-bottom: 3rem;}
.prefoundation-section1-con:last-of-type {margin-bottom: 0;}
.prefoundation-section1-con h3 {margin-bottom: 1rem;}
.prefoundation-section1-con p span {color: #888;}
.prefoundation-logo{height: 26px;display: inline-block;width: 32px;background: url(https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/logo_h.svg) no-repeat;background-size: 26px;}
.prefoundation .square-list {display: inline-block;}
.prefoundation-section1-con-col {position: relative;}
.prefoundation-section1-con-col:first-of-type::before {content: '입학보장';position: absolute;top: calc(100% + 2rem);left: 50%;transform: translate(-50%, -100%);}
.prefoundation-section1-con-col:first-of-type::after {content: '\F128';position: absolute;left: 50%;top: calc(100% + 2rem);transform: translate(-50%, -20%);font-family: bootstrap-icons !important;font-weight: 700;font-size: 20px;}
.prefoundation-section2 ol{display: inline-block;text-align: left;}
.prefoundation-section2-col {margin-bottom: 1rem;}
.prefoundation-section2-col:last-of-type {margin-bottom: 0;}
.prefoundation-section2-col .imgBox {display: flex;justify-content: center;align-items: center;height: 140px;font-size: 16px;font-weight: 700;color: #fff;}
.prefoundation-section2-col .textBox {height: 200px;padding: 1rem;background: #fff;text-align: left}
.prefoundation-section2-col .imgBox.img1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/img_courses06.jpg') no-repeat center center;background-size: cover;}
.prefoundation-section2-col .imgBox.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/img_courses07.jpg') no-repeat center center;background-size: cover;}
.prefoundation-section2-col .imgBox.img3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/img_courses08.jpg') no-repeat center center;background-size: cover;}
.foundation-section3-con {padding: 1rem;margin-bottom: 2rem;background: #fff;border: 1px solid #c9c9c9;box-shadow: 0 0 15px rgba(0, 0, 0, .1);text-align: left;}
.foundation-section3-con h4 {font-size: 20px;}

/*
bafolioplus
*/
.bafolioplus-section1-con-img {width: 80%;margin: 0 auto;aspect-ratio: 898 / 403;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/img_courses_folio01.jpg") no-repeat center center;background-size: cover;}
.bafolioplus-section1-con-img.img2 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/img_courses_folio02.jpg") no-repeat center center;background-size: cover;}
/*
application
*/
.application section {position: relative;}
.application dl {display: flex;margin-bottom: 0;margin-top: -1px;}
.application dl:last-of-type {margin-bottom: 2rem;}
.application dl dt {width: 30%;background: #000;color: #fff;display: flex;align-items: center;justify-content: center;border: 1px solid #a8a8a8;}
.application dl dd {width: 70%;padding: 1rem;text-align: left;border: 1px solid #a8a8a8;background: #e0e0e0;margin-bottom: 0;margin-left: -1px;}
.application dl dd ul {margin-bottom: 0;}
.application dl dd ul.ol {list-style: outside decimal ;padding-left: 1rem; text-align: left;}
.application dl dd p,
.application dl dd a {margin-bottom: 0;}

/*
entryrequirements
*/
.entryrequirements-con {
    margin-top: 2rem;
    text-align: left;
}
.entryrequirements-con ul{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1rem;
}
.entryrequirements-con ul h3 {
    font-size: 20px;
}
.entryrequirements-con ul p {
    font-size: 14px;
}

@media (min-width: 576px) {
    .whyual-section02-con {grid-template-columns: repeat(3,1fr);}
}
@media (min-width: 768px){
    .about-us-section01-con {display: flex;justify-content: space-between;}
    .about-us-section01-con .imgBox {width: 30%;}
    .about-us-section01-con .textBox {width: 66%;}
    .about-us-section03-con > div {display: flex;justify-content: space-between;}
    .about-us-section03-con .imgBox {width: 40%;}
    .about-us-section03-con .textBox {width: 55%;}
    .about-us-section04-con {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 1rem;}

    .whyual-section02-con {grid-template-columns: repeat(5,1fr);}
    .whyual-section03-con {grid-template-columns: repeat(3,1fr);}
    .whyual-section05-con {grid-template-columns: repeat(4,1fr);}
    .whyual-section05-nav {grid-template-columns: repeat(3,1fr);width: 80%;}

    .whyual-section06-con-wrap {overflow: hidden;}
    .whyual-section06-con {width: 50%;}
    .whyual-section06-con.fr {float: right;}
    .whyual-section06-con.fl {float: left;}
    .whyual-section07 > div h2,
    .whyual-section07 > div p {width: 50%;}

    .campus-con {grid-template-columns: repeat(2,1fr);}

    .location-text {width: 60%;}
    .location-con {grid-template-columns: repeat(3,1fr);}

    .prefoundation-section0-con {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;}
    .prefoundation-section0-con-wrap2 {grid-column: 2 span;}
    .prefoundation-section0-con-wrap2 .prefoundation-section0-con {grid-template-columns: repeat(2,1fr);}
    .prefoundation-section0-con-icon::before {content: '\F138';left: calc(100% + 15px);top: 20%;transform: translate(-50%, -50%);font-size: 20px;}
    .prefoundation-section1-con-grid {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 10rem;}
    .prefoundation-section1-con-col:first-of-type::before {content: '입학보장';position: absolute;top: 50%;left: calc(100% + 5rem);transform: translate(-50%, -100%);}
    .prefoundation-section1-con-col:first-of-type::after {content: '\F138';left: calc(100% + 5rem);top: 50%;transform: translate(-50%, -25%);font-size: 20px;}

    .prefoundation-section2-con {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 2rem;}
    .prefoundation-section2-col .imgBox {font-size: 26px;}
    .foundation-section3-con {padding: 2rem;}

    .bafolioplus .prefoundation-section0-con-icon::before {left: calc(100% + 5rem);}

    .entryrequirements-con {margin-top: 4rem;}
    .entryrequirements-con ul {grid-template-columns: repeat(3,1fr);}
}
@media (min-width: 1200px){
    .about-us-section03-con .textBox span {position: absolute;left: 0;bottom: 0;}
}
/*******************************************************************************
                                파운데이션
********************************************************************************/
.foundation-color {color: #ff0000;}
.foundation-section1 h1 {color: #fff;}
.foundation-section1 h1 span {font-size: 80%;}
.foundation-section1 p strong {font-size: 110%;}
.foundation-section1 {position: relative;z-index: 11;background: #fff; background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section1-bg01.jpg") no-repeat center center; background-size: cover;}
.prefoundation .foundation-section1 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/prefoundation-section1-bg01.jpg") no-repeat center center; background-size: cover;}
.bafolioplus .foundation-section1 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/bafolioplus-section1-bg01.jpg") no-repeat center center; background-size: cover;}
.foundation-section1 > div {text-align: left;color: #fff;position: relative;z-index: 1;}
.foundation .foundation-section1 > div::before {content: '';position: absolute;right: 5%;top: 5%;display: inline-block;width: 160px;aspect-ratio: 1 / 1;z-index: -1;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section1-bg01-img.png") no-repeat center center; background-size: cover;}
.foundation-nav-wrap {position: sticky;top: 0;left: 0;z-index: 10;}
.foundation-nav {width: 100%;margin: 0 auto;display: flex;justify-content: space-between; border: 1px solid #999; box-shadow: 0 3px 6px #00000020; background: #fff;}
.foundation-nav a {display: inline-block;position: relative;width: 33.33333%;text-align: center;padding: 1rem 0;font-weight: 700;}
.foundation-nav a:hover,.foundation-nav a.active {color: #000;}
.foundation-nav a:hover::before,
.foundation-nav a.active::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 4px;background: #000;}
.foundation-section-title {background: #000;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;font-size: 40px;color: #fff;padding: 0 40px;z-index: 1;display: inline-block;}
.foundation-section-con-wrap {text-align: center;margin-bottom: 1rem;}
.foundation-section-con-wrap:last-child {margin-bottom: 0;}
.foundation-section-con-title {border: 1px solid #707070;font-size: 24px;padding: 12px 0;color: #000;margin-bottom: 0;transition: background-color .35s ease-in-out;position: relative;}
.foundation-section-con {height: 0;overflow: hidden;transition: all .35s ease-in-out;}
.foundation-section-con  small {font-size: 14px;}
.foundation-section-con > small::before {content: '※';}
.foundation-section-list li {margin-bottom: 4px;position: relative;}
.foundation-section-list li::before {content: 'ㆍ';}
.foundation-section-list li,
.foundation-section-text {font-size: 16px;color: #333;}
.foundation-section-list li:last-child {margin-bottom: 0;}
.foundation-section-text {width: 70%;margin: 0 auto 20px;line-height: 1.6;}
.foundation-section-text:last-child {margin-bottom: 0;}
.foundation-section-con > small > span,
.foundation-section-list li > span,
.foundation-section-text > span {color: #E8197C;}
.foundation-section-link {margin-top: 1rem;}
.foundation-section-link > a {background: #999999;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display: inline-block;padding: 4px 20px;color: #fff;margin: 10px 0 30px;font-size: 18px;}
/* 다른 스타일들 모음 */
#foundation-section2 {background:#EFF1F6 !important;}
.foundation-section01-con-box {padding: 30px 0;background: #fff;}
.foundation-section01-con-box-title {font-size: 20px;margin-bottom: 20px;color: #000;}
.foundation-section01-con-box-title > span {color: #E8197C;}
.foundation-section01-con-box-list > li {margin-bottom: 8px;font-size: 16px;}
.foundation-section01-con-box-list > li > span {display: inline-block;border: 1px solid #E8197C;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size: 14px;padding:0 4px ;color: #E8197C;}
.foundation-section01-con-box-list > li > .foundation-section01-con-box-list-span {color: #333333;border-color: #666666;}
.foundation-section02-con-Box1 {display: flex;justify-content: space-between;position: relative;}
.foundation-section02-con-Box1::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 75px;height: 50px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img10-221030.png") no-repeat center center;}
.foundation-section02-con-Box1 > div {width: calc(50% - 60px);background: #F8F8F8;box-shadow: 0 3px 6px #00000020;}
.foundation-section02-con-Box1-title {background: #C5C5C5;height: 186px;display: flex;justify-content: center;align-items: center;font-size: 28px;color: #000;margin-bottom: 0;position: relative;}
.foundation-section02-con-Box1-title span {font-size: 18px;font-weight: 400;}
.foundation-section02-con-Box1-textBox {text-align: left;position: relative;padding: 40px;}
.foundation-section02-con-Box1-textBox > strong {font-size: 20px;margin-bottom: 10px;color: #000;display: inline-block;}
.foundation-section02-con-Box1-textBox-title {position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);padding: 4px 20px;display: inline-block;color: #fff;font-size: 20px;background: #000;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.foundation-section02-con-Box1-list{margin-bottom: 18px;}
.foundation-section02-con-Box1-list > li {color: #666666;list-style: inside;font-size: 16px;}
.foundation-section02-con-Box1-left .foundation-section02-con-Box1-title {background: #E8197C;color: #fff;}
.foundation-section02-con-Box1-left .foundation-section02-con-Box1-title::before,
.foundation-section02-con-Box1-right .foundation-section02-con-Box1-title::before{content: '';position: absolute;left: 1px;top: 1px;width: 50px;height: 35px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img08-221030.png") no-repeat center center;}
.foundation-section02-con-Box1-right .foundation-section02-con-Box1-title::before {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img09-221030.png") no-repeat center center;}
.foundation-section02-con-Box1-wrap-text {font-size: 14px;color: #666;margin-top: 50px;}
.foundation-section02-con-Box1-wrap-text li::before {content: '※';}
.foundation-section02-con-Box2 {padding-top: 20px;}
.foundation-section02-con-Box2 table {border-collapse: collapse;width: 100%;}
.foundation-section02-con-Box2 th,
.foundation-section02-con-Box2 td {padding: 40px;border-bottom: 1px solid #C5C5C5;text-align: center;}
.foundation-section02-con-Box2 th {font-weight: 400;color: #333;font-size: 18px;}
.foundation-section02-con-Box2 td {background: #F8F8F8;position: relative;}
.foundation-section02-con-Box2 td h4 {position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);background: #000;font-size: 20px;display: inline-block;padding: 4px 20px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;color: #fff;}
.foundation-section02-con-Box2 td strong {font-size: 20px;}
.foundation-section02-con-Box2 td:nth-child(2){border-left: 1px solid #C5C5C5;border-right: 1px solid #C5C5C5;}
.foundation-section02-con-Box2 td:nth-child(2) h4 {background: #E8197C;}
.foundation-section02-con-Box2 td:nth-child(2) strong {color: #E8197C;}
.foundation-section02-con-Box2 td span {color: #666666;font-size: 16px;}
.foundation-section02-con-Box2 td span::before {content: '*';}
.foundation-section02-con-Box3 {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
.foundation-section02-con-Box3 > div {height: 235px;}
.foundation-section03-conBox {margin-bottom: 120px;}
.foundation-section03-conBox dl {display: flex;align-items: center;background: #fff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;overflow: hidden;margin-bottom: 10px;}
.foundation-section03-conBox dl dt {color: #fff;background: #E8197C;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;font-size: 16px;padding: 10px 40px;width: 40%;}
.foundation-section03-conBox dl dt strong {font-size: 28px;margin-right: 10px;display: inline-block;}
.foundation-section03-conBox dl dd {padding: 10px 40px; margin-bottom: 0;font-size: 18px;width: 60%;background: #fff; text-align: left;}
.btn-wrap {text-align: center;}
.btn-wrap > a {display: inline-block;margin: 0 10px;font-size: 18px;}

/* 이미지 */
.foundation-section01-img01 {width: 304px;height: 72px;margin: 0 auto;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section01-img01-221030.png") no-repeat center center;background-size: cover;}
.foundation-section02-img01 {grid-row: 2 span;height: 100% !important;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img01-221030.jpg") no-repeat center center;}
.foundation-section02-img02 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img02-221030.jpg") no-repeat center center;}
.foundation-section02-img03 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img03-221030.jpg") no-repeat center center;}
.foundation-section02-img04 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img04-221030.jpg") no-repeat center center;}
.foundation-section02-img05 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img05-221030.jpg") no-repeat center center;}
.foundation-section02-img06 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img06-221030.jpg") no-repeat center center;}
.foundation-section02-img07 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img07-221030.jpg") no-repeat center center;}
.foundation-section03-img01 {height: 500px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section03-img01-221030.jpg") no-repeat center center;}
.foundation-section03-img02 {height: 700px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section03-img02-221030.jpg") no-repeat center center;}
.foundation-section03-img03 {height: 500px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section03-img03-221030.jpg") no-repeat center center;}
.foundation-section03-img04 {height: 510px;margin-bottom: 10px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section03-img04-221030.png") no-repeat center center;}
.foundation-section03-img{background-size: cover;}
/* 클릭시 풀기 */
.foundation-section02 .foundation-section-con-title i,
.foundation-section03 .foundation-section-con-title i {position: absolute;top: 50%;right: 5%;transform: translateY(-50%);}
.foundation-section02 .foundation-section-con-wrap.open .foundation-section-con-title i,
.foundation-section03 .foundation-section-con-wrap.open .foundation-section-con-title i {transform: translateY(-50%) rotate(180deg);}
.foundation-section-con-wrap.open .foundation-section-con {height: auto;padding: 30px 0 60px;transition: all .35s ease-in-out;}
.foundation-section-con-wrap.open .foundation-section-con:last-of-type {padding-bottom: 0;}
@media screen and (max-width:1200px) {
    .foundation-section-con > small {font-size: 1.3333vw;}
    .foundation-section-title {-webkit-border-radius: 4.1667vw;-moz-border-radius: 4.1667vw;border-radius: 4.1667vw;font-size: 3.3333vw;padding: 0 3.3333vw;}
    .foundation-section-con-title {font-size: 2.00vw;padding: 1.0000vw 0;}
    .foundation-section-list li {margin-bottom: 0.3333vw;}
    .foundation-section-list li, .foundation-section-text {font-size: 1.333vw;}
    .foundation-section-link > a {-webkit-border-radius: 0.2500vw;-moz-border-radius: 0.2500vw;border-radius: 0.2500vw;padding: 0.3333vw 1.6667vw;margin: 2.5000vw 0;font-size: 1.5000vw;}
    /* 다른 스타일들 모음 */
    .foundation-section01-con-box {padding: 2.5000vw 2.5000vw 0;}
    .foundation-section01-con-box-title {font-size: 1.6667vw;margin-bottom: 1.6667vw;}
    .foundation-section01-con-box-list > li {margin-bottom: 0.6667vw;font-size: 1.3333vw;}
    .foundation-section01-con-box-list > li > span {-webkit-border-radius: 0.3333vw;-moz-border-radius: 0.3333vw;border-radius: 0.3333vw;font-size: 1.1667vw;padding:0 0.3333vw ;}
    .foundation-section02-con-Box1::before {width: 6.2500vw;height: 4.1667vw;}
    .foundation-section02-con-Box1 > div {width: calc(50% - 5.0000vw);}
    .foundation-section02-con-Box1-title {height: 15.5000vw;font-size: 2.3333vw;}
    .foundation-section02-con-Box1-title span {font-size: 1.5000vw;}
    .foundation-section02-con-Box1-textBox {padding: 3.3333vw;}
    .foundation-section02-con-Box1-textBox > strong {font-size: 1.6667vw;margin-bottom: 0.8333vw;}
    .foundation-section02-con-Box1-textBox-title {padding: 0.3333vw 1.6667vw;font-size: 1.6667vw;-webkit-border-radius: 2.5000vw;-moz-border-radius: 2.5000vw;border-radius: 2.5000vw;}
    .foundation-section02-con-Box1-list{margin-bottom: 1.5000vw;}
    .foundation-section02-con-Box1-list > li {font-size: 1.3333vw;}
    .foundation-section02-con-Box1-left .foundation-section02-con-Box1-title::before, .foundation-section02-con-Box1-right .foundation-section02-con-Box1-title::before{width: 4.1667vw;height: 2.9167vw;}
    .foundation-section02-con-Box1-wrap-text {font-size: 1.1667vw;margin-top: 4.1667vw;}
    .foundation-section02-con-Box2 th, .foundation-section02-con-Box2 td {padding: 3.3333vw;}
    .foundation-section02-con-Box2 th {font-size: 1.5000vw;}
    .foundation-section02-con-Box2 td h4 {font-size: 1.6667vw;padding: 0.3333vw 1.6667vw;-webkit-border-radius: 2.5000vw;-moz-border-radius: 2.5000vw;border-radius: 2.5000vw;}
    .foundation-section02-con-Box2 td strong {font-size: 1.6667vw;}
    .foundation-section02-con-Box2 td span {font-size: 1.3333vw;}
    .foundation-section02-con-Box3 {grid-gap: 2.5000vw;}
    .foundation-section02-con-Box3 > div {height: 19.5833vw;}
    .foundation-section03-conBox {margin-bottom: 10.0000vw;}
    .foundation-section03-conBox dl {-webkit-border-radius: 4.1667vw;-moz-border-radius: 4.1667vw;border-radius: 4.1667vw;margin-bottom: 0.8333vw;}
    .foundation-section03-conBox dl dt {-webkit-border-radius: 4.1667vw;-moz-border-radius: 4.1667vw;border-radius: 4.1667vw;font-size: 1.3333vw;padding: 0.8333vw 3.3333vw;}
    .foundation-section03-conBox dl dt strong {font-size: 2.3333vw;margin-right: 0.8333vw;}
    .foundation-section03-conBox dl dd {padding: 0.8333vw 3.3333vw;font-size: 1.5000vw;}
    .btn-wrap > a {margin: 0 0.8333vw;font-size: 1.5000vw;}
    /* 이미지 */
    .foundation-section01-img01 {width: 25.3333vw;height: 6.0000vw;}
    .foundation-section03-img01 {height: 41.6667vw;}
    .foundation-section03-img02 {height: 58.3333vw;}
    .foundation-section03-img03 {height: 41.6667vw;}
    .foundation-section03-img04 {height: 42.5000vw;margin-bottom: 0.8333vw;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section03-img04-221030.png") no-repeat center center;background-size: cover;}
    .foundation-section-con-wrap.open .foundation-section-con {padding: 2.5000vw 0;}
}
@media screen and (max-width:993px) {
    .foundation-section-list {text-align: left}
    .foundation-section-text {width: 100%;}
    .foundation-section-con {text-align: left;}
    .foundation-section-link{text-align: center;}
}
@media screen and (max-width: 780px) {
    .foundation-section1 > div::before {display: none;}
    .foundation-section02-con-Box3 {display: grid;grid-template-columns: repeat(1,1fr);}
    .foundation-section02-con-Box3 > div {height: 39.7222vw !important;background-size: cover;}
    .foundation-section02-con-Box3 > div.foundation-section02-img01 {height: 84.7222vw !important;}
    .container {padding: 0 15px;}
    .foundation-section-title {font-size: 25px;}
    .foundation-section-con-title {font-size: 22px;text-align: center !important;padding: 12px 0;}
    .foundation-section-list li, .foundation-section-text {font-size: 15px;}
    .foundation-section-link > a {font-size: 15px;}
    .foundation-section01-con-box-title {font-size: 15px;text-align: left;}
    .foundation-section01-con-box-list > li {font-size: 14px;text-align: left;}
    .foundation-section01-con-box-list > li > span {font-size: 14px;}
    .foundation-section02-con-Box1 > div {width: 100%;}
    .foundation-section02-con-Box1 {display: block;}
    .foundation-section02-con-Box1-left .foundation-section02-con-Box1-title::before, .foundation-section02-con-Box1-right .foundation-section02-con-Box1-title::before {width: 50px;height: 35px;}
    .foundation-section02-con-Box1-title {font-size: 22px;height: 30vw;}
    .foundation-section02-con-Box1-left {margin-bottom: 64px;position: relative;}
    .foundation-section02-con-Box1-left::before {content: '';position: absolute;width: 44px;height: 30px;background-size: cover;transform: rotate(90deg);transform-origin :0 50% ;left: 50%;top: 100%;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section02-img10-221030.png') no-repeat center center;background-size: cover;}
    .foundation-section02-con-Box1::before {display: none;}
    .foundation-section02-con-Box1-title span {font-size: 15px;}
    .foundation-section02-con-Box1-textBox > strong {font-size: 15px;}
    .foundation-section02-con-Box1-textBox-title {font-size: 15px;}
    .foundation-section02-con-Box1-list > li {font-size: 14px;}
    .foundation-section-con-wrap {margin-bottom: 30px;}
    .foundation-section02-con-Box1-wrap-text {font-size: 12px;text-align: left;}
    .foundation-section02-con-Box2 th {display: none;}
    .foundation-section02-con-Box2 td:nth-child(2) {border-left: none;}
    .foundation-section02-con-Box2 tr:first-child td{padding-top: 30px;}
    .foundation-section02-con-Box2 tr:last-child td{border-bottom: none;}
    .foundation-section02-con-Box2 td{width: 50%; padding: 18px 5px; line-height: 1.4; vertical-align: initial;}
    .foundation-section02-con-Box2 td:nth-child(2) strong{font-weight: 500;}
    .foundation-section02-con-Box2 td h4 {font-size: 15px; margin: 0; font-weight: 500; width: auto; padding: 5px 11px; border-radius: 50px; white-space: nowrap;}
    .foundation-section02-con-Box2 td strong {font-size: 15px;}
    .foundation-section02-con-Box2 td span {font-size: 14px;}
    .foundation-section03-conBox dl {display: block;background: none;position: relative;margin-bottom: 35px;overflow: initial;}
    .foundation-section03-conBox dl dt {font-size: 14px;display: inline-block;text-align: center;width: 70%;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);}
    .foundation-section03-conBox dl dt strong {font-size: 15px;}
    .foundation-section03-conBox dl dd {font-size: 15px;background: #fff;width: 100%;padding: 27px 20px 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
    .btn-wrap > a {font-size: 15px;display: inline-block;margin-bottom: 20px;}
    .foundation-section02 .foundation-section-con-title::before, .foundation-section03 .foundation-section-con-title::before  {right: 1%;}
    .foundation-section-con > small {font-size: 12px;}
    .foundation-section03-img04 {height: 41.6667vw;margin-bottom: 10px;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/foundation-section03-img04-mo-221030.png") no-repeat center center;background-size: cover;}
    .foundation-section01-img01 {width: 80vw;height: 17vw;}
    .prefoundation .foundation-nav {width: 100%;}
}
/*******************************************************************************
                                현지 소식
********************************************************************************/
.pages.local-news section .container{padding: 0 16px;}
.pages section.local-news-section1 {width: 100%;padding: 2.5rem 0;background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/local-news/local-news-section01-bg01.jpg") no-repeat 65% center; background-size: cover;}
.local-news-section1-box {position: relative;max-width: 712px;padding: 16px;text-align: left;color: #fff;}
.local-news-section1-box > div {position: relative; z-index: 1;}
.local-news-section1-box h1 {margin-bottom: 8px;font-size: 26px;line-height: 35px;color: #fff;}
.local-news-section1-box p {margin-bottom: 0;font-size: 14px;}
.local-news-section1-box p em {font-style: normal;font-weight: 700;color: #FF5000;}
.local-news-section1-box:after {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 16px;background:rgba(255,255,255,0.1);backdrop-filter: blur(5px);content:"";}
.pages section.local-news-section2 {padding: 2.5rem 0;text-align: left;}
.local-news-section-title > p {margin-bottom: 0;font-size: 16px;font-weight: 700;line-height: 22px;color: #000;}
.local-news-section-title > h2 {margin-bottom: 1.5rem;padding-top: 8px;font-size: 22px;font-weight: 700;line-height: 30px;color: #FF5000;}
.local-news-section2 .youtube-wrap {max-width: 860px;}
.local-news-section2 .youtube-wrap .youtube{padding-bottom: 56.1%;}
.local-news-section2 .youtube-wrap .youtube:nth-child(1){margin-bottom:1.5rem}
.local-news-section2 .youtube-wrap iframe {border-radius: 12px;}
.pages section.local-news-section3 {padding: 2.5rem 0;background-color: #F8F8F8;text-align: left;}
.local-news-section3-desc {display: block;font-size: 12px;line-height: 17px;color: #333;}
.local-news-section3-box {padding: 2.5rem 8px;margin-top: 16px;border-radius: 16px;background-color: #fff;text-align: left;}
.local-news-section3-box img {width: 100%;border-radius: 12px;}
.local-news-section3-box-desc {margin-bottom: 2.5rem;font-size: 14px;line-height: 21px;color: #333;}
.local-news-section3-box-title {display: block;width: 100%;margin: 1.5rem 0;font-size: 16px;font-weight: 700;line-height: 21px;color: #000;}
.local-news-section3-box-title.top {margin-top: 1.5rem;}
.local-news-section3-box-text {margin-bottom: 0;font-size: 14px;line-height: 21px;color: #333;}
.local-news-section3-box-text em {font-style: normal;font-weight: 700;color: #FF5000;}
.local-news-section3-box-col {margin-top: 1.5rem;}
.local-news-section3-box-col .mo-display {display: block;}
.local-news-section3-box-col .pc-display {display: none;}
.local-news-section3-box .imgBox {aspect-ratio: 312/196;border-radius: 12px;}
.local-news-section3-box .imgBox.img1 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/local-news/local-news-section03-img01.jpg") no-repeat center center;background-size: cover;}
.local-news-section3-box .imgBox.img2 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/local-news/local-news-section03-img02.jpg") no-repeat center center;background-size: cover;}
.local-news-section3-box .imgBox.img3 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/local-news/local-news-section03-img03.jpg") no-repeat center center;background-size: cover;}
.local-news-section3-box .imgBox.img4 {background: url("https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/local-news/local-news-section03-img04.jpg") no-repeat center center;background-size: cover;}
.local-news-section3-box-col-wrap {margin: 2.5rem 0;}
.local-news-section3-box-col-wrap .textBox {margin-top: 1.5rem;}
.local-news-section3-box-text-list {margin: 0 0 2.5rem;font-size: 14px;line-height: 21px;}
.local-news-section3-box-text-list > dt {margin: 1.5rem 0 8px;line-height: 21px;color: #FF5000;}
.pages section.local-news-section4 {padding: 2.5rem 0;}
.local-news-section4-comment {padding: 1rem;border-radius: 16px;background-color: #F8F8F8;text-align: left;font-size: 16px;line-height: 21px;color: #000;}
@media (min-width: 768px) {
    .pages.local-news section .container {padding: 0;}
    .pages section.local-news-section1 {padding: 9.75rem 0;background-position: center;}
    .local-news-section1-box {width: 48.25rem;padding: 30px;}
    .local-news-section1-box h1 {margin-bottom: 1rem;font-size: 2.5rem;line-height: 1.45;}
    .local-news-section1-box p {font-size: 1rem;}
    .local-news-section2 .youtube-wrap .youtube {padding-bottom: 58.61%;}
    .local-news-section3-box-col .imgBox {width: 40%}
    .local-news-section3-box .imgBox.img1 {aspect-ratio:1032/650;}
    .local-news-section3-box .imgBox.img3 {background-position: left;}
    .local-news-section3-box .imgBox.img4 {background-position: 15%;}
    .local-news-section3-box-col {display: flex;justify-content: space-between;gap: 0 1rem;}
    .local-news-section3-box-col .textBox {width: calc(60% - 1rem);}
    .pages section.local-news-section2 {padding: 3.75rem 0;text-align: center;}
    .local-news-section-title > p {font-size: 1.4rem;line-height: 2rem;}
    .local-news-section-title > h2 {margin-bottom: 3.75rem;padding-top: 2px;font-size: 2rem;line-height: 2.6rem;}
    .pages section.local-news-section3 {padding: 3.75rem 0;text-align: center;}
    .local-news-section3-desc {font-size: 1rem;line-height: 21px;}
    .local-news-section3-box {padding: 2.5rem 1.5rem;}
    .local-news-section3-box-desc {font-size: 1.125rem;line-height: 1.5;}
    .local-news-section3-box .imgBox {aspect-ratio: 412/264;}
    .local-news-section3-box-title {margin: 0 0 1.25rem;font-size: 1.4rem;line-height: 2rem;}
    .local-news-section3-box-title.top {margin-top: 1.9rem;}
    .local-news-section3-box-text {font-size: 1rem;line-height: 21px;}
    .local-news-section3-box-col {margin-top: 3.75rem;}
    .local-news-section3-box-col .mo-display {display: none;}
    .local-news-section3-box-col .pc-display {display: block;}
    .local-news-section3-box-col-wrap {margin: 3.75rem 0;}
    .local-news-section3-box-col-wrap > div {margin-top: 0;}
    .local-news-section3-box-col-wrap > div:last-child {margin-top: 1.9rem;}
    .local-news-section3-box-col-wrap .textBox {margin-top: 0;}
    .local-news-section3-box-text-list {margin: 0 0 4rem;font-size: 1rem;}
    .local-news-section3-box-text-list > dt {margin: 1.4rem 0 8px;}
    .pages section.local-news-section4 {padding: 3.75rem 0;}
    .local-news-section4-comment {padding: 1.5rem;font-size: 1.25rem;line-height: 1.5;}
}




/******************** 코스안내 > 주말 강좌 ********************/
/******************** 코스안내 > 주말 강좌 ********************/
.pages.weekendlecture em{font-style: normal; color: #FF5000;}
.pages.weekendlecture h2{margin-bottom: 2.5rem;}
.pages.weekendlecture section{text-align: left; padding: 3.6rem 0 0 0;}
.pages.weekendlecture section:last-child{padding-bottom: 3rem;}
.pages.weekendlecture .flex{display: flex; flex-wrap: wrap;}
.pages.weekendlecture .flex.sb{justify-content: space-between;}
.pages.weekendlecture .ellipsis_1{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pages.weekendlecture .ellipsis_2{text-overflow: ellipsis; box-orient: vertical; -moz-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 2; -webkit-line-clamp: 2; display: -moz-box; display: -webkit-box; }
.pages.weekendlecture .ellipsis_3{text-overflow: ellipsis; box-orient: vertical; -moz-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 3; -webkit-line-clamp: 3; display: -moz-box; display: -webkit-box; }
.pages.weekendlecture .ellipsis_4{text-overflow: ellipsis; box-orient: vertical; -moz-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 4; -webkit-line-clamp: 4; display: -moz-box; display: -webkit-box; }

.pages.weekendlecture .foundation-nav-wrap{padding: 0;}
.pages.weekendlecture .foundation-nav-wrap .foundation-nav{box-shadow: none; border: none;}
.pages.weekendlecture .foundation-nav-wrap .foundation-nav a{border-bottom: 1px solid #C8C5CA; font-weight: inherit;}
.pages.weekendlecture .foundation-nav-wrap .foundation-nav a.active::before,
.pages.weekendlecture .foundation-nav-wrap .foundation-nav a:hover::before{height: 2px;}

.pages.weekendlecture .foundation-section1{background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/weekendlecture_bg01.jpg'); padding: 3.8rem 0;}
.pages.weekendlecture .foundation-section1 h1{margin-bottom: 0.4rem;}
.pages.weekendlecture .foundation-section1 .box{border-radius: 1rem; background: rgba(0,0,0,0.5); backdrop-filter: blur(5px); padding: 1.8rem; display: inline-block;}
.pages.weekendlecture .foundation-section1 .sub{font-size: 1.25rem; font-weight: bold;}
.pages.weekendlecture .foundation-section1 .hana-btn-wrap{margin-top: 1.3rem;}
.pages.weekendlecture .foundation-section1 .hana-btn{background-color: #FF5000; border-radius: 0.5rem; padding-left: 1.7rem; padding-right: 1.7rem; font-weight: 500; margin: 0;}

.pages.weekendlecture .advantage .box:not(:last-child){margin-bottom: 1.9rem;}
.pages.weekendlecture .advantage .title{font-size: 1.38rem; font-weight: bold; margin-bottom: 0.4rem;}
.pages.weekendlecture .advantage p{margin: 0;}

.pages.weekendlecture .guideline table{border-collapse: collapse; border-top: 2px solid #C8C5CA; border-bottom: 2px solid #C8C5CA; width: 100%;}
.pages.weekendlecture .guideline table tr,th,td{padding: 0.9rem 1.5rem;}
.pages.weekendlecture .guideline table tr:not(:first-child){border-top: 1px solid #C8C5CA;}
.pages.weekendlecture .guideline table th{background-color: #F0F0F2; text-align: center; width: 27%;}
.pages.weekendlecture .guideline table *{margin: 0;}

/* .pages.weekendlecture .class .classWrap{width: calc(50% - 0.75rem);} */
.pages.weekendlecture .class .classWrap a{display: block; width: 100%; height: 100%;}
.pages.weekendlecture .class > ul > li .imgWrap{width: 100%; border-radius: 1rem 1rem 0 0; background: rgba(0,0,0,0.1); position: relative; overflow: hidden; height: 55%;}
.pages.weekendlecture .class > ul > li .imgWrap .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.pages.weekendlecture .class > ul > li .imgWrap::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); opacity: 0; transition: all 0.3s ease;}
.pages.weekendlecture .class > ul > li .imgWrap .viewBtn{width: 2.5rem; height: 2.5rem; border-radius: 50%; background-color: #000; position: absolute; right: 1.5rem; bottom: 1.5rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/weekendlecture_arrow.svg'); background-size: 1rem; background-repeat: no-repeat; background-position: right 0.7rem center; font-weight: bold; color: #fff; font-size: 0.9rem; line-height: 2.5rem; transition: all 0.5s ease; overflow: hidden; white-space: nowrap; z-index: 3;}
.pages.weekendlecture .class > ul > li .imgWrap .viewBtn span{opacity: 0;}
.pages.weekendlecture .class > ul > li:hover .imgWrap::after{opacity: 1;}
.pages.weekendlecture .class > ul > li:hover .imgWrap .viewBtn{width: auto; border-radius: 1.25rem; padding: 0px 2.5rem 0 1rem; background-position: right 0.7rem center; background-color: #333333;}
.pages.weekendlecture .class > ul > li:hover .imgWrap .viewBtn span{opacity: 1;}

.pages.weekendlecture .class > ul > li .textWrap{background-color: #fff; border: 1px solid #DEDFE5; border-top: none; padding: 1.5rem; border-radius: 0 0 1rem 1rem; position: relative; height: 45%;}
.pages.weekendlecture .class > ul > li .textWrap .subject{font-size: 1.37rem; font-weight: bold; line-height: 1.35;}
.pages.weekendlecture .class > ul > li .textWrap .stateWrap{position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 1.5rem 1.5rem;}
.pages.weekendlecture .class > ul > li .textWrap .stateWrap .category{ display: inline-block; margin-bottom: 0.3rem; position: relative; height: 1.7rem; font-weight: 500; line-height: 1;}
.pages.weekendlecture .class > ul > li .textWrap .stateWrap .category span{padding: 0.3rem 0.6rem; display: inline-block; border-radius: 100px; color: #fff; background-color: #666666; font-weight: 500; line-height: 1; }
.pages.weekendlecture .class > ul > li .textWrap .stateWrap .category span.ing{background-color: #FF5101;}
.pages.weekendlecture .class > ul > li .textWrap .stateWrap .calender{text-overflow: ellipsis; box-orient: vertical; -moz-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 2; -webkit-line-clamp: 2; display: -moz-box; display: -webkit-box;}

.pages.weekendlecture .class > ul{display: grid; grid-gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(calc((100%/11) - 0.75rem),1fr)); grid-auto-rows: 16rem; grid-auto-flow: dense;}
.pages.weekendlecture .class > ul > li:nth-child(1){grid-row-end: span 3; grid-column-end: span 5;}
.pages.weekendlecture .class > ul > li:nth-child(2){grid-row-end: span 1; grid-column-end: span 5;}
.pages.weekendlecture .class > ul > li:nth-child(3){grid-row-end: span 2; grid-column-end: span 5;}
.pages.weekendlecture .class > ul > li:nth-child(4){grid-column-end: span 4; grid-row-end: span 2;}
.pages.weekendlecture .class > ul > li:nth-child(5){grid-column-end: span 6; grid-row-end: span 2;}

.pages.weekendlecture .class > ul > li:nth-child(1) .imgWrap{height: 70%;}
.pages.weekendlecture .class > ul > li:nth-child(1) .textWrap{height: 30%;}
.pages.weekendlecture .class > ul > li:nth-child(2) .textWrap .subject{text-overflow: ellipsis; box-orient: vertical; -moz-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; line-clamp: 4; -webkit-line-clamp: 4; display: -moz-box; display: -webkit-box;}
.pages.weekendlecture .class > ul > li:nth-child(2) a{display: flex; flex-wrap: wrap;}
.pages.weekendlecture .class > ul > li:nth-child(2) .imgWrap{height: 100%; width: 50%; border-radius: 1rem 0 0 1rem;}
.pages.weekendlecture .class > ul > li:nth-child(2) .textWrap{height: 100%; width: 50%; border: 1px solid #DEDFE5; border-left: none; border-radius: 0 1rem 1rem 0;}

.pages.weekendlecture .class .moreBtn{background-color: #000; color: #fff; font-size: 0.9rem; background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/hanaschool/weekendlecture_arrow.svg'); background-repeat: no-repeat; background-size: 1rem; background-position: right 0.5rem center; border-radius: 0.5rem; padding: 0.5rem 0.6rem; display: block; width: 11.5rem; margin: 1.5rem 0 0 auto;}

@media screen and (max-width: 1080px){
    .pages.weekendlecture .class > ul{grid-template-columns: repeat(auto-fill, minmax(calc((100% / 12) - 0.75rem), 1fr)); grid-auto-rows: 15rem;}
    .pages.weekendlecture .class > ul > li:nth-child(2) .textWrap .subject{line-clamp: 2; -webkit-line-clamp: 2;}
}

@media screen and (max-width: 991px){
    .pages.weekendlecture .class > ul{grid-auto-rows: 11rem;}
    .pages.weekendlecture .class > ul > li .textWrap .subject{font-size: 1.12rem;}
    .pages.weekendlecture .class > ul > li .textWrap .stateWrap .category{font-size: 0.87rem;}
    .pages.weekendlecture .class > ul > li .textWrap .stateWrap .calender{font-size: 0.75rem;}
}

@media screen and (max-width: 767px){
    .pages.weekendlecture h2{font-size: 1.37rem; margin-bottom: 1.25rem;}

    .pages.weekendlecture section{padding-top: 3.4rem;}
    .pages.weekendlecture section.container{padding-left: 16px; padding-right: 16px;}

    .pages.weekendlecture .foundation-section1{padding: 8.8rem 0 ;}
    .pages.weekendlecture .foundation-section1 .box{padding: 1rem; font-size: 0.87rem; line-height: 1.35; border-radius: 0.75rem;}
    .pages.weekendlecture .foundation-section1 h1{font-size: 1.62rem;}
    .pages.weekendlecture .foundation-section1 .sub{font-size: 1.12rem; margin-bottom: 0.7rem;}
    .pages.weekendlecture .foundation-section1 .hana-btn{font-size: 0.75rem; padding: 0.5rem 1.4rem; border-radius: 0.25rem;}

    .pages.weekendlecture .foundation-nav-wrap .foundation-nav a:last-child{min-width: 130px;}

    .pages.weekendlecture .advantage .title{font-size: 1.12rem;}
    .pages.weekendlecture .advantage .box:not(:last-child){margin-bottom: 1rem;}

    /* .pages.weekendlecture .guideline table tr, th, td{display: block; padding: 0; font-size: 0.87rem;}
    .pages.weekendlecture .guideline table th{width: 100%; text-align: left; padding: 1rem;}
    .pages.weekendlecture .guideline table td{padding: 0.8rem 1rem;} */

    .pages.weekendlecture .class > ul{display: block;}
    .pages.weekendlecture .class > ul > li + li{margin-top: 1rem;}
    .pages.weekendlecture .class > ul > li{width: 100%;}
    .pages.weekendlecture .class > ul > li .imgWrap{height: 81vw !important; width: 100% !important; max-height: 400px;}
    .pages.weekendlecture .class > ul > li .imgWrap .viewBtn{display: none;}
    .pages.weekendlecture .class > ul > li:nth-child(2) a{display: block;}
    .pages.weekendlecture .class > ul > li:nth-child(2) .textWrap{border: 1px solid #DEDFE5; border-top: none; border-radius: 0 0 1rem 1rem;}
    .pages.weekendlecture .class > ul > li:nth-child(2) .imgWrap{border-radius: 1rem 1rem 0 0;}
    .pages.weekendlecture .class > ul > li .textWrap{width: 100% !important; padding: 1rem !important;}
    .pages.weekendlecture .class > ul > li .textWrap .stateWrap{position: static; padding: 0; margin-top: 1.7rem;}

    .whyual-section-youtube iframe{width:100%;height:45vw}
}