@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
/*******************************************************************************
                                메인 공통
********************************************************************************/
.fair-main {color: #333;}
.fair-main * {box-sizing: border-box;font-family: "Noto Sans KR", sans-serif;line-height: 1.4;}
.fair-main h1,.fair-main h2,.fair-main h3,.fair-main h4,.fair-main strong {font-weight: 700;}
.max-width {max-width: 1112px;margin: 0 auto;padding: 40px 16px;text-align: center;}
.fair-main .sub-title {margin-bottom: 30px;font-size: 28px;color: #000;}
.fair-main .sub-text {display: block;font-weight: 400;font-size: 18px; margin-top: 8px;}
@media screen and (min-width: 720px) {
    .fair-main .sub-title {margin-bottom: 60px;font-size: 54px;}
    .fair-main .sub-text {font-size: 26px; margin-top: 13px;}
}
@media screen and (min-width: 1024px) {
    .max-width {padding: 120px 16px;}
}
/*******************************************************************************
                            신뢰도 높은 전문 박람회
********************************************************************************/
.fair-main-section1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section1-bg.jpg') no-repeat 70% center;background-size: cover;color: #fff;}
.fair-main-section1 .max-width {max-width: 1280px;}
.fair-main-section1 > div > span {display: flex;justify-content: center;align-items: center;width: 50%;margin: 0 auto;aspect-ratio: 238 / 136;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section1-icon.svg') no-repeat center center;background-size: cover;max-width: 238px;}
.fair-main-section1 > div > span > span {    font-size: 16px;}
.fair-main-section1 > div > span > span > strong {font-size: 22px;}
.fair-main-section1 h1 {margin-bottom: 40px;font-size: 38px;font-weight: 700;}
.fair-main-section1 h1 > span {display: block;font-size: 20px;}
.fair-main-section1-con {max-width: 1080px;margin: 0 auto;margin-bottom: 40px;padding: 24px 0;box-shadow: 0 10px 10px rgba(0, 0, 0, 16%);border: 1px solid rgba(255, 255, 255, 60%);border-radius: 12px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background: rgba(255, 255, 255, 20%);}
.fair-main-section1-con > p {font-size: 16px;}
.fair-main-section1-con > p > strong {display: block;font-size: 25px;margin-bottom: 8px;}
.fair-main-link > a {display: inline-block;padding: 10px 40px;background: #E72626;border-radius: 5px;font-size: 16px;color: #fff;}
.fair-main-link > p {margin-top: 8px;font-size: 16px;}
@media screen and (min-width: 720px) {
    .fair-main-section1 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section1-bg.jpg') no-repeat center center;background-size: cover;}
    .fair-main-section1 > div > span > span {    font-size: 26px;font-weight: 700;}
    .fair-main-section1 > div > span > span > strong {font-size: 32px;}
    .fair-main-section1 h1 {margin-bottom: 60px;font-size: 94px;}
    .fair-main-section1 h1 > span {font-size: 32px;}
    .fair-main-section1-con {margin-bottom: 60px;padding: 40px 0;}
    .fair-main-section1-con > p {font-size: 26px;}
    .fair-main-section1-con > p > strong {margin-bottom: 12px;font-size: 40px;}
    .fair-main-link > a {padding: 10px 90px;font-size: 26px;}
    .fair-main-link > p {font-size: 20px;}
}


/*******************************************************************************
                            런던예술대(UAL)
********************************************************************************/
.fair-main-section2 {background: #191919 url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section2-bg.png') no-repeat center top;background-size: 50%;}
.fair-main-section2 ul li {margin-bottom: 8px;padding: 8px;background: linear-gradient(to right, #3053F1, #3F3C95);border-radius: 20px 4px 20px 4px;font-size: 16px;font-weight: 700;color: #fff;}
.fair-main-section2 ul li:last-child {margin-bottom: 0;}
.fair-main-section2 ul li span {color: #FFC400;}
@media screen and (min-width: 720px) {
    .fair-main-section2 ul li {margin-bottom: 12px;padding: 16px;border-radius: 45px 10px 45px 10px;font-size: 26px;}
}

/*******************************************************************************
                            참가방법
********************************************************************************/
.fair-main-section3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section3-bg.jpg') no-repeat center center;background-size: cover;}
.fair-main-section3-con {display: grid;grid-gap: 8px;margin-bottom: 40px;}
.fair-main-section3-con .col {padding: 24px;background: #FFB400;border-radius: 12px;}
.fair-main-section3-con .col h3 {color: #000;font-size: 22px;margin-bottom: 8px;}
.fair-main-section3-con .col p {font-size: 15px;}
.fair-main-section3-con .col p strong {color: #CE1126;}
.fair-main-section3-con .col.col2 {margin-top: 16px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background: rgba(255, 255, 255, 50%);box-shadow: 0 10px 10px rgba(0, 0, 0, 8%);border: 1px solid rgba(255, 255, 255, 60%);}
.fair-main-section3-con .col.col2::before {content: '';}
.fair-main-section3-con .col.col2 ul {display: inline-block;text-align: left;}
.fair-main-section3-con .col.col2 ul li {display: flex;align-items: center;margin-bottom: 8px;font-size: 16px;font-weight: 700;color: #000;}
.fair-main-section3-con .col.col2 ul li:last-child {margin-bottom: 0;}
.fair-main-section3-con .col.col2 ul li > span {display: inline-block;width: 40px;aspect-ratio: 1 / 1;margin-right: 12px;border-radius: 50%;box-shadow: 0 6px 10px rgba(0, 0, 0, 16%);background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section3-img1.png') no-repeat center center;background-size: cover;}
.fair-main-section3-con .col.col2 ul li > span.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section3-img2.png') no-repeat center center;background-size: cover;}
.fair-main-section3-con .col.col2 ul li > span.img3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section3-img3.png') no-repeat center center;background-size: cover;}
@media screen and (min-width: 720px) {
    .fair-main-section3-con {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 24px;margin-bottom: 60px;}
    .fair-main-section3-con .col {padding: 40px;}
    .fair-main-section3-con .col h3 {font-size: 32px;margin-bottom: 12px;}
    .fair-main-section3-con .col p {font-size: 18px;}
    .fair-main-section3-con .col.col2 {position: relative;overflow: hidden;grid-column: 2 span;margin-top: 0;background: rgba(255, 255, 255, 20%);}
    .fair-main-section3-con .col.col2 ul li {margin-bottom: 12px;font-size: 26px;font-weight: 400;}
    .fair-main-section3-con .col.col2 ul li > span {width: 50px;}
}
@media screen and (min-width: 1024px) {
    .fair-main-section3-con .col.col2::before {content: '';position: absolute;right: 0;bottom: 0;width: 206px;aspect-ratio: 206 / 249 ;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section3-img4.png') no-repeat center center;background-size: cover;}
}
/*******************************************************************************
                            1:1 진학상담
********************************************************************************/
.fair-main-section4-con-wrap {margin-bottom: 60px;}
.fair-main-section4-con-wrap:last-child {margin-bottom: 0;}

.fair-main-section4 .list1{display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}
.fair-main-section4 .list1 > li{background-color: #F1F1F5; border-radius: 12px; padding: 10px 0; font-size: 15px; text-align: center; color: #333333; }
.fair-main-section4 .list1 > li .logo{height: 54px; object-fit: contain; background-repeat: no-repeat; background-size: contain; background-position: center; margin-bottom: 8px;}
.fair-main-section4 .list1 > li.ual{grid-column: span 2; padding: 25px 16px;}
.fair-main-section4 .list1 > li.ual .logo{width: 160px; margin: 0 auto 4px;}
.fair-main-section4 .list1 > li.ual .left{font-size: 16px; font-weight: 700;}
.fair-main-section4 .list1 > li.ual .right{text-align: left; font-size: 15px; padding-top: 24px;}
.fair-main-section4 .list1 > li.ual .right p{line-height: 1; position: relative; padding-left: 10px;}
.fair-main-section4 .list1 > li.ual .right p + p{margin-top: 9px;}
.fair-main-section4 .list1 > li.ual .right p::before{content: ''; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; border-radius: 50%; background-color: #333333;}

.fair-main-section4 .list2{}
.fair-main-section4 .list2 > li{border-radius: 10px; color: #fff; text-align: center; font-weight: 700; position: relative; width: 100%; aspect-ratio: 328/120; font-size: 20px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.fair-main-section4 .list2 > li + li{margin-top: 10px;}
.fair-main-section4 .list2 > li p{position: absolute; bottom: 12px; left: 0; width: 100%; }
.fair-main-section4 .list2 > li p span{display: block; font-size: 15px; font-weight: 400; margin-top: 4px;}
.fair-main-section4 .list2 > li:nth-child(1){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img1_mo.png');}
.fair-main-section4 .list2 > li:nth-child(2){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img2_mo.png');}
.fair-main-section4 .list2 > li:nth-child(3){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img3_mo.png');}
.fair-main-section4 .list2 > li:nth-child(4){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img4_mo.png');}
.fair-main-section4 .list2 > li:nth-child(5){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img5_mo.png');}
.fair-main-section4 .list2 > li:nth-child(6){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img6_mo.png');}

.fair-main-section4 .text{margin-top: 24px;}

.fair-main-section4-con-wrap p.text {margin-bottom: 40px;text-align: left;font-size: 15px;letter-spacing: -1px;}
.fair-main-section5 .fair-main-link a,.fair-main-section4-con-wrap .fair-main-link a {background: #000;}
@media screen and (min-width: 720px) {
    .fair-main-section4-con-wrap {margin-bottom: 120px;}
    .fair-main-section4-con {grid-gap: 24px;}

    .fair-main-section4 .list1{gap: 24px; grid-template-columns: repeat(4,1fr);}
    .fair-main-section4 .list1 > li{font-size: 18px; padding: 16px 0;}
    .fair-main-section4 .list2 > li + li{margin-top: 0;}
    .fair-main-section4 .list1 > li.ual .logo{margin-bottom: 12px;}
    .fair-main-section4 .list1 > li.ual{grid-column: span 4;  display: flex; align-items: center; padding: 40px 0; justify-content: flex-end;}
    .fair-main-section4 .list1 > li.ual .left{max-width: 50%; font-size: 26px; padding-right: 74px;}
    .fair-main-section4 .list1 > li.ual .left .logo{margin-bottom: 22px; width: auto;}
    .fair-main-section4 .list1 > li.ual .right{width: 50%; padding-left: 14px; padding-top: 0; font-size: 18px;}

    .fair-main-section4 .list2{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
    .fair-main-section4 .list2 > li{aspect-ratio: 344/300;  font-size: 26px; }
    .fair-main-section4 .list2 > li p{bottom: 40px;}
    .fair-main-section4 .list2 > li p span{font-size: 18px;}
    .fair-main-section4 .list2 > li:nth-child(1){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img1.jpg');}
    .fair-main-section4 .list2 > li:nth-child(2){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img2.jpg');}
    .fair-main-section4 .list2 > li:nth-child(3){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img3.jpg');}
    .fair-main-section4 .list2 > li:nth-child(4){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img4.jpg');}
    .fair-main-section4 .list2 > li:nth-child(5){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img5.jpg');}
    .fair-main-section4 .list2 > li:nth-child(6){background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section4-img6.jpg');}

    .fair-main-section4-con-wrap p.text {margin-bottom: 60px;font-size: 18px;}
}

/*******************************************************************************
                          국내 유일 단독 참가
********************************************************************************/
.fair-main-section5 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section5-bg.jpg') no-repeat center top;background-size: cover;    }
.fair-main-section5 .sub-title {color: #fff;}
.fair-main-section5-con {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 8px;margin-bottom: 40px;color: #fff;}
.fair-main-section5-con .col {box-shadow: 0 10px 10px rgba(0, 0, 0, 16%);border: 1px solid rgba(255, 255, 255, 60%);border-radius: 12px;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background: rgba(255, 255, 255, 20%);overflow: hidden;}
.fair-main-section5-con .col .logo {padding: 12px 18px;background: #FFB400;box-shadow: 0 10px 10px rgba(0, 0, 0, 16%);}
.fair-main-section5-con .col .logo > span {display: inline-block;aspect-ratio: 206 / 60;width: 100%;max-width: 206px;margin: 0 auto;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section5-logo1.svg') no-repeat center center;background-size: cover;    }
.fair-main-section5-con .col .logo.logo2 > span {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section5-logo2.svg') no-repeat center center;background-size: cover;    }
.fair-main-section5-con .col h3 {padding: 30px 12px;font-size: 16px;}
@media screen and (min-width: 720px) {
    .fair-main-section5-con {grid-gap: 24px;margin-bottom: 60px;}
    .fair-main-section5-con .col h3 {padding: 60px 12px;font-size: 32px;}
}

/*******************************************************************************
                                    혜택
********************************************************************************/
.fair-main-section6 {position: relative;z-index: 1;background: #FFB400;    overflow: hidden;}
.fair-main-section6::after,.fair-main-section6::before {content: '';position: absolute;left: 0;top: 0;transform: translate(-20%);z-index: -1;width: 50%;aspect-ratio: 700 / 492;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section6-bg.png') no-repeat center center;background-size: cover;}
.fair-main-section6::before {right: 0;left: auto;transform: translate(20%);background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section6-bg2.png') no-repeat center center;background-size: cover; }
.fair-main-section6 .sub-title > strong {color: #CE1126;}
.fair-main-section6-con {display: grid;grid-gap: 8px;}
.fair-main-section6-con li {display: flex;align-items: center;justify-content: space-between;padding: 24px;border-radius: 36px 10px;background: #191919;}
.fair-main-section6-con li .textBox {width: calc(100% - 50px - 24px);text-align: left;}
.fair-main-section6-con li .textBox h3 {font-size: 16px;color: #fff;}
.fair-main-section6-con li .textBox h3 > small {display: block;line-height: 21px;font-size: 15px;font-weight: 400;}
.fair-main-section6-con li .img {width: 50px;aspect-ratio: 1 / 1;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section6-icon1.svg') no-repeat center center;background-size: cover; }
.fair-main-section6-con li .img.img2 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section6-icon2.svg') no-repeat center center;background-size: cover; }
.fair-main-section6-con li .img.img3 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section6-icon3.svg') no-repeat center center;background-size: cover; }
.fair-main-section6-con li .img.img4 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section6-icon4.svg') no-repeat center center;background-size: cover; }
.fair-main-section6-con li .img.img5 {background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section6-icon5.svg') no-repeat center center;background-size: cover; }

@media screen and (min-width: 720px) {
    .fair-main-section6-con {grid-template-columns: repeat(2,1fr);grid-gap: 40px 24px;}
}
@media screen and (min-width: 1024px) {
    .fair-main-section6::after,
    .fair-main-section6::before {width: 30%;transform: translate(0);}
    .fair-main-section6-con li {padding: 40px;}
    .fair-main-section6-con li .textBox {width: calc(100% - 80px - 40px);text-align: left;}
    .fair-main-section6-con li .textBox h3 {font-size: 26px;}
    .fair-main-section6-con li .textBox h3 > small {margin-top: 2px; font-size: 18px;line-height: 26px;}
    .fair-main-section6-con li .img {width: 80px;}
}



/*******************************************************************************
                            실제 후기
********************************************************************************/
.fair-main-section7 {position: relative;z-index: 1;background: #0A0A0A;}
.fair-main-section7-con-wrap {margin-bottom: 60px;}
.fair-main-section7-con-wrap:last-child {margin-bottom: 0;}
.fair-main-section7 .sub-title {color: #fff;}
.youtube-wrap {max-width: 800px;margin: 0 auto 8px;}
.youtube-wrap:last-child {margin-bottom: 0;}
.youtube {position: relative; height: 0; padding-bottom: 56.25%; text-align: left;}
.youtube > iframe {position: absolute; width:100%; height:100%; border: none;}
.fair-main-section7-nav ul {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 8px;max-width: 800px;margin: 0 auto;}
.fair-main-section7-nav img {width: 100%;cursor: pointer;}
@media (min-width: 768px) {
    .youtube-wrap {margin-bottom: 24px;}
    .fair-main-section7-nav ul {grid-gap: 24px;}
}
@media (min-width: 1024px) {
    .fair-main-section7::before {content: '';position: absolute;right: 0;top: 0;z-index: -1;aspect-ratio: 894 / 1000;width: 40%;background: url('https://s3.ap-northeast-2.amazonaws.com/img.hana-edu.co.kr/fair/main/fair-main-section7-bg.svg') no-repeat center center;background-size: cover; }
    .fair-main-section7-con-wrap {margin-bottom: 120px;}
}

/*******************************************************************************
                            오시는 길
********************************************************************************/
.fair-main-section8-con {display: grid;grid-gap: 24px;}
.fair-main-section8-con .textBox {text-align: left;}
.fair-main-section8-con .textBox h3 {font-size: 20px;}
.fair-main-section8-con .textBox p {margin-bottom: 30px;font-size: 16px;}
.fair-main-section8-con .textBox ul li {margin-bottom: 10px;}
.fair-main-section8-con .textBox ul li:last-child {margin-bottom: 0;}
.fair-main-section8-con .textBox ul li dl {display: flex;font-size: 14px;font-weight: 400;    }
.fair-main-section8-con .textBox ul li dl dt {width: 20%;color: #191919;}
.fair-main-section8-con .textBox ul li dl dd {width: 80%;color: #767676;}
.fair-main-section8-con .map {aspect-ratio: 328 / 193;order: -1;}
@media (min-width: 768px) {
    .fair-main-section8-con .textBox h3 {font-size: 32px;}
    .fair-main-section8-con .textBox p {font-size: 26px;}
    .fair-main-section8-con .textBox ul li dl {font-size: 18px;}
}
@media (min-width: 1024px) {
    .fair-main-section8-con {grid-template-columns: repeat(2,1fr);}
    .fair-main-section8-con .map {aspect-ratio: auto;order: 1;}
}