@charset "UTF-8";
@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 span {display:block; font-size:2.5rem; font-weight:400; letter-spacing:-1.8px; text-align:right; color:#fff;}
.visual_slogan strong {display:block; margin:-0.2rem 0 0 0; font-size:3.75rem; font-weight:700; letter-spacing:-3.18px; text-align:right; color:#fff;font-family: hufs_l;}
.visual_slogan strong u{font-family: hufs_m;display:inline-block; text-decoration:none;color: lightgoldenrodyellow;}
.visual_slogan p.detail {display:block; margin:0.9rem 0 0 0; font-size:1.563rem; font-weight:400; text-align:right; 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, rgba(24,46,70,.005), rgba(24,46,70,.6));}  /* 배경박스 사이즈 조절  width:50%; 수정가능 */
@media all and (max-width:1484px) {
	.visual_slogan {width:96%;}
}
@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: 1.2rem; text-align:center;}
   .bg_visual_slogan {top:27px;height:148px;}  /* 배경박스 사이즈 조절  width:50%; 수정가능 */
}

/* main_link */
.main_link {display:flex; width:100%; height:8.125rem;}
.main_link .title {width:11.6%; padding:2.5rem 0 0 0; color:blanchedalmond; font-size:1.25rem; font-weight:400; text-align:center; background:#AF8B5A; line-height:1.3;}
.main_link .link {display:flex; width:57.8%; padding:0 0.925% 0 0.875%; background-image: linear-gradient(180deg, #BB9868, #BB9868);}
.main_link .link:hover {transition: background-image 0.5s linear; background-image:linear-gradient(180deg, #AF8B5A, #AF8B5A);}
.main_link .link a {display:block; width:20%; padding:5.5rem 0 0 0; line-height:1; font-size:1.063rem; color:#fff; font-weight:400; letter-spacing:-0.17px; text-align:center; background-position:center 0.95rem;}
.main_link .link a:hover { transform: rotatey(360deg);transition: all 0.9s cubic-bezier(0.2, 0, 0.3, 1);}
.main_link .link_01 {background: url('../../images/main/icon_link_01.svg') no-repeat;}
.main_link .link_02 {background: url('../../images/main/icon_link_02.svg') no-repeat;}
.main_link .link_03 {background: url('../../images/main/icon_link_03.svg') no-repeat;}
.main_link .link_04 {background: url('../../images/main/icon_link_04.svg') no-repeat;}
.main_link .link_05 {background: url('../../images/main/icon_link_05.svg') 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 .slink_01 {background-image: linear-gradient(180deg, #4fb0be, #4fb0be);transition: background-image 0.5s linear;}
.main_link .slink_01:hover {background-image: linear-gradient(180deg, #4fb0be, #268a99);transition: background-image 0.5s linear;}
.main_link .slink_02 {background-image: linear-gradient(180deg, #549ed2, #549ed2);transition: background-image 0.5s linear;}
.main_link .slink_02:hover {background-image: linear-gradient(180deg, #549ed2, #1e76b4);transition: background-image 0.5s linear;}
@media all and (max-width:1484px) {
  .main_link {width:100%;}
}
@media all and (max-width:768px) {
  .main_link {flex-wrap:wrap;}
  .main_link .title {display:none;}
  .main_link .link {width:100%;}
  .main_link .link a {padding: 4rem 0 1rem 0; background-position: center 0.5rem; background-size: 3.9rem;}
  .main_link > a {padding: 1.0625rem 0 1.0625rem 0; width: 50%;}
  .main_link .slink_01, .main_link .slink_02{font-size: 1.1rem; padding: 1.6rem 0 1.6rem 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 #7e736b; color:#fff; background-color: #938880;background: #938880 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 #70655d; background-color: #847971;background: #847971 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: #e9e9e9 url('../../images/main/icon_quick_service_01.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_02 i {background: #e9e9e9 url('../../images/main/icon_quick_service_02.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_03 i {background: #e9e9e9 url('../../images/main/icon_quick_service_03.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_04 i {background: #e9e9e9 url('../../images/main/icon_quick_service_04.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_05 i {background: #e9e9e9 url('../../images/main/icon_quick_service_05.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_06 i {background: #e9e9e9 url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_07 i {background: #e9e9e9 url('../../images/main/icon_quick_service_05.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_08 i {background: #e9e9e9 url('../../images/main/icon_quick_service_06.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_01:hover i {background: #d6b990 url('../../images/main/icon_quick_service_01w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_02:hover i {background: #d6b990 url('../../images/main/icon_quick_service_02w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_03:hover i {background: #d6b990 url('../../images/main/icon_quick_service_03w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_04:hover i {background: #d6b990 url('../../images/main/icon_quick_service_04w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_05:hover i {background: #d6b990 url('../../images/main/icon_quick_service_05w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_06:hover i {background: #d6b990 url('../../images/main/icon_quick_service_06w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_07:hover i {background: #d6b990 url('../../images/main/icon_quick_service_05w.svg') no-repeat center center; border-radius:38px;}
.quick_service .box .link_08:hover i {background: #d6b990 url('../../images/main/icon_quick_service_06w.svg') no-repeat center center; 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 */
.banner_wrap {height:130px; padding:39px 0 39px 0; background: #e9e9e9 url('../../images/main/bg_banner.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: 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;}
}