@charset "UTF-8";


.wrap-slide .con:hover{background:#086ad7;}
.wrap-slide .con{background:#85745fcf;}
.wrap-slide .slider li a con{background:#ada8a8;}
.wrap-slide .slider lli a:hover.con{background:#086ad7;}

.wrap-slide .slider li a .thum img { filter:grayscale(1);}
.wrap-slide .slider li a:hover .thum img {filter:grayscale(0);}


.wrap-slide .slider li:hover img { filter:grayscale(0);}

#menu9475_obj3354{overflow:hidden}
#menu9475_obj1136{overflow:hidden!important;}
#multipleContentsDiv_tesol_1260 { background: linear-gradient(360deg, white, transparent); width:100%;}
#multipleContentsDiv_tesol_1226 {background: linear-gradient(360deg, white, #f9f7f700); /* height: 520px; */}
#multipleDiv_tesol_80{ background: #fff;}
#menu9475_obj1116 { overflow: hidden;}
.tit2   {    text-align: center;
    font-weight: 600;
    font-size: 1.74rem;
    line-height: 2rem;
    margin-bottom: 20px;
    padding-top: 10px;
    font-family: hufs_m;
    color: transparent;
    background: linear-gradient(293deg, #002d56, #09a2eb);
    background-clip: text;
    -webkit-background-clip: text;}
.subtit{text-align: center;
    color: #0a5a83;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.8rem;
    width: 68%;
    background: #ededda;
    margin: 0 auto;}
.movielink{position: absolute;
    margin: 0 auto;
    top: 160px;
    color: #fff;
    font-weight: 900;
    width: 100%;
    text-align: center;
    text-shadow: 1px 1px 5px black;
    line-height: 3rem;}
.wrap-visual .control-box{display:none !important;}
#menu9475_obj561 {
    
    z-index: 3;
    background: #fff;
    padding: 10px 20px 10px 20px;
}

@media all and (min-width:1025px) and (max-width:1484px) {
  #multipleContentsDiv_hufstmp01_1286, #multipleContentsDiv_hufstmp01_1333, #multipleContentsDiv_hufstmp01_2082, #multipleContentsDiv_hufstmp01_3561, #multipleContentsDiv_tesol_3168 {width:96%;}

}
  ._obj {overflow: visible;}

/* visual */
/*.visual_slogan {position: absolute; top:0%; left: 50%; z-index:11; width:1400px;transform:translate(-50%, 0%);}*/
.visual_slogan {text-shadow:0 0 3px black;
 z-index: 11;
width: 1400px;
margin: 0 auto;
text-align: center;
}
.visual_slogan span {display: block;
    font-size: 0.9rem;
    font-weight: 800;
    color: #f3d1a0;
    width: 150px;
    margin: 0 auto;
    margin-bottom: 30px;
    background: #1717184f;
    border-radius: 50px;
    padding: 3px 0px;
    text-shadow: none;
    border: 0px solid #ffffffba;
}
.visual_slogan strong {display: block;
    margin: -0.2rem 0 0 0;
    font-size:4.5rem;
    font-weight: 400;
    letter-spacing: -1.18px;
    color: #fff;
    font-family: 'hufs_L';
    line-height: 3.9rem;
    font-weight: 300;
    font-style: italic;}
.visual_slogan strong b{font-family: 'hufs_M';
    font-size: 5.5rem!important;}
.visual_slogan strong span{text-shadow: 0 0 3px #172930;
    font-weight: 500;
    font-size: 1rem;
    width: 100%;
    background: none;
    margin-top: 20px;
    font-style: normal;
    color: #efeeed;
    text-transform: uppercase;
    border: none;
    line-height: 1.4rem;
    font-family: poppins;
    letter-spacing: 0.02rem;}
.visual_slogan strong u{font-family: hufs_m;display:inline-block; text-decoration:none;color: lightgoldenrodyellow;}
.visual_slogan p.detail {display: block;
    margin-top: -20px;
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;}
.bg_visual_slogan {display:block;position:absolute;top:35px;right:0;z-index:10;width:50%;height:205px;/*background-image: linear-gradient(90deg, rgb(255 255 255 / 0%), rgb(41 35 26 / 60%));*/}  /* 배경박스 사이즈 조절  width:50%; 수정가능 */
@media all and (max-width:1484px) {
	.visual_slogan {width:96%;}
	.visual_slogan span {font-size: ; text-align:center;}
    .visual_slogan strong {font-size: ; text-align:center;}
    .visual_slogan p.detail {font-size: 1.2rem; text-align:center; margin:0rem 0 0 0}
}


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

	.visual_slogan {width:91%;}
    .visual_slogan span {font-size:; text-align:center;}
    .visual_slogan strong {font-size: 3.3rem; text-align:center;}
    .visual_slogan p.detail {font-size: 0.99rem; text-align:center;}
   .bg_visual_slogan {top:27px;height:148px;}  /* 배경박스 사이즈 조절  width:50%; 수정가능 */
  .visual_slogan strong span{line-height: 2rem;}
}

.mainbanner{background: #042843f2;
    /* height: 230px; */
    padding: 10px 60px 50px;
    border-radius: 5px;}
.mainbanner h3{color: #ffffff;
    font-family: poppin;
    border-bottom: 2px solid #8d7150;
    line-height: 2.9rem;
    margin-bottom: 40px;
    font-weight: 200;}

/* main_link */
.main_link {/*display:flex;*/ width:100%; height:260px;}
.main_link .title {
    width: 100%;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.3;
}
.main_link .link {display: flex;
    width: 100%;
    padding: 0 0.925% 0 0.875%;
    background:linear-gradient(180deg, rgba(0,0,0,.6), rgba(0,0,0,.36));
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 250px;}
.main_link .link:hover {transition: background-image 0.5s linear;}
.main_link .link a {display: block;
    width: 13%;
    padding: 8rem 0 0 0;
    line-height: 5;
    font-size: 1.063rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: -0.17px;
    text-align: center;
    background-position: center 4.2rem;
    background-size: 75px;}
.main_link .link a:hover { transform: rotatey(360deg);transition: all 0.9s cubic-bezier(0.2, 0, 0.3, 1);}
.main_link .link img{  height: 91px; margin-top: 5rem;}

.main_link .link_01 {background: url('../../images/main/icon_link_01.png') no-repeat; }
.main_link .link_02 {background: url('../../images/main/icon_link_02.png') no-repeat;}
.main_link .link_03 {background: url('../../images/main/icon_link_03.png') no-repeat; margin-left: 50%;}
.main_link .link_04 {background: url('../../images/main/icon_link_04.png') no-repeat;}
.main_link .link_05 {background: url('../../images/main/icon_link_05.png') no-repeat;}
.main_link .link_notice {background: url('../../images/main/icon_link_notice.svg') no-repeat;}
.main_link > a {display:block; width: 15.3%; padding:2.125rem 0 0 0; color:#fff; font-size: 1.25rem; font-weight: 500; text-align:center;}

.main_link .link2 {display: flex;width: 100%;padding:0px;margin:0px;height: 250px;text-align: center;}
.main_link .link2 li {display: inline-block;width: 25%; background-position: center 80px;background-size: 60px;}
.main_link .link2 li:hover{background-position: center 70px;    background-size: 60px;}
.main_link .link2 h1{display:block; text-align:center; font-size:1.7rem; color:#fff; font-family:hufs_m; line-height:95px;}
.main_link .link2 a{font-size:1rem;border: 1px solid rgba(256, 256, 256, .5);background: rgba(0,0,0,.1); color: #fff;margin-top: 75px; margin-right: -5px; display: inline-block;padding:10px;min-width: 33%; font-weight:300;}
.main_link .link2 a:hover{border: 1px solid rgba(256, 256, 256, .5);background: rgba(256, 256, 256,.3);color: #222; font-weight:600;}

.main_link .slink_01 {background: rgba(111,73,159,.8) url(../../images/main/icon_link2_01.png) no-repeat;transition: 0.5s; border-bottom-left-radius: 20px;}
.main_link .slink_01:hover {background:rgba(123,87,171,.89) url(../../images/main/icon_link2_01.png) no-repeat; transition:0.5s;}
.main_link .slink_02 {background:rgba(0,36,74,.88) url(../../images/main/icon_link2_02.png) no-repeat;transition:0.5s;}
.main_link .slink_02:hover {background:rgba(0,66,130,.9) url(../../images/main/icon_link2_02.png) no-repeat;transition:0.5s;}
.main_link .slink_03 {background:rgba(24,124,165,.9) url(../../images/main/icon_link2_03.png) no-repeat;;transition:0.5s;}
.main_link .slink_03:hover {background:rgba(39,146,190,.9) url(../../images/main/icon_link2_03.png) no-repeat;;transition:0.5s;}
.main_link .slink_04 {background:rgba(149,116,80,.9) url(../../images/main/icon_link2_04.png) no-repeat;;transition:0.5s;border-bottom-right-radius:20px;}
.main_link .slink_04:hover {background:rgba(182,140,92,.9) url(../../images/main/icon_link2_04.png) no-repeat;;transition:0.5s;}

@media all and (min-width:1025px) and (max-width:1484px)  {
  .main_link {width:100%;}
  .main_link .link,.main_link .link2{height:250px; }

}

@media all and (max-width:1024px) {
#menu9475_obj3355 { clear: both;}
.main_link .link img{margin-top: 4rem;}
.main_link .link a {
    display: block;
    width: 25%;
    padding: 7rem 0 0 0;
    line-height: 5;
    font-size: 1.063rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: -0.17px;
    text-align: center;
    background-position: center 3.5rem;
}
.main_link .link,.main_link .link2{height:220px; width:98%; margin:0 auto;}
.main_link .link_03 {
    margin-left:0;}
	
.main_link .link2 a {
    font-size: 0.9rem;
    margin: 0 auto;
    display: block;
    padding: 5px;
    width: 80%;
    text-align: center;
}

.main_link .link2 h1 { font-size: 1.3rem;  line-height: 29px; padding: 20px 5px 0px 5px;min-height: 130px;}
.main_link .link2 li{background-position: center 62px; background-size:50px;}
.main_link .link2 li:hover{background-position: center 66px; background-size:50px;}	
.main_link .link2 a:last-child{ border-top: 0px solid #fff;}
 .movielink{top: 100px;}
}
@media all and (min-width:769px) and (max-width:850px)  {
  .main_link .link2 li{background-position: center 0px;}
.main_link .link2 li:hover{background-position: center 0px;}	
  .main_link .link2 li {background-size:0; }
  .main_link .link2 li:hover {background-size:0; }  
}




@media all and (max-width:768px) {
   .main_link .link img{margin-top: 3rem;}
  .main_link {flex-wrap:wrap;}
  .main_link .title {display:none;}
  .main_link .link {width:100%;height:186px;}
  .main_link .link a {padding: 5.9rem 0 1rem 0;  background-position: center 3rem;  background-size:60px; }
  .main_link > a {padding: 1.0625rem 0 1.0625rem 0; width: 50%;}
  .main_link .slink_01, .main_link .slink_02{font-size: 1.1rem;}
  .main_link .link2 h1 {
    font-size: 1.05rem;
    line-height: 20px;
    padding: 20px;
    min-height: 100px; font-family:'Noto Sans KR';}

  .main_link .link2 {width:100%;height:186px;}
  .main_link .link2 a{}
  .main_link .link2 a:last-child{ border-top: 0px solid #fff;}
  .main_link .link2 li {background-size:0; }
  .main_link .link2 li:hover {background-size:0; }  

  .movielink{top: 70px;}
  .movielink a{font-size:1.5rem;}
}
/* campus_guide */
.campus_guide .title {padding-bottom:8px; border-bottom:solid 1px #CCC; color:#222; font-family:'Noto Sans KR'; font-weight:500; font-size:2.188rem;}
.campus_guide .link {display:flex; flex-wrap:wrap; margin-top:30px;}
.campus_guide .link a {flex-grow: 1; width:31%; height:110px; line-height:110px; margin-bottom:20px; border:solid 1px #b7b7b7;color:#444;font-size:1.125rem; font-weight:400; letter-spacing:-0.36px;-webkit-transition:0.4s;transition:0.4s;}
.campus_guide .link a:hover {border:solid 1px #a7a7a7; background-color:#f4f4f1; -webkit-transition:0.4s;transition:0.4s;}
.campus_guide .link .link_01 {background: url('../../images/main/icon_campus_guide_01.svg') no-repeat; background-position: 20% center; margin-left:0; padding-left:15%; }
.campus_guide .link .link_02 {background: url('../../images/main/icon_campus_guide_02.svg') no-repeat; background-position: 17% center; margin-left:3.5%; padding-left:12%; }
.campus_guide .link .link_03 {background: url('../../images/main/icon_campus_guide_03.svg') no-repeat; background-position: 17% center; margin-left:3.5%; padding-left:12%;}
.campus_guide .link .link_04 {background: url('../../images/main/icon_campus_guide_04.svg') no-repeat; background-position: 20% center; margin-left:0; padding-left:16%;}
.campus_guide .link .link_05 {width:65.5%; border: solid 1px #947d5d; color:#fff; background-color: #A48D6E;background: #A48D6E url('../../images/main/icon_campus_guide_05.svg') no-repeat; background-position: 18% center; margin-left:3.5%; padding-left:26%;}
.campus_guide .link a.link_05:hover {border:solid 1px #947d5d; background-color: #947d5d;background: #947d5d url('../../images/main/icon_campus_guide_05.svg') no-repeat; background-position: 18% center; margin-left:3.5%; padding-left:26%; -webkit-transition:0.4s;transition:0.4s;}
@media all and (max-width:1024px) {
    .campus_guide .title {font-size: 1.9rem;}
    .campus_guide .link a {height:70px; line-height:70px; font-size: 1.07rem; margin-bottom:15px;}
	.campus_guide .link .link_01 {width:48%; margin-left:0; padding-left:22%; background-position: 18% center;}
	.campus_guide .link .link_02 {width:48%; margin-left:4%; padding-left:18%;background-position: 18% center; }
	.campus_guide .link .link_03 {width:48%; margin-left:0; padding-left:18%;background-position: 17% center; }
	.campus_guide .link .link_04 {width:48%; margin-left:4%; padding-left:20%;background-position: 17% center; }
	.campus_guide .link .link_05 {width:100%; margin-left:0; padding-left:38%;background-position: 18% center; }
    .campus_guide .link a.link_05:hover {width:100%; margin-left:0; padding-left:38%; background-position: 18% center;}
}
@media all and (max-width:767px) {
    .campus_guide .title {font-size: 1.7rem;}
    .campus_guide .link {margin-top: 20px;}
    .campus_guide .link a {height:72px; line-height:72px;font-size:1rem; margin-bottom:20px;}
 	.campus_guide .link .link_01 {padding-left:24%; background-position:16% center; background-size:36px auto;}
	.campus_guide .link .link_02 {padding-left:19%;background-position:16% center; background-size:28px auto;}
	.campus_guide .link .link_03 {padding-left:19%;background-position:16% center; background-size:30px auto;}
	.campus_guide .link .link_04 {padding-left:23%;background-position:16% center; background-size:36px auto;}
	.campus_guide .link .link_05 {padding-left:40%;background-position:16% center; background-size:40px auto;}
    .campus_guide .link a.link_05:hover {padding-left:40%; background-position:16% center;background-size:40px auto;}    
  }
  @media all and (max-width:360px) {
    .campus_guide .link a {font-size:0.875rem;}   
  }

/* quick_service */
.quick_service .title {display:block; padding-bottom:8px; border-bottom:solid 1px #CCC; color:#222; font-family:'Noto Sans KR'; font-weight:500; font-size:2.188rem;}
.quick_service .box {width:100%; margin-top:30px; padding:29px 10px 33px 10px; border: solid 1px #d4d4d4; overflow:hidden;}
.quick_service .box ul {display:flex;}
.quick_service .box ul li {flex-grow: 1; }
.quick_service .box ul li a {display:block; position:relative; height:76px; line-height:76px; padding-left:96px; color:#444; font-size:1rem; font-weight:400; letter-spacing:-0.34px; white-space: nowrap; -webkit-transition:0.4s;transition:0.4s;}
.quick_service .box ul li a+a {margin-top:24px;}
.quick_service .box ul li a>span {display: block;font-size: 0.8rem;margin-top: -53px;}
.quick_service .box a i {position:absolute; left:10px; width:76px; height:76px; -webkit-transition:0.4s;transition:0.4s;}
.quick_service .box a:hover i {-webkit-transition:0.4s;transition:0.4s;}
.quick_service .box .link_01 i {background: #899bba url('../../images/main/icon_quick_service_01w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_02 i {background: #899bba url('../../images/main/icon_quick_service_02w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_03 i {background: #899bba url('../../images/main/icon_quick_service_03w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_04 i {background: #899bba url('../../images/main/icon_quick_service_04w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_05 i {background: #899bba url('../../images/main/icon_quick_service_05w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_06 i {background: #899bba url('../../images/main/icon_quick_service_06w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_07 i {background: #899bba url('../../images/main/icon_quick_service_05w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_08 i {background: #899bba url('../../images/main/icon_quick_service_06w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box a:hover i {background-color: #7088b3; border-radius:38px;}
.quick_service .box .slick-prev, .quick_service .box .slick-next {display:none;}
@media all and (max-width:1024px) {
    .quick_service .title {font-size: 1.9rem;}
    .quick_service .box ul li a {font-size:1rem;}
}
@media all and (max-width:767px) {
    .quick_service .title {font-size: 1.7rem; border-bottom:none;}
	.quick_service .box {width:100%; margin-top:10px;}
  }
  
/* banner_wrap */
#menu9475_obj3753 { background: url(/sites/hufstmp01/atchmnfl_mngr/imageSlide/516/temp_1637648249081100.jpg); background-position: center top;}
.banner_wrap {height:160px; padding:53px 0 10px 0; background:#765f42d1  url(../../images/main/section_back_gold.png) repeat-x center 0;background-size: cover;}
.banner_wrap .banner {width: 1400px;height:52px;margin: 0 auto;overflow:hidden;position:relative;padding-left:61px;padding-right:61px;}
.banner_wrap .banner ul li {display:block; text-align:center; padding-right:0px;}
.banner_wrap .banner ul li a {color: #f5f0f0;padding: 5px 15px 8px;
    font-size: 1.06rem;
    overflow: hidden;
    margin: 0 auto;
    line-height:50px; font-weight:500;text-shadow: 0px 0px 3px #443025;}
.banner_wrap .banner ul li a:hover{border: 1px solid #dac6a1;color:#fff;}
/*.banner_wrap .banner ul li a {display:block; color:#fff; font-size:1.06rem; font-weight:400; line-height:52px; white-space:nowrap; }*/
.slick-slide img {
    width: 40px;
    display: flex;
    float: left;
    margin-right: 5px;
}
.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;}
}

@media all and (max-width:767px) {
.banner_wrap .banner ul li {padding-left:5px;padding-right:0px; overflow:hidden; text-align:center}
.banner_wrap .banner ul li a{ text-align:center}
.slick-slide img {display:none;}
.banner_wrap .banner ul li a img {display:none;}
}

/* banner_wrap2 */
.banner_wrap2 { padding: 10px 0 10px 0;
    height: 0px;
    margin: 0 auto;
    margin-left: 25%;
    width: 450px;
    background: url(/sites/tesol/images/main/h5-right.png)no-repeat 385px bottom;
    overflow: hidden;
    height: auto;}
.banner_wrap2 .hot { width: 100%;
    overflow: hidden;
    position: relative;
    padding-left: 0px;
    background:linear-gradient(172deg, #032448e6, transparent 80%);
    border-radius: 0px;}


.banner_wrap2 .hot ul{
  background: url(/sites/tesol/images/main/h5-left.png) no-repeat 25px 25px;}
.banner_wrap2 .hot ul li {display:block; text-align: center;}
.banner_wrap2 .hot ul li {    border-right: 0px solid #ffffff4d;
    height: 270px;
    overflow: hidden;}
.banner_wrap2 .hot ul li a {display: block; color: #eee; font-size: 1.2rem;font-weight: 400; white-space: nowrap;color: #fff;    text-shadow: 0 0 5px black; line-height: 2.4rem;}
.banner_wrap2 .hot .h li a { font-family: 'hufs_L';  text-shadow: none;}
.banner_wrap2 .hot ul li a p{display: inline-block;border-radius: 15px;  font-size: 1.3rem; line-height: 30px; font-weight: 200;border: 1px solid #ffffff8c;
    padding: 0 10px;}
.banner_wrap2 .hot ul li a .tit{    display: block;
    border-radius: 0px;
    font-size: 1.5rem;
    line-height: 30px;
    font-weight: 600;
    border: none;
    padding: 0px 0px 15px 0px;
    color: #09e8f3;}
.banner_wrap2 .hot ul li a .tit b{
    font-size: 1.2rem;
    display: block;
    line-height: 1.3rem;
    font-weight: 200;
}
.banner_wrap2 .hot ul li a .tit_text{display: block;border-radius: 0px;  font-size: 1rem; line-height: 30px; font-weight: 300;border:none;padding: 0px 0px 10px 0px;}
.banner_wrap2 .hot ul li a:hover .tit{ color:#fff;font-weight: 300;  background:;    text-shadow:none;}
.banner_wrap2 .hot ul li a:hover .tit_text{color: #fff;font-weight: 300;  background:;    text-shadow:none;}

.banner_wrap2 .hot ul li a h5{background: none;
    font-size: 2.9rem;
    height: 30px;
    margin-top: 30px;}
.banner_wrap2 .hot ul li a strong{padding-top:50px;
    display: block;}

.banner_wrap2 .hot ul li a span{margin-left: 20px;  
    color: #fff; font-weight: 300;}
.banner_wrap2 .hot ul li a:hover strong{color:#fff;}
.banner_wrap2 .hot ul li a:hover p{    color: #093d62;
    font-weight: 400;
  background:;    text-shadow: 0 0 0px black;}

.banner_wrap2 .slick-prev {position:absolute;left: -78px;top:0;width:52px;height:52px;background:url('../../images/main/btn_quick_service_prevon.png') no-repeat center center;font-size:0;  background-position:22px;}
.banner_wrap2 .slick-next {position:absolute;right: -78px;top:0;width:52px;height:52px;   background: url('../../images/main/btn_quick_service_nexton.png') no-repeat center center; font-size: 0; background-position: -45px;}

@media all and (max-width:1484px) {.banner_wrap2 {margin-left:23%;}
  .banner_wrap2 .hot {width:100%;}
  .banner_wrap2 .slick-prev {left: -60px;}
  .banner_wrap2 .slick-next {right: -60px;}
}
#menu8661_obj494 {border: 1px solid #002d56;box-sizing: border-box;}
@media (max-width: 1200px){
.banner_wrap2 {margin-left: 25%;width: 400px;background-position: 335px bottom;}
  .subtit{width: 99%;}
}
@media (max-width: 1120px){
.banner_wrap2 .hot ul li a strong {padding-top: 70px;}
.quick-about_text{width:83%!important;}
.banner_wrap2 {margin-left: 22%; width: 385px;}
}


@media (max-width: 1024px){
.banner_wrap2 {margin-left: 25%;width: 550px;    background-position: 490px 220px;}
  .banner_wrap2 .hot ul li a strong {padding-top: 45px;}
.quick-about { background-position: bottom center;}

.quick-about .ribon {margin-left: 0px!important;}
.quick-about_text{margin-top: -70px!important;
    padding-bottom: 30px!important;}
}
@media all and (max-width:900px) {
.banner_wrap2 { width: 450px;margin:0 auto;width:90%;background:none;}
.banner_wrap2 .hot{/*height:170px; margin-top: -25px;*/background:none}
.banner_wrap2 .hot ul li a {font-size: 1rem; }
.banner_wrap2 .hot ul li a strong {font-size: 1.4rem;
    line-height: 3.3rem;margin-top:0px;padding-bottom:10px;}
.banner_wrap2 .hot ul li a span{    margin-left: 10px;font-size: 0.8rem;}
.banner_wrap2 .slick-prev { top:30px}
.banner_wrap2 .slick-next {top:30px}
.banner_wrap2 .hot ul li a p{  margin: 0 auto; font-size: 0.8rem;}
.banner_wrap2 .hot ul{background:none;}
  
.banner_wrap2 .hot ul li {height: 300px;  }
.quick-about_text{display:none;}
.banners_list.col-three{margin-top:40px!important;}
  .quick-about_title{width:100%;}
#menu9475_obj1262 {background: linear-gradient(0deg, #1681eb, #022750)!important;}
  .banner_wrap2 .slick-prev{display:none;}
  .banner_wrap2 .slick-next{display:none;}
  .banner_wrap2 .hot ul li a .tit { font-size: 1.8rem!important;padding: 0px 0px 25px 0px;
	line-height: 2.9rem;}
}
/* quick link*/
#menu9475_obj1262 {background: linear-gradient(0deg, #1681eb, #022750f5);}
.quick-about {padding: 50px;
    background:url(https://dep.hufs.ac.kr/sites/tesol/images/main/hot_bottom.png) no-repeat bottom left;
    border-radius: 0px;}
.inner{width:100%;padding:0 0px;margin:0 auto}
.flex-wrap {display:flex; justify-content:space-between;}
.quick-about_text-wrap {margin-right:40px; width:100%; }
.quick-about_category {font-size:20px;font-weight:700;color:yellow;line-height:1}
.quick-about_title {

    background: url(https://dep.hufs.ac.kr/sites/tesol/images/main/hot.png) no-repeat;
    background-position: top left;height: 290px;
}
.quick-about_text {font-size:21px;font-weight:500;color:rgba(255,255,255,.8)}
.quick-about .ribon{margin-top: -60px;
    margin-left: -50px;}
/* Banners */
.banners {
    margin: 0 auto;}
.banners_list {display:flex;flex-wrap:wrap;margin:-10px}
.banners_item {padding:0px}
.banners_link {display:block}
.banners_list.col-three .banners_item a{    background: linear-gradient(291deg, #0968d1c2, #a6e1e700);
    overflow: hidden;
    -webkit-clip-path: polygon(87% 0, 100% 13%, 100% 78%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(87% 0, 100% 13%, 100% 78%, 100% 100%, 0 100%, 0 0);}

.banners_inner{display: flex;
    flex-direction: column;
    position: relative;
    height: 175px;
    padding: 25px 20px 20px 35px;
    border-bottom: 1px solid #116cc8;
}

.banners_link .icon1{background: url(/sites/tesol/images/main/hot_01.png) no-repeat 25px 100px;}
.banners_link .icon2{background: url(/sites/tesol/images/main/hot_02.png) no-repeat 25px 100px;}
.banners_link .icon3{background: url(/sites/tesol/images/main/hot_03.png) no-repeat 25px 100px;}
.banners_link .icon4{background: url(/sites/tesol/images/main/hot_04.png) no-repeat 25px 100px;}
.banners_link .icon5{background: url(/sites/tesol/images/main/hot_05.png) no-repeat 25px 100px;}
.banners_link .icon6{background: url(/sites/tesol/images/main/hot_06.png) no-repeat 25px 100px;}

/*.banners_list.col-three .banners_item a:hover{background: linear-gradient(145deg, #3e80c9, #e4eaeb);}*/
.banners_list.col-three .banners_item a:hover{background:#fff;}

.banners_link:hover .icon1{background:url(/sites/tesol/images/main/hot_01on.png) no-repeat 25px 100px;}
.banners_link:hover .icon2{background:url(/sites/tesol/images/main/hot_02on.png) no-repeat 25px 100px;}
.banners_link:hover .icon3{background:url(/sites/tesol/images/main/hot_03on.png) no-repeat 25px 100px;}
.banners_link:hover .icon4{background:url(/sites/tesol/images/main/hot_04on.png) no-repeat 25px 100px;}
.banners_link:hover .icon5{background:url(/sites/tesol/images/main/hot_05on.png) no-repeat 25px 100px;}
.banners_link:hover .icon6{background:url(/sites/tesol/images/main/hot_06on.png) no-repeat 25px 100px;}

.banners_inner::before {content:"";position:absolute;top:0;left:0;width:100%;height:2px;visibility:hidden;opacity:0;background-color:#8a7351;transition:visibility .3s, opacity .3s}
.banners_title {font-size:1rem;font-weight:400;color:#fff;line-height:1.3;transition:color .3s}
.banners .btn-plus_icon {margin:auto 0 0 auto;background:rgba(255,255,255,.15) url('/sites/globeedorm/images/main/icn_plus_white.svg') no-repeat center; background-size:11px; transition:background-color .3s}
.banners_list.col-three {margin-top:-7px;margin-left: -10%;}
.banners_list.col-three .banners_item {width:33.333333333333%;padding:3px;}

@media (max-width:1399px) {
	#menu9475_obj1262 { width: 98%;}  #multipleContentsDiv_tesol_80{ width: 100%;}
  #multipleContentsDiv_tesol_3227{ width: 95%;}
}
@media (max-width:1200px) {
#menu9475_obj1262 { width: 100%;height: 460px;}
  #menu9475_obj3354 img {height:470px!important;}
 #multipleContentsDiv_tesol_80{ width: 100%;margin-top: 0px;}
  .quick-about {padding:50px 20px 10px 20px;
    height: 460px;}
.quick-about_title {margin-left: 40px;}
.banners_list.col-three .banners_item {padding: 1px;}
  .banners_list.col-three {margin-left: -5%;}
}
@media (max-width:1024px) {
  #menu9475_obj1262 { width: 100%;height: 520px;}
   #multipleContentsDiv_tesol_80{ ;margin-top: 40px;}
.flex-wrap {flex-direction: column;}
  
 .banners_list.col-three {margin-left: 0%;}
.banners_list.col-three .banners_item {width:16.5%!important;}
#multipleDiv_tesol_1260{height: 530px;}
  .quick-about {background-position: bottom center;   height: 520px;}
  .quick-about_title {margin-left: 0px;}
  .banners {width: 98%;}
.banners_list.col-three {  margin-top: 20px;}
}

@media (max-width:900px) {
.quick-about {height: 780px;background-position: center 190px!important;background:url(https://dep.hufs.ac.kr/sites/tesol/images/main/hot_bottom2.png) no-repeat}
	.title-large {font-size:36px}
	.flex-wrap {flex-direction: column;}
	.quick-about_text-wrap {text-align:center; }
	.banners_list.col-three .banners_item {width:32.999999%!important;}
	.banners_inner{}
	.quick-about .banners {margin-top: 50px;}

  .tel:hover{text-decoration:underline}
.flex-wrapy{padding:40px 0;}
  .banners_list.col-three {  margin-top: 200px;    width: 99.9% !important;margin: 0 auto;}
.banners_title { font-weight: 600; text-align: center;}
}

@media (max-width:900px) {
#multipleDiv_tesol_1260{height: 750px;margin-bottom: 69px;}
#menu9475_obj1262{    height: 780px;}
}

	/* Banners */

	.banners_link:hover .banners_inner::before {visibility:visible;opacity:1}
	.banners_link:hover .banners_title {color:#003876;border-bottom: 1px solid #8d71507a;

}
	.banners_link:hover .btn-plus_icon {background-color:#8d7150}

/*button*/
.btn-plus_icon {display:inline-flex!important;justify-content:center;align-items:center;width:27px;height:27px;margin-left:10px;font-size:20px;color:#fff;border-radius:50%;background-color:#003876;transition:transform .3s}

/**Animation**/
html:not(.old-ie) .animate-element{transition:visibility 1.1s ease, opacity 1.1s ease, transform 1.1s ease}
html:not(.old-ie) .fadeInLeft{position:relative;visibility:hidden;opacity:0;transform:translateX(110px)}
html:not(.old-ie) .fadeInLeft.animated, html:not(.old-ie) body.is-mobile .fadeInLeft{visibility:visible;opacity:1;transform:translateY(0)}

/*카워드영역*/
.keyword{}
.keyword p{display:flex;align-items:center;}
.keyword p::after{content:"";display:block;width:calc(100% - 200px);height:1px;background: #cacfd1;}
.keyword p span{font-size: 18px;
    display: block;
    width: 280px;
    margin: 0 auto;
    font-weight: 900;
    color: #002d56;}
.keyword ul{display:flex;align-items:center;/*justify-content:space-between;*/margin-top:15px;}
.keyword ul li{margin:1px;border:1px solid #d3d3d3;}
.keyword ul li a{font-size:18px;color:#6f7075;background:#FFF;display:block;padding:15px 25px;}
@media only screen and (min-width:1281px){
  .keyword ul li:hover{border-color:#040079;}
  .keyword ul li a:hover{color:#FFF;background:#006079;}
}
@media only screen and (max-width:1420px){
  .keyword ul li a{font-size:16px;padding:15px;}
}
@media only screen and (max-width:1280px){
  .keyword ul{justify-content:flex-start;flex-wrap:wrap;}
  .keyword ul li a{padding:10px 15px;}
}