@charset "UTF-8";
#menu11605_obj3753{display:none !important;}
.wrap-visual .control-box{display:none !important;}
#menu11605_obj533 {
    z-index: 3;
    background: linear-gradient(137deg, white, #ffffff99);
    padding: 10px 20px 10px 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 25px;
}


@media all and (max-width:1024px) {
#menu11605_obj533{background: #fff;
    border-top-right-radius: 20px;}
  .wrap-notice ul li .list li{border-bottom:none!important;display: contents;}
}


@media all and (min-width:1025px) and (max-width:1484px) {
  #multipleContentsDiv_hufstmp01_1286, #multipleContentsDiv_hufstmp01_1333, #multipleContentsDiv_hufstmp01_2082, #multipleContentsDiv_hufstmp01_3561 {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:2.5rem; font-weight:400; letter-spacing:-1.8px; color:#fff;}
.visual_slogan strong {
    display: block;
    margin: 0;
    font-size: 2.8rem;
    font-weight: 400;
    letter-spacing: -3.18px;
    color: #fff;
    font-family: hufs_b;
    line-height: 1.15;
    z-index: 10;
    position: relative;
}
.visual_slogan strong u{font-family: hufs_m;display:inline-block; text-decoration:none;color: lightgoldenrodyellow;}
.visual_slogan p.detail {
    display: block;
    /* margin: 0 auto !important; */
    font-size: 4rem;
    font-weight: 400;
    color: #f7f6f621;
    text-transform: uppercase;
    font-family: hufs;
    text-shadow: none;
    position: absolute;
    margin-top: -125px;
    z-index: 3;
    width: 50%;
    line-height: 0.78;
    text-align: center;
    left: 50%;
    margin-left: -25%;
}
.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: 2rem; text-align:center;}
    .visual_slogan strong {font-size: 3rem; text-align:center;}
.visual_slogan p.detail {width: 70%;margin-left: -35%;}
}
@media all and (max-width:767px) {
	.visual_slogan {width:91%;}
    .visual_slogan span {font-size: 2.2rem; text-align:center;}
    .visual_slogan strong {font-size: 2.7rem; text-align:center;}
    .visual_slogan p.detail {font-size: 2.69rem; text-align:center;}
   .bg_visual_slogan {top:27px;height:148px;}  /* 배경박스 사이즈 조절  width:50%; 수정가능 */
}

/* 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) {
.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;}
}
@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; }  
}

/* 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;}
  }

.quick  {text-align: right;
}
.quick ul li {
    display: inline-block;
    vertical-align: top;
    width: calc(100% / 2 - 35px);
    margin-bottom: 25px;
    text-align: center;
    border-radius: 30px 0 30px 0;
    padding: 25px 0 25px;
    position: relative;
}
.quick ul li:nth-child(1){background: #2b543d;}
.quick ul li:nth-child(2){background: #0f3057;margin-left:25px;}
.quick ul li:nth-child(3){background: #00587a;margin-bottom:0;}
.quick ul li:nth-child(4){background: #b9a86c;margin-left:25px;margin-bottom:0;}
.quick ul li a{display: block;color:#fff;}
.quick ul li img{display: block;margin:0 auto;}
.quick ul li strong{font-size:22px;display: block;margin:15px auto;font-family: 'Noto Regular';}
.quick ul li p{font-size:15px;color:rgba(255,255,255,0.5);font-family: 'Noto Light';}
.quick ul li span{width:50px;height: 50px;padding-top: 20px;text-align: center;position: absolute;top:0;right:0;background: #fff;}

@media all and (max-width:1400px){
    #multipleDiv_temp_08_9{margin-top:50px; padding-bottom:50px;}
    body #multipleContentsDiv_temp_08_9{width:auto; padding: 50px 20px 0;}
    .quick{text-align:right;}
    .quick ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 0 20px;}
    .quick{padding:0px;}
}

@media all and (max-width:580px){
  .quick{test-align:center;}
  .quick ul li{width:49%;}
  .quick ul li:nth-child(2),
  .quick ul li:nth-child(4){margin-left:0;}
  .quick ul li:nth-child(3){margin-bottom:25px;}
}



/* banner_wrap */
.banner_wrap {height:130px; padding:39px 0 39px 0; background:#e9e9e9 url(https://dep.hufs.ac.kr/sites/gra/images/main/section_back1.jpg) repeat-x center 0;}
.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:left; padding-right:50px;}
.banner_wrap .banner ul li a {color: #333;
    font-size: 1.06rem;
    overflow: hidden;
    margin: 0 auto;
    line-height:46px; font-weight:500;}
/*.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;}
}