@charset "UTF-8";

#menu8000_obj133 {position:absolute; top:unset;}
#menu8000_obj150 {overflow:visible; background:url('../../images/main/main_bg01.png') no-repeat center center; }
#multipleDiv_campusasia_710 {background:url('../../images/main/main_bg02.png') no-repeat center center;}
#multipleContentsDiv_campusasia_710 { max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 100px;
    margin-top: 0px;}

#multipleContentsDiv_temp_04_12 {max-width:1700px; margin: 0 auto; overflow: hidden;}
#multipleContentsDiv_campusasia_848 {background:url('../../images/main/main_bg03.png') no-repeat center 0px;}
#multipleContentsDiv_hufsenglish_3325 {
    background: url(/sites/hufsenglish/images/main/countback.png) center bottom no-repeat;}

#multipleDiv_temp_04_7{margin-top: 0px;
    position: absolute;
    left: 0px;
    float: left;}

@media all and (max-width: 1200px) {
#multipleContentsDiv_hufsenglish_2738{width:100%}
  #menu8000_obj2739{width:100%}
  #menu8000_obj3110{width:100%}
}
@media all and (max-width: 1024px) {
  #multipleDiv_campusasia_710 {background-position: -785px bottom;}
  #multipleContentsDiv_campusasia_710 {padding-bottom:40px;}
  #multipleContentsDiv_hufsenglish_2738{width:100%}
  #menu8000_obj2739{width:100%}
  #menu8000_obj3110{width:100%}
}

@media all and (max-width:768px) {
  #menu8000_obj150 {padding:0px 15px;}
  #multipleDiv_temp_04_7{margin-top:81px;}
  #multipleContentsDiv_campusasia_848 {background-position: 0 center;}
  #multipleContentsDiv_campusasia_710 {padding:0 15px; padding-bottom:30px;}
}
@media all and (max-width:500px) {
  #multipleDiv_campusasia_710 {background-position: 0px bottom;}
}

/***메인 레이아웃***/
#multipleDiv_temp_04_11{overflow:inherit !important; padding-bottom:40px;} /*content*/
#multipleContentsDiv_temp_04_11{overflow:hidden;}

@media all and (max-width:1400px) {
  #multipleDiv_temp_04_11{overflow:inherit !important; padding-bottom:40px;} /*content*/
}

@media all and (max-width:1024px) {
  #multipleDiv_temp_04_11{padding-bottom:20px;} 
}

#multipleContentsDiv_temp_04_7 ._objHtml{position: absolute; z-index:10; top:49.9%; left: 0%; transform: translateY(-50%); margin-left:135px !important;} /*슬로건*/
.visual-slogan{color:#fff;font-family: 'Noto Light'; text-shadow: 1px 0 2px rgb(0 0 0 / 60%);} 
.visual-slogan > span{font-size:21.03px; display: block; line-height: 32.86px; font-family: 'hufs_M';}
.visual-slogan strong{font-size:60px; font-family: 'hufs_B';display: block;line-height: 1.2;}
.visual-slogan strong > span:first-child {color:#02E7FC; line-height: 79.22px;}
.visual-slogan strong > span:last-child {font-size: 55px; line-height: 53.53px; letter-spacing: -.05em;}

/*   */
.mainimg .fnct-num-title {line-height: 70px;
    position: absolute;
    margin-top: 300px;
    z-index: 3;
    display: block;
    text-align: center;
    width: 100%;}
.mainimg .fnct-num-title strong{font-size: 80px; font-family:"hufs_B"; opacity: .7; display:block;}
.mainimg .fnct-num-title span{color:#333; font-size: 30px; font-family:"hufs_M"; padding-left: 15px; letter-spacing: -.025em;}

.mainimg .section .slick-slider  li:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
    z-index: 2;
   background: linear-gradient(180deg, rgba(22,31,46,0.1) 20%, transparent);
}

.mainimg .section{min-height: 370px;}
.mainimg .section strong{font-size:25px;color:#2c2c2c;font-family: 'Noto Bold';margin-bottom:30px;display: block;text-align: left;}
.mainimg .section ul{text-align: center; background: linear-gradient(180deg, rgba(22,31,46,0.48), transparent); padding:0px 0; margin-left:0px;}

.mainimg .section li:nth-child(3)i{width:100%;}
.mainimg .section video{width:100%; height:100%; display: inline-block;
    width: auto !important;
    min-height: 100vh !important;
    height: auto !important;}




.mainimg .section .main-prev-btn {background:rgba(0,0,0,.3) url('../../images/main/ic_arrow02.png') no-repeat center center; transform: rotate(-180deg); text-indent: -9999px; display: inline-block;}
.mainimg .section .main-next-btn {background:rgba(0,0,0,.3)  url('../../images/main/ic_arrow02.png') no-repeat center center; text-indent: -9999px;}
.mainimg .section .main-prev-btn:hover {background:rgba(0,0,0,.7)  url('../../images/main/ic_arrow02.png') no-repeat 32px center; transition: all .3s;}
.mainimg .section .main-next-btn:hover {background:rgba(0,0,0,.7)  url('../../images/main/ic_arrow02.png') no-repeat 32px center; transition:all .3s;}



.mainimg .section ul span{display: inline-block; vertical-align: top; transition: all ease .5s; padding:15px; margin-top:200px;}
.mainimg .section ul span a{background: rgba(255,255,255,.8); border-radius: 50%;text-align: center; font-family:"Noto DemiLight"; width:250px; height: 250px; font-size: 18px; padding:0 15px; display: table-cell; vertical-align: middle; transition: all ease .5s; letter-spacing: -.05em; line-height:25px;}
.mainimg .section ul .tit{display: block; transition: all ease .5s; padding:15px; margin-top:200px;}
.mainimg .section ul .tit a{background: rgba(255,255,255,.8);text-align: center; font-family:"Noto DemiLight"; font-size: 25px; padding:0 15px; display: table-cell; vertical-align: middle; transition: all ease .5s; letter-spacing: -.05em; line-height:25px;}
.mainimg .section ul span > a:hover{background:#152C46; color:#fff;}

.mainimg .section ul h2{font-size: 2.5rem;
    font-family: hufs_b;
    text-transform: uppercase;
    line-height: 2.59rem;
    color: #fff;
    text-shadow: 1px 0.5px 2px rgb(51 63 72 / 70%);}
.mainimg .section ul a{font-size: 1.1rem;
    font-family: poppins;
    color: #002d56;
    letter-spacing: -1px;
    font-weight: 600;
    text-transform: uppercase;}

.mainimg .section .slo {margin-top: 285px !important;
    width: 680px;
    margin: 0 auto;
    text-align: center;
    height: 200px;
    padding: 0px;
}
.mainimg .section .slo:after {
    left: 0;
    bottom: 0;
    transform: rotate(135deg);
}


.mainimg .section .slo:after, .mainimg .section .slo:before {
    content: '';
    width: 80px;
    height: 1px;
    background-color: #fff;
    position: absolute;
}

.mainimg .section .slo:before {
    right: 0;
    top: 0;
    transform: rotate(135deg);
}

@media all and (max-width: 1233px) {
  .mainimg .section ul span a {padding:0 5px; width:95px; height: 95px; font-size: 14px;}
}
@media all and (max-width:1024px) {
	#menu8000_obj714 {width:100%;}
	.mainimg .section ul span a {width:135px; height:135px; font-size: 18px;}
}
@media all and (max-width:768px) {
  .mainimg .section ul {margin:0;}
  .mainimg .section .quick-btn {top:35px;}
  .mainimg .section .quick-prev-btn {background-size:30%;}
  .mainimg .section video{width:100%; height: 100vh;}
  .mainimg .section .slo {width: 80%;margin-top: 200px !important;}
.mainimg .section .main-prev-btn:hover {background:rgba(0,0,0,.9)  url('../../images/main/ic_arrow02.png') no-repeat center center; }
.mainimg .section .main-next-btn:hover {background:rgba(0,0,0,.9)  url('../../images/main/ic_arrow02.png') no-repeat center center; }
}
@media all and (max-width:671px) {
  .mainimg .section {min-height: unset;}
  .mainimg .section ul span {padding:10px;}
	.mainimg .section ul span a {width:105px; height:105px; font-size: 14px;}
}
@media all and (max-width:510px) {
  .mainimg .fnct-num-title {padding:0px;}
  .mainimg .fnct-num-title strong {font-size: 50px;}
  .mainimg .fnct-num-title span {font-size: 30px;}
  .mainimg .section ul span {padding:7px;}
  .mainimg .section .quick-btn {top:12px;}
.mainimg .section ul span a {width:200px; height:200px;}
}
.mainimg .section .quick-btn {width: 95px;height: 95px; position: absolute;z-index: 99;margin-top: 380px;}


/* come to hufs meet the world */
.hufs-link-title {max-width:1700px; width:100%; margin: 0 auto; position:relative; padding:60px 0 60px 0;}
.hufs-link-title strong {font-size:54px; color:#6F6F6F; line-height: 50px; font-family: "hufs_M";}
.hufs-link-title strong > span {color: #12457E;}
.hufs-link { width: 310px; height: 310px; background:url('../../images/main/link_bg.jpg') no-repeat; text-align: center;}
.hufs-link a {display: block; width:100%; height: 100%; padding: 30px;}
.hufs-link .hufs-link-logo {margin-bottom: 20px;}
.hufs-link .hufs-txt-title {font-size: 40px; color: #fff; line-height: 37px; font-family:"hufs_B"; letter-spacing: -.025em;}
.hufs-link .hufs-txt-title > span {font-size: 24px;}
.hufs-link .hufs-txt > span {color: #fff; font-family:"hufs_M"; letter-spacing: -.025em; font-size: 16px;}

@media all and (max-width: 1700px) {
  .hufs-link-title {padding:60px 0 75px 0;}
}
@media all and (max-width:1135px) {
  .hufs-link-title strong {font-size: 40px;}
  .hufs-link {width:210px; height:210px;}
  .hufs-link a {padding:10px;}

  .hufs-link {top: -130px;}
  .hufs-link .hufs-link-logo {margin-bottom: 10px;}
  .hufs-link .hufs-link-logo > img { max-width:131px; width:50%;}
  .hufs-link .hufs-txt-title {font-size: 20px; line-height: unset;}
  .hufs-link .hufs-txt-title > span {font-size: 18px;}

  .hufs-link .hufs-txt > span {font-size: 14px;}
}
@media all and (max-width:1024px) {
  .hufs-link-title {padding:0;}
}
@media all and (max-width:768px) {
  .hufs-link {width:0; height: 0; overflow: hidden;}
  .hufs-link-title {padding:30px 0;}
.mainimg .section .quick-btn {width: 60px;height: 60px; margin-top: 280px;}
}
@media all and (max-width: 580px) {
  .hufs-link-title strong {font-size: 28px;}
}

/* Quick Link */
.quick-link .fnct-num-title {line-height: 30px;
    padding: 30px;
    width: 25%;
    float: left;}
.quick-link .fnct-num-title strong{font-size: 1.8rem;
    opacity: 1;
    display: block;}
.quick-link .fnct-num-title span{color: #666; width:100%; text-align:left 1important;
    font-size: 0.9rem;
    padding-left: 0px;
    letter-spacing: -.025em;
    display: block;}

.quick-link .quickmenu{min-height: 370px;}
.quick-link .quickmenu strong{font-size: 1.6rem;
    color: #2c2c2c;
    margin-bottom: 0px;
    display: block;
    text-align: left;
    text-transform: uppercase;}
.quick-link .quickmenu strong span{
    font-size: 1.5rem;
    font-size: 0.8rem;
    letter-spacing: 1px;
    background: linear-gradient(45deg, #002d56, transparent);
    color: #fff;
    display: block;
    height: 20px;
    padding-left: 5px;
}}
.quick-link .quickmenu ul{text-align: center;
    /* background: rgba(0,0,0,.3); */
    background-size: cover;
    padding: 10px;
    margin-left: 1%;}
.quick-link .quickmenu .quick-btn-bx{width: 135px;
    height: 100px;
    display: block;
    ackground: red;
    /* border: 1px solid red; */
    position: absolute;
    top: 210px;
    left: 15%;}
.quick-link .quickmenu .quick-prev-btn {background: #fff url(../../images/main/ic_arrow03.png) no-repeat center center;
    transform: rotate(-180deg);
    text-indent: -9999px; border:1px solid #ccc}
.quick-link .quickmenu .quick-next-btn {    background: #ccc url(../../images/main/ic_arrow03.png) no-repeat center center;
    text-indent: -9999px;border:1px solid #ccc}}
.quick-link .quickmenu .quick-prev-btn:hover {background:#1C5596 url('../../images/main/ic_arrow03.png') no-repeat  center; transition: all .3s;}
.quick-link .quickmenu .quick-next-btn:hover {background:#23262F url('../../images/main/ic_arrow03.png') no-repeat  center; transition:all .3s;}



.quick-link .quickmenu ul span{display: inline-block;
    vertical-align: top;
    transition: all ease .5s;
    margin-top: 15px;
    line-height: 1rem;}
.quick-link .quickmenu ul span a{background: rgba(255,255,255,.8); border-radius: 50%;text-align: center; font-family:"Noto DemiLight"; width:135px; height: 135px; font-size: 18px; padding:0 15px; display: table-cell; vertical-align: middle; transition: all ease .5s; letter-spacing: -.05em; line-height:25px;}
.quick-link .quickmenu ul span > a:hover{background:#152C46; color:#fff;}

@media all and (max-width: 1233px) {
  .quick-link .quickmenu ul span a {padding:0 5px; width:95px; height: 95px; font-size: 14px;}
}
@media all and (max-width:1024px) {
	#menu8000_obj714 {width:100%;}
	.quick-link .quickmenu ul span a {width:135px; height:135px; font-size: 18px;}
}
@media all and (max-width:768px) {
  .quick-link .quickmenu ul {margin:0;}
  .quick-link .quickmenu .quick-btn {top:35px;}
  .quick-link .quickmenu .quick-prev-btn {background-size:50%;}
  .quick-link .quickmenu .quick-prev-btn:hover {background:#1C5596 url('../../images/main/ic_arrow02.png') no-repeat 25px center; background-size:50%; transition: all .3s;}
  .quick-link .quickmenu .quick-next-btn {background-size:50%;}
  .quick-link .quickmenu .quick-next-btn:hover {background:#23262F url('../../images/main/ic_arrow02.png') no-repeat 25px center; background-size:50%; transition:all .3s;}
}
@media all and (max-width:671px) {
  .quick-link .quickmenu {min-height: unset;}
  .quick-link .quickmenu ul span {padding:10px;}
	.quick-link .quickmenu ul span a {width:105px; height:105px; font-size: 14px;}
}
@media all and (max-width:510px) {
  .quick-link .fnct-num-title {padding:0px;}
  .quick-link .fnct-num-title strong {font-size: 50px;}
  .quick-link .fnct-num-title span {font-size: 30px;}
  .quick-link .quickmenu ul span {padding:7px;}
  .quick-link .quickmenu .quick-btn {top:12px;}

	.quick-link .quickmenu ul span a {width:100px; height:100px;}
}



/* schedule */
.schedule-wrap {background: #152C46 url('../../images/main/schedule_bg.png') no-repeat; background-position: right bottom;}
.schedule-wrap .schedule-inner {padding: 45px 95px;}

.schedule-title {position:relative; margin-bottom: 40px;}
.schedule-title::after {content:''; display: block; clear:both;}
.schedule-title .fnct-num-title {float:left;}
.schedule-title .fnct-num-title::after {content:''; display:block; clear:both;}
.schedule-title span{float:left; font-size: 40px; font-family:"hufs_M"; color:#fff; }
.schedule-title .schedule-more {position:absolute; right: 0; width:50px; height: 50px; top:50%; transform: translateY(-50%);}
.schedule-title .schedule-more-btn {background:url('../../images/main/schedule_more_btn.png') no-repeat; width:100%; height: 100%; display: inline-block; text-indent: -9999px; transition:all .5s;}
.schedule-title .schedule-more-btn:hover {transition:all .5s; transform:rotate(270deg);} 

.schedule-content > ul > li {margin-bottom: 30px;}
.schedule-content > ul > li a{display: block; color:#fff; overflow: hidden;}
.schedule-content > ul > li .schedule-date {float:left; font-family:'Play Bold'; font-size: 24px; width:55px; height:55px; background-color:rgba(255,255,255,.1); border-radius:50%; text-align: center; line-height:55px;}
.schedule-content > ul > li .schedule-detail {overflow: hidden; font-family:'Play Regular'; font-size: 18px; padding-left:25px;}
.schedule-content > ul > li .schedule-detail::after {content:''; display: block; clear:both;}
.schedule-content > ul > li .schedule-detail p:last-child {font-family: 'Noto Light'; letter-spacing: -.05em;}

@media all and (max-width:1352px) {
  #multipleContentsDiv_temp_04_7 ._objHtml{margin-left:5% !important; left:0; transform:inherit; top:38%}
  .schedule-wrap .schedule-inner {padding:25px 30px;}
  .schedule-title {margin-bottom:20px;}
  .schedule-content > ul > li {margin-bottom: 26px;}
  .schedule-content > ul > li .schedule-detail {font-size: 16px;}
}
@media all and (max-width:1024px) {
  .schedule-wrap .schedule-inner {padding: 20px 15px;}
  .schedule-content > ul > li .schedule-detail {font-size: 18px;}

}
@media all and (max-width:768px) {
  .visual-slogan p.detail{display: none;}
  #multipleContentsDiv_temp_04_11{overflow:hidden; width:auto; padding:0 15px; z-index:999; overflow: inherit;}
  #multipleContentsDiv_temp_04_7 ._objHtml {top: 50%; transform: translateY(-50%);}

  .visual-slogan {margin-right:95px;}
  .visual-slogan > span {font-size:15px; line-height:20px;}
  .visual-slogan strong {font-size: 30px;}
  .visual-slogan strong > span {line-height:50px;}
  .visual-slogan strong > p {font-size: 35px;}
}
@media all and (max-width: 590px) {
  .schedule-content > ul > li .schedule-detail {font-size:16px;}
}


.five_banner ul{text-align: center;font-size:0;}
.five_banner ul li{display: inline-block;width:18.4%;margin-left:2%;vertical-align: top;background: #f2f2f2;text-align: left;}
.five_banner ul li:first-child{margin-left:0;}
.five_banner ul li a{background-repeat:no-repeat;background-position: 88% center;transition: all ease .0s;}
.five_banner ul li:nth-child(1) a{background-image: url('../../images/main/bannar_icon01.png')}
.five_banner ul li:nth-child(2) a{background-image: url('../../images/main/bannar_icon02.png')}
.five_banner ul li:nth-child(3) a{background-image: url('../../images/main/bannar_icon03.png')}
.five_banner ul li:nth-child(4) a{background-image: url('../../images/main/bannar_icon04.png')}
.five_banner ul li:nth-child(5) a{background-image: url('../../images/main/bannar_icon05.png')}

.five_banner ul li:hover{background:linear-gradient(180deg, rgba(0,96,255,1) 0%, rgba(56,163,255,1) 100%);}
.five_banner ul li:hover strong,
.five_banner ul li:hover p{color:#fff;}
.five_banner ul li:nth-child(1):hover a{background-image: url('../../images/main/bannar_icon01_w.png')}
.five_banner ul li:nth-child(2):hover a{background-image: url('../../images/main/bannar_icon02_w.png')}
.five_banner ul li:nth-child(3):hover a{background-image: url('../../images/main/bannar_icon03_w.png')}
.five_banner ul li:nth-child(4):hover a{background-image: url('../../images/main/bannar_icon04_w.png')}
.five_banner ul li:nth-child(5):hover a{background-image: url('../../images/main/bannar_icon05_w.png')}
.five_banner ul li a{display: block;padding:35px;}
.five_banner ul li strong{color:#2c2c2c;font-size:20px;display: block;margin-bottom: 10px;}
.five_banner ul li p{color:#9b9b9b;font-size:14px;font-family: 'Noto Regular';}

@media all and (max-width:1600px) {
  .five_banner ul li a{background-position: 95% 85%;}
}

@media all and (max-width:1400px) {
  body #multipleContentsDiv_temp_04_11{width:auto;}
  .five_banner ul li a{padding:25px;}
}

@media all and (max-width:1200px) {
  .five_banner ul li strong{font-size:18px;letter-spacing:-2px;}
  .five_banner ul li a{padding:20px;}
}

@media all and (max-width:1024px) {
  .five_banner ul li strong{height: 55px;overflow: hidden;}
  .five_banner ul li p{height: 45px;overflow: hidden;}
}

@media all and (max-width:768px) {
  .five_banner ul{text-align: left;}
  .five_banner ul li{width:calc(50% - 1px);margin-bottom:1px;margin-left:1px;}
  .five_banner ul li:first-child{margin-left:1px;}
  .five_banner ul li a {text-align: left;padding: 8px 20px;margin: 0.5px;}
  .five_banner ul li p{height: 45px;overflow: hidden;}
  .five_banner ul li strong{height: auto;margin-bottom: 0;}
  .five_banner ul li p{height:auto;}
}

@media all and (max-width:480px) {
  .five_banner ul li strong{font-size:16px;}
  .five_banner ul li a{background-image: none !important;padding:8px 10px 8px 15px;}
  .five_banner ul li p{display: none;}
}

@media all and (max-width:420px) {
  .five_banner ul li{width:100%;margin-left:0;}
  .five_banner ul li:first-child{margin-left:0;}
}



.schedule{background:#d8edf4;padding:35px 30px 30px 33px;height: 440px;text-align: left;}
.schedule strong{font-size:25px;color:#2c2c2c;font-family: 'Noto Bold';margin-bottom:30px;display: block;text-align: left;}
.schedule ul li a{display: block;}
.schedule ul li + li{margin-top:28px;}
.schedule ul li .date{background: #2699ce;color:#fff;width:80px;height: 80px;text-align: center;padding:12px 0;display: inline-block;vertical-align: top;}
.schedule ul li .date span{font-size:40px;font-family: 'Noto Bold';line-height: 1;}
.schedule ul li .date p{font-size:16px;font-family:'Noto Light';line-height: 1;}
.schedule ul li .conts{display: inline-block;vertical-align: top;padding: 10px 12px; width:calc(100% - 85px); letter-spacing: -1px;text-align: left;}
.schedule ul li .conts span{font-size:20px;color:#2c2c2c;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.schedule ul li .conts p{font-size:15px;color:#848484;}

@media all and (max-width:1600px) {
  /* .quickmenu{padding:35px 25px 30px 25px;} */
  .schedule{padding:35px 0 30px 25px;}

}

@media all and (max-width:1450px) {
  .schedule ul li .conts{width:65%;}
  .schedule ul li .conts p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

@media all and (max-width:1200px) {
  /* .quickmenu{padding:35px 15px;} */
  .quickmenu ul li a{font-size:15px;}
  .schedule{padding:35px 15px;}
  .schedule ul li .date{width:70px;height:70px;}
  .schedule ul li .date span{font-size:32px;}
  .schedule ul li .date p{font-size:14px;}
}

@media all and (max-width:1100px) {
  .schedule ul li .conts{width:62%;}
}

@media all and (max-width:1023px) {
  .quickmenu{background-size:cover !important;}
  .quickmenu ul li a{padding: 12px 0; font-size:18px;}
  .schedule{padding:35px 30px;}
  .schedule ul li .date{width:80px;height:80px;}
  .schedule ul li .date span{font-size:40px;}
  .schedule ul li .date p{font-size:16px;}
}

@media all and (max-width:767px) {
  .schedule{margin-bottom:40px;}
}

@media all and (max-width: 450px) {
    .quickmenu ul li {width: 49%; margin: 10px 0;}
    .quickmenu ul li a {padding: 5px 0;}
}

.portal{text-align: center;height: 338px;position: relative;}
.portal:before{content:'';width:100%;height: 100%;position: absolute;top:0;left:0;background-size:cover !important;background:url('../../images/main/portal_bg.jpg') no-repeat left top;}
.portal:hover:before{transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);transform: scale(1.1);}
.portal a{display: block;position: relative;z-index: 1;padding:80px 0 50px;}
.portal span{display: block;margin:40px auto 0;color:#fff;font-size:25px;font-family:'Noto Regular';}

@media all and (max-width:1100px) {
}

@media all and (max-width:1023px) {
  .portal{height: 420px;}
}

  .bottom_banner ul{ border-left: 0px solid #eee;}
.bottom_banner .inner{   padding: 50px 10% 40px 0px;
    text-align: center;}
.bottom_banner .inner h2{font-size: 2.5rem;font-weight: 500;color: #002d56;height: 90px;font-family: 'hufs_m';}
.bottom_banner ul li{display: inline-block;
    vertical-align: top;
    width: calc(100% /4 - 10px);
    margin-right: 2px;
    margin-bottom: 4px;
    text-align: center;
    height: 100%;}
.bottom_banner ul li a{
    display: block;
    height: 100%;
    background: rgba(256,256,256,.6);
    padding: 30px 0px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
.bottom_banner ul li img{display: block;
    margin: 0 auto 10px;}
.bottom_banner ul li span{
    display: inline-block;
    font-size: 1.0rem;
    color: #2c2c2c;
    padding: 0px 10px;
    height: 40px;
    font-family: 'Poppins';
    line-height: 1.3rem;}
.bottom_banner ul li span:after{content:'';width:0;background:#006ec0;height: 2px;display:block;transition: all ease 0.5s;margin-top:5px;}
.bottom_banner ul li a:hover span{color:#006ec0;}
.bottom_banner ul li a:hover span:after{width:100%;}
  .bottom_banner ul li a:hover{background:linear-gradient(360deg, #ccc 10%, transparent);}
@media all and (max-width:1024px) {
  .bottom_banner .inner {padding:50px 0px 0px 0px;}
.bottom_banner ul li {
    padding: 0px;
}
  .bottom_banner ul li a {
	padding: 25px 0px 20px;}
 .bottom_banner ul li span {height: 50px;
    line-height: 1.2rem;
    padding: 10px 8px;
}
}

@media all and (max-width:768px) {
 .bottom_banner .inner {
    padding: 30px 0px 0px 0px;
}
  .bottom_banner .inner h2 {
    font-size: 2rem;
    height: 70px;}
}

/****/
.scheduleMain{background:#d8edf4;padding:35px 30px 30px 33px;height: 440px;text-align: left;}
.scheduleMain strong{font-size:25px;color:#2c2c2c;font-family: 'Noto Bold';margin-bottom:30px;display: block;text-align: left;}
.scheduleMain ul li a{display: block;}
.scheduleMain ul li + li{margin-top: 15px;}
.scheduleMain ul li:nth-child(n + 5){display:none;}
.scheduleMain ul li .date{background: #2699ce;color:#fff;padding: 5px;display: inline-block;vertical-align: top;width: 100%;text-align: center;font-size: 14px;margin-bottom: 10px;}
.scheduleMain ul li .date span{font-size:40px;font-family: 'Noto Bold';line-height: 1;}
.scheduleMain ul li .date p{font-size:16px;font-family:'Noto Light';line-height: 1;}
.scheduleMain ul li .conts{display: inline-block;vertical-align: top;padding: 10px 12px; width:calc(100% - 85px); letter-spacing: -1px;text-align: left;}
.scheduleMain ul li .conts span{font-size:20px;color:#2c2c2c;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.scheduleMain ul li .conts p{font-size:15px;color:#848484;}
.scheduleMain .more{position: absolute;top: 30px;right: 20px;text-indent: -9999px;width: 40px;height: 40px;background: url(../images/plus_2_b.png) center no-repeat;}


/* 프로그램 참여 컨소시엄 대학교 */
.univ-program-wrap .univ-program-title {position:relative; font-size: 35px; font-family: 'Noto Light'; letter-spacing: -.05em; margin-bottom: 50px;}
.univ-content ul li.active .univ-cont-wrap::before {content:''; display: block; background-color: #000; width:70px; height: 2px;}

.univ-content-title {font-size: 50px; margin-bottom: 20px; color: #000;  font-family: "hufs_M"; letter-spacing: -.05em;}
.univ-content-title span {font-size: 30px;  letter-spacing: -.025em; display: block;}

.univ-content ul {position: relative;}
.univ-content ul li.active {display: block;}


.univ-cont-wrap {overflow:hidden;}
.univ-cont-wrap > img {float:right; max-width: 640px; width:41%;}

.univ-content ul li.active .univ-cont-wrap {display: block;}
.univ-content ul li:not(.active) .univ-cont-wrap {display: none;}

.univ-content ul li > button {position: absolute; color:#666; letter-spacing: -.05em; font-family:"Noto DemiLight"; bottom: 0; left: 0; transition:all .3s; z-index: 99; width:145px; height: 145px; border-radius: 50%; font-size: 18px; display:table-cell; vertical-align:middle; background-color:#e9e9e9;}
.univ-content ul li > button:hover {background-color: #152C46; color:#fff;}
.univ-content ul li > button:first-child {left: 0;}
.univ-content ul li:nth-child(2) > button {left: 165px;}
.univ-content ul li:nth-child(3) > button {left: 330px;}
.univ-content ul li:nth-child(4) > button {left: 495px;}
.univ-content ul li:last-child > button {left: 660px;}

.univ-content ul li.active > button {background-color: #152C46; color:#fff;}
.univ-cont-inner {max-width:795px; width:100%; margin-top:50px;}
.univ-cont-inner > p {font-size: 22px; font-family:"Noto Light"; letter-spacing: -.05em; color:#212121;}

@media all and (max-width: 1397px) {
  .univ-cont-inner {height: 455px;}
  .univ-content ul li > button {width:115px; height:115px; font-size: 16px;}
  
  .univ-content ul li:nth-child(2) > button {left: 125px;}
  .univ-content ul li:nth-child(3) > button {left: 250px;}
  .univ-content ul li:nth-child(4) > button {left: 375px;}  
  .univ-content ul li:last-child > button {left: 500px;}
}
@media all and (max-width: 1024px) {
  .univ-content ul li > button {width:105px; height:105px;}
  .univ-content ul li:nth-child(2) > button {left: 105px;}
  .univ-content ul li:nth-child(3) > button {left: 210px;}
  .univ-content ul li:nth-child(4) > button {left: 315px;}
  .univ-content ul li:last-child > button {left: 420px;}
}

@media all and (max-width: 768px) {
  .univ-program-wrap .univ-program-title {font-size: 25px; margin-bottom: 0px;}
  .univ-content ul li.active .univ-cont-wrap::before {margin: 19px 0;}
  .univ-cont-wrap > img {float:left; width:80%; margin-bottom: 20px;}
  .univ-cont-inner {overflow:hidden; height: auto;}
  .univ-content ul li > button {width:30px; height:30px; text-indent: -9999px; right:0; top:40px; left:auto;}
  .univ-content ul li > button:first-child {left: auto;}
  .univ-content ul li:nth-child(2) > button {left: auto; top:80px;}
  .univ-content ul li:nth-child(3) > button {left: auto; top:120px;}
  .univ-content ul li:nth-child(4) > button {left: auto; top:160px}
  .univ-content ul li:last-child > button {left: auto; top: 200px}

  .univ-content-title {font-size: 26px;}
  .univ-content-title span {font-size: 25px;}
  .univ-cont-inner > p {font-size: 16px;}

}


/* quick_service  */ 
.quick_service {margin-top:35px;}
.quick_service .box {width:100%; margin:0 auto; padding-left:34px;padding-right:34px;}
.banner_wrap .banner ul li {display:block; text-align: center;}
.quick_service .box  li a img{width:100% !important;}

.quick_service .box ul li a {display: block;
    font-size: 1.313rem;
    font-weight: 500;
    letter-spacing: -0.42px;
    color: #444;
    white-space: nowrap;
    text-align: left;
    font-family: poppins;}
.quick_service .box ul li a>span {display: block;
    font-size: 1rem;
    margin-top: 10px;
    font-weight: 400;
}
.quick_service .box  .list .half{display:inline-block; width:45%;}

.quick_service .box ul li a i {display:block; width:120px; height:120px; margin:0 auto 30px auto; -webkit-transition:0.4s;transition:0.4s;}
.quick_service .box .link_01 i {background:#a9967f url('../../images/main/icon_quick_service_01.svg') no-repeat center center; border-radius:64px; background-size:70px auto;}
.quick_service .box .link_02 i {background:#a9967f url('../../images/main/icon_quick_service_02.svg') no-repeat center center; border-radius:64px; background-size:75px auto;}
.quick_service .box .link_03 i {background:#a9967f url('../../images/main/icon_quick_service_03.svg') no-repeat center center; border-radius:64px; background-size:75px auto;}
.quick_service .box .link_04 i {background:#a9967f url('../../images/main/icon_quick_service_04.svg') no-repeat center center; border-radius:64px; background-size:75px auto;}
.quick_service .box .link_05 i {background:#a9967f url('../../images/main/icon_quick_service_05.svg') no-repeat center center;border-radius:64px; background-size:72px auto;}
.quick_service .box .link_06 i {background:#a9967f url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:64px; background-size:75px auto;}
.quick_service .box .link_07 i {background:#a9967f url('../../images/main/icon_quick_service_05.svg') no-repeat center center; border-radius:64px; background-size:75px auto;}
.quick_service .box .link_08 i {background:#a9967f url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:64px; background-size:75px auto;}
.quick_service .box a:hover i {background-color:#8d7150;-webkit-transition:0.4s;transition:0.4s;}
.quick_service .slick-prev {position:absolute; left:-51px; top:38px; width:52px; height:52px; background:url('../../images/main/btn_quick_service_prev.svg') no-repeat center center;font-size:0;}
.quick_service .slick-next {position:absolute; right:-51px; top:38px; width:52px; height:52px; background:url('../../images/main/btn_quick_service_next.svg') no-repeat center center;font-size:0;}
@media all and (max-width:1484px) {
  .quick_service .box {width:100%;}
  .quick_service .slick-prev {left: -36px;}
  .quick_service .slick-next {right: -36px;}
}
@media all and (max-width:767px) { 
  .quick_service .box ul li a {font-size:1.25rem; }
  .quick_service .box ul li a i {width:96px; height:96px; margin:0 auto 20px auto;}
  .quick_service .box .link_01 i {background:#899bba url('../../images/main/icon_quick_service_01.svg') no-repeat center center; border-radius:48px; background-size:60px auto;}
  .quick_service .box .link_02 i {background:#899bba url('../../images/main/icon_quick_service_02.svg') no-repeat center center; border-radius:48px; background-size:65px auto;}
  .quick_service .box .link_03 i {background:#899bba url('../../images/main/icon_quick_service_03.svg') no-repeat center center; border-radius:48px; background-size:65px auto;}
  .quick_service .box .link_04 i {background:#899bba url('../../images/main/icon_quick_service_04.svg') no-repeat center center; border-radius:48px; background-size:65px auto;}
  .quick_service .box .link_05 i {background:#899bba url('../../images/main/icon_quick_service_05.svg') no-repeat center center;border-radius:48px; background-size:62px auto;}
  .quick_service .box .link_06 i {background:#899bba url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:48px; background-size:65px auto;}
  .quick_service .box .link_07 i {background:#899bba url('../../images/main/icon_quick_service_05.svg') no-repeat center center; border-radius:48px; background-size:65px auto;}
  .quick_service .box .link_08 i {background:#899bba url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:48px; background-size:65px auto;}
  .quick_service .slick-prev {left:calc(50% - 45px); top:-68px; width:40px; height:40px; border:solid 1px #cbcbc8; background-size:12px auto;}
  .quick_service .slick-next {right:calc(50% - 45px);; top:-68px; width:40px; height:40px; border:solid 1px #cbcbc8; background-size:12px auto;}
  }


/* banner_wrap */
.banner_wrap { padding:0; background: #39bbcb url('../../images/main/bg_banner.jpg') repeat-x center 0;}
.banner_wrap .banner {width: 100%;
    /* height: 52px; */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.banner_wrap .banner ul li {display:block; text-align: center;}
.banner_wrap .banner ul li a {display:block; color:#fff; font-size:1.06rem; font-weight:400; line-height:52px; white-space:nowrap; }
.banner_wrap .slick-prev {position:absolute;left: -78px;top:0;width:52px;height:52px;background:url('../../images/main/btn_banner_prev.svg') no-repeat center center;font-size:0;}
.banner_wrap .slick-next {position:absolute;right: -78px;top:0;width:52px;height:52px;background:url('../../images/main/btn_banner_next.svg') no-repeat center center;font-size:0;}
@media all and (max-width:1484px) {
  .banner_wrap .banner {width:100%;}
  .banner_wrap .slick-prev {left: -60px;}
  .banner_wrap .slick-next {right: -60px;}
}
.mainimg .section ul .fact{   width: 1000px;margin: 0 auto;margin-top: 290px; background: none;}
   .fact{   width: 100%;margin: 0 auto;margin-top: 30px; background: none;}
.mainimg .section ul .fact li div{font-size:2.9rem; text-align:center; font-weight:600; font-family:poppins;}
.fact li div{font-size:2.5rem; text-align:center; font-weight:600; font-family:poppins;}
.mainimg .section ul  .fact li {display: inline-block;
    width: 22%;
    height: 200px;
    text-align: center;
    margin-bottom: 45px;}
 .fact li {display: inline-block;
    width: 24%;
    height: 200px;
    text-align: center;
    margin-bottom: 45px;}
.mainimg .section ul .fact li span {
 font-size: 1.0rem;
    color: #e7d49f;
    height: 50px !important;
    margin-top: 10px;background: url(/sites/hufsenglish/images/main/y_line.png) no-repeat top center;
    text-transform: uppercase;font-family: poppins;font-weight: 600;
}
 .fact li span {
 font-size: 1.0rem;
    color: #e7d49f;
    height: 50px !important;
    margin-top: 30px;background: url(/sites/hufsenglish/images/main/y_line.png) no-repeat top center;
    text-transform: uppercase;font-family: poppins;font-weight: 600;
}

 .fact li img{ margin: 0 auto;
    opacity: 0.9;
    width: 100px;
    margin-bottom: 5px;
    text-align: center;
    padding: 10px;}
#countstu{ animation: counter 1s  ease-in-out;counter-reset: num var(--num); animation-delay: 0s;}
#countfaculty{ animation: counter 1.5s  ease-in-out;counter-reset: num var(--num); animation-delay:  0.2s;}
#countmajor{ animation: counter 2s  ease-in-out;counter-reset: num var(--num); animation-delay:  0.4s;}
#countnet{ animation: counter 2.5s  ease-in-out;counter-reset: num var(--num); animation-delay:  0.6s;}
  
  
 #countstu,
#countfaculty,
#countmajor,
#countnet{ width: 150px;
    margin: 0 auto;
   height: 55px;
    line-height: 42px;color:#fff;
}

#countstu::before,
#countfaculty::before,
#countmajor::before,
#countnet::before{
  content: counter(num);
}

 #countstu:hover,
#countfaculty:hover,
#countmajor:hover,
#countnet:hover{
color:#8d7150;
} 
  
#countstu { --num:26159; }
#countfaculty { --num:644 ; }
#countmajor { --num:76; }
#countnet { --num:901; }


@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

@keyframes counter {
  from {
    --num: 0;  }
  to {
    --num: 190; }
}
@media all and (max-width:1024px) {
.mainimg .section ul .fact {
    width: 100%;
    margin: 0 auto;
    margin-top: 220px;
    padding: 20px;
}
  .fact {
    width: 100%;
    margin: 0 auto;
    margin-top: 5px;
    padding: 20px;
}
.mainimg .section ul .fact li {
    display: inline-block;
    width: 43%;
    height: 120px;
    text-align: center;
    margin-bottom: 35px;}
.fact li {
    display: inline-block;
    width: 43%;
    height: 120px;
    text-align: center;
    margin-bottom: 35px;}
.mainimg .section ul .fact li img {display: none;}
.fact li img {width;50px;}
.fact li div {font-size: 2.5rem;}
.fact li span {font-size: 1.2rem;  line-height: 1.3rem;}
}


@media all and (max-width: 768px) {

  
}
#multipleContentsDiv_hufsenglish_9968{background:#002d56}