@charset "UTF-8";

#recentBbsArtclTab_588_803 .list ul li .con a .thum{display:none;}
.wrap-notice .notice_inner .recentBbsLi:nth-child(1) img{display:none!important;}

#menu7670_obj3430{overflow:hidden;}
.cal-tab,.cal-search{display:none;}
.cal-con .calendar .line { background: rgba(256,256,256,.6);}
.cal-con .calendar { width: 50%;}
.noti-txt3{text-align: center;  line-height: 50px; font-size: 0.9rem; color: #ff1800;}
.cal-con .calendar td p {background: none;}
.cal-con .detail td a{color:#002d56;font-weight:400;}
.cal-con .detail td a:hover{color:#8d7150; }
.cal-con .calendar strong{font-weight:900;}
 .schedule-more {position:absolute; right: 0; width:50px; height: 50px; top:50%; /*transform: translateY(-50%); */margin-top:15px}
 .schedule-more-btn {background:url('../../images/main/btn_plus.svg') no-repeat; width:100%; height: 100%; display: inline-block; text-indent: -9999px; transition:all .5s;}
.cal-con .detail th, .cal-con .detail td {padding: 10px 10px;}
.cal-con .detail th:after {top: 17px;}
.cal-con .detail th, .cal-con .detail td {border-bottom: 1px dotted #d9d9d9;}
.cal-con .detail tr:hover { background: rgba(256,256,256,.5);}
#multipleDiv_biz_5247{ background: url(../../images/main/section_back1.jpg)no-repeat;
    background-size: cover;}
#multipleDiv_hufstmp02_1486{overflow:hidden;}
/*#multipleDiv_hufstmp02_1486{
    background: url(../../images/main/section_back2.jpg)no-repeat; background-size:cover; 
}
#multipleDiv_hufstmp02_1485 {
    background: url(../../images/main/section_back1.jpg)no-repeat;
    background-size: cover;
}*/
 #multipleDiv_hufstmp02_1487 {background-color: #fff;}
#multipleDiv_hufstmp02_1489 {background-color: #e2e2e2;}
#multipleDiv_biz_7691 {overflow:hidden;}

@media all and (min-width:1025px) and (max-width:1400px) {
  #multipleContentsDiv_hufstmp02_1444, #menu7670_obj1445  {width:98.5%;}
  #menu7670_obj1039,
#menu7670_obj855,
#menu7670_obj1090,
#menu7670_obj1091 {height:280px;}
.wrap-slide .slider li img, .wrap-slide2 .slider li img, .wrap-slide3 .slider li img, .wrap-slide4 .slider li img { width: 100%!important;height: 100%!important;}
}
@media all and (min-width:1025px) and (max-width:1484px) {
  #multipleContentsDiv_hufstmp02_1456, 
  #multipleContentsDiv_hufstmp02_1485 , 
#multipleContentsDiv_biz_5247 {width:96%; margin:0 auto;}
  
#multipleContentsDiv_biz_7691,#multipleDiv_hufstmp02_1486,
#multipleDiv_biz_7691 {overflow:hidden; height:280px; }
  
  
}
@media all and (min-width:1025px) and (max-width:1200px) {
 #menu7670_obj1039,
#menu7670_obj855,
#menu7670_obj1090,
#menu7670_obj1091{height: 323px;margin: 0px auto 0px 0px;float: left;} 

}
@media all and (min-width:1025px) and (max-width:1484px) {
  #multipleContentsDiv_hufstmp02_1487 {width:100%; margin:0 auto;}

}

.main_section_title {font-size: 3.125rem; font-weight:700; letter-spacing:-1px; text-align:center; color: #222; line-height:70px; padding-top:60px;}

@media all and (max-width:1024px) {
  .main_section_title {font-size: 2.2rem;}
  .cal-con .calendar { width: 100%;}
   .schedule-more {margin-top:-5px}
   #multipleDiv_hufstmp02_1488{border-top:1px solid #ccc;}
   
}
@media all and (max-width:767px) {
  .main_section_title {font-size: 1.9rem; padding-top:40px;}
     #multipleDiv_hufstmp02_1488{border-top:1px solid #ccc;    margin-top: 5px;}
}

/* visual */
.visual_slogan {width: 1300px;text-align: left;     margin: 0 auto;
    line-height: 2rem; letter-spacing: -1px;}
.visual_slogan img {filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));}
.visual_slogan strong {
    display: block;
    margin: 1rem 0 0 0;
    font-size: 3.8rem;
    color: #fff;
    font-family: 'hufs_M';
    font-weight: 500;
    text-shadow: 0 3px 6px rgb(0 0 0 / 70%);
    letter-spacing: -1.9px;
    line-height: 3.2rem;
}
.visual_slogan p.detail {
    display: block;
    margin: -55px 0 0 0;
    font-size: 5.6rem;
    color: #04bff73b;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 5.0rem;
}

.visual_slogan p.detail span{}
@media all and (max-width:1200px) {
	.visual_slogan {width:65%; margin-left:15px; margin-top:0px;}
  .visual_slogan strong {margin: 1rem 0 0 0;    font-size:3.69rem;
	.visual_slogan p.detail {  font-size: 4.6rem;
    line-height: 4.0rem;}
 }
@media all and (max-width:1024px) {
	.visual_slogan p.detail {  font-size: 4rem;
    line-height: 4.0rem;}
 }
}
@media all and (max-width:767px) {
	.visual_slogan {
    width: 92%;
    text-align: center;
    margin: 0 auto;
  ;}
  .visual_slogan p:nth-child(2) strong{font-size:1.5rem!important;font-weight:200!important;}
  
    .visual_sloganmg {width:75%;}
.visual_slogan strong {
    font-size: 2rem;
    line-height: 1rem;
}
    .visual_slogan p.detail {display: none;}
  .visual_slogan p.detail span{font-size: 1.5rem;
    font-family: 'hufs_M';
    font-weight: 400;
    letter-spacing: -0.9px; }
}


/* main_link */
.main_link {
    display: table;
    width: calc(100% - 400px);
    height: 150px;
}

.main_link a {display:table-cell; font-size:1.1rem; color:#333; font-weight:500; text-align:center; vertical-align:middle; -webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out; line-height:1.3; word-break: break-word; padding:10px 10px 10px 10px; letter-spacing:-0.8px; width:calc(100% / 4);} /* a링크 개수에 따라 width값 조정 */

.main_link img{display:block; margin: 0 auto;}

.main_link .link_01 {background-image: linear-gradient(240deg, rgba(165,124,89,.9), rgba(256,150,0,.6));}
.main_link .link_02 {background:linear-gradient(13deg,  rgba(256,256,256,.99), rgba(256,256,256,.6) 50%); }
.main_link .link_03 {background:linear-gradient(12deg,  rgba(256,256,256,.99), rgba(256,256,256,.6) 50%);}
.main_link .link_04 {background:linear-gradient(12deg,  rgba(256,256,256,.99), rgba(256,256,256,.6) 50%);}
.main_link .link_01:hover {background-image: linear-gradient(180deg, rgba(207,128,19,1), rgba(256,150,0,.5));}
.main_link .link_02:hover {background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%)}
.main_link .link_03:hover {background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%)}
.main_link .link_04:hover {background:linear-gradient(0deg, #fff, rgba(256,256,256,.8) 50%)}
.main_link .link_01 span{display: block; font-size: .9rem;color: yellow;}
.main_link a:hover {-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out; font-size:1.1rem; }
.main_link a:hover img{display:block; margin: 0 auto; transform: rotatey(360deg);
    transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.main_link a:hover strong{display:block; transform: rotatey(360deg); color:#8d7150; 
    transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
.main_link a strong{ font-size: 1.45rem;color:#222; 
  font-weight: 700; padding:0px; text-shadow:0px 0px 5px rgb(255 255 255 / 50%);}


@media all and (max-width:1484px) {
/*  .main_link {width:100%;}*/
}
@media all and (max-width:1024px) {
  .main_link a {font-size:1.0rem;}
  .main_link a strong{ font-size: 1.3rem; }
}
@media all and (max-width:768px) {
  .main_link {display:flex; flex-wrap:wrap;    height:auto;width:100%!important; }
  .main_link a {width:50%;line-height:70px; padding:0 10px 0 10px; font-size:1.1rem;}
 .main_link img{display:block; width:23%}
  .main_link a:hover img{display:block; transform:none;}
  .main_link a strong{ font-size: 1.3rem;}
  .main_link a:hover strong{display:block; transform:none;}
  .main_link .link_01 {line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%;} /* 텍스트가길어두줄인경우 */
  .main_link .link_02 { line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc);}
  .main_link .link_03 {line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc); border-right:1px solid #ccc;height: 105px;}
  .main_link .link_04 {line-height:22px; padding:28px 10px 25px 18px; display:inline-block; width:50%; background:linear-gradient(180deg, rgba(256,256,256,.9), #ccc);height: 105px;}
.main_link .link_01 span{display: none;}
}

/* guide */
.guide {display:flex; margin-top:0px;}
.guide a {display:block; width:50%; height:250px; border-radius:0px; position:relative;}
.guide a:hover {-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out; }
.guide a::before {content:''; position:absolute; top:0; left:0; width:50%; height:100%;-webkit-transition:0.4s; transition:0.4s;}
.guide .link_01 {background:#0c5097;}
.guide .link_01::before {background:url('../../images/main/icon_link_fb_bg.jpg') center center; opacity:0.15;}
.guide .link_02 {background:#8a7f77; margin-left:0px;}
.guide .link_02::before {background:url('../../images/main/icon_link_brc_bg.jpg') center center; opacity:0.17;}
.guide a span {position:absolute; top:0; left:0; display:block; width:50%; padding:227px 0 0 0; font-size:1.375rem; font-weight:400; line-height:1.36; text-align:center; color:#fff; z-index:2;}
.guide .link_01 span {background:url('../../images/main/icon_link_fb.svg') no-repeat center 86px;}
.guide .link_02 span {background:url('../../images/main/icon_link_brc.svg') no-repeat center 89px;}
.guide a:hover::before {opacity:0; -webkit-transition:0.4s; transition:0.4s;}

@media all and (max-width:768px) {
  .guide {margin-top:20px;}
  .guide a {width:48%;height:100px;border-radius:6px;}
  .guide .link_02 {margin-left:4%;}
  .guide a span {font-size:1rem; text-align:left;}
  .guide .link_01 span {padding:25px 0 25px 100px; line-height:50px; background: url('../../images/main/icon_link_fb.svg') no-repeat 20px 25px; background-size:auto 50px;}
  .guide .link_02 span {padding:25px 0 25px 100px; line-height:50px; background:url('../../images/main/icon_link_brc.svg') no-repeat 20px 25px; background-size:auto 50px;}
}
@media all and (min-width:501px) and (max-width:650px) {
  .guide .link_02 span {line-height:25px;} /* 텍스트 두줄로 보이기 */
}
@media all and (max-width:500px) {
  /*#multipleDiv_hufstmp02_1486 {height:730px;}
  #multipleContentsDiv_hufstmp02_1486 {height:670px;}*/
  .guide {display:block;}
  .guide a {width:100%;height:100px;border-radius:0px;}
  .guide .link_02 {margin-left:0; margin-top:0px;}
  .guide a span {font-size:1.25rem;}
  .guide .link_02 span {line-height:50px;}
}

/* quick_service  */ 
.quick_service {margin-top:69px;}
.quick_service .box {width:1400px; margin:0 auto; padding-left:34px;padding-right:34px;}
.banner_wrap .banner ul li {display:block; text-align: center;}
.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:center;}
.quick_service .box ul li a>span {display: block; font-size:1rem; margin-top: -3px;}
.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;}
  }

/* link */
.link {margin-top:43px;}
.link li {float:left;display:inline-block;width:341px;height:300px;margin:1px 0 0 1px;}
.link .link_01, .link .link_05  {margin:1px 0 0 0;}
.link .link_01 {background:url('../../images/main/img_link_01.jpg') no-repeat center center; }
.link .link_02 {background:url('../../images/main/img_link_02.jpg') no-repeat center center;}
.link .link_03 {background:url('../../images/main/img_link_03.jpg') no-repeat center center;}
.link .link_04 {background:url('../../images/main/img_link_04.jpg') no-repeat center center;}
.link .link_05 {background:url('../../images/main/img_link_05.jpg') no-repeat center center;}
.link .link_06 {background:url('../../images/main/img_link_06.jpg') no-repeat center center;}
.link .link_07 {background:url('../../images/main/img_link_07.jpg') no-repeat center center;}
.link .link_08 {background:url('../../images/main/img_link_08.jpg') no-repeat center center;}
.link .link_01:hover {background-size:105%; -webkit-transition:0.4s; transition:0.4s;}
.link .link_02:hover {background-size:105%; -webkit-transition:0.4s; transition:0.4s;}
.link .link_03:hover {background-size:105%; -webkit-transition:0.4s; transition:0.4s;}
.link .link_04:hover {background-size:105%; -webkit-transition:0.4s; transition:0.4s;}
.link .link_05:hover {background-size:105%; -webkit-transition:0.4s; transition:0.4s;}
.link .link_06:hover {background-size:105%; -webkit-transition:0.4s; transition:0.4s;}
.link .link_07:hover {background-size:105%; -webkit-transition:0.4s; transition:0.4s;}
.link .link_08:hover {background-size:105%; -webkit-transition:0.4s; transition:0.4s;}



.link li a {display:block; height:100%; position:relative; background:rgba(2,11,20,0.4); -webkit-transition:0.4s;transition:0.4s;} 

.link .link_01 a:hover, .link .link_05 a:hover {  background: linear-gradient(to top, rgba(12,80,151,1) 15%, rgba(255,255,255,0) 60%);} 
.link .link_02 a:hover, .link .link_06 a:hover {background: linear-gradient(to top, rgba(12,80,151,1) 15%, rgba(255,255,255,0) 60%);} 
.link .link_03 a:hover, .link .link_07 a:hover {background: linear-gradient(to top, rgba(43,161,178,1) 15%, rgba(255,255,255,0) 60%);}  
.link .link_04 a:hover, .link .link_08 a:hover {background: linear-gradient(to top, rgba(72,134,199,1) 15%, rgba(255,255,255,0) 60%);} 
.link li a span {position:absolute; bottom:29px; width:100%; display:block; color:#fff; font-size:0.938rem; font-weight:400; letter-spacing:-0.3px; text-align:center;}
.link li a span strong {display:block; margin-top:5px; color: #fff; font-size: 1.313rem; font-weight:400; letter-spacing:-0.42px;}






@media all and (max-width:1484px) {
  .link li {width: calc(25% - 9px);}
}
@media all and (max-width:767px) {
  .link {margin-top:20px;}
  .link li {width:calc(50% - 6px); height:200px;}
  .link .link_01 {background-size:cover; margin:1px 0 0 0;}
  .link .link_02 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_03 {background-size:cover; margin:1px 0 0 0;}
  .link .link_04 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_05 {background-size:cover; margin:1px 0 0 0;}
  .link .link_06 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_07 {background-size:cover; margin:1px 0 0 0;}
  .link .link_08 {background-size:cover; margin:1px 0 0 1px;}   
}
@media all and (max-width:640px) {
  .link li {width:calc(50% - 5px);}
  .link .link_01 {background-size:cover; margin:1px 0 0 0;}
  .link .link_02 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_03 {background-size:cover; margin:1px 0 0 0;}
  .link .link_04 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_05 {background-size:cover; margin:1px 0 0 0;}
  .link .link_06 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_07 {background-size:cover; margin:1px 0 0 0;}
  .link .link_08 {background-size:cover; margin:1px 0 0 1px;}   
}
@media all and (max-width:500px) {
  .link li {width:calc(50% - 4px);}
  .link .link_01 {background-size:cover; margin:1px 0 0 0;}
  .link .link_02 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_03 {background-size:cover; margin:1px 0 0 0;}
  .link .link_04 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_05 {background-size:cover; margin:1px 0 0 0;}
  .link .link_06 {background-size:cover; margin:1px 0 0 1px;}
  .link .link_07 {background-size:cover; margin:1px 0 0 0;}
  .link .link_08 {background-size:cover; margin:1px 0 0 1px;}   
}

/* banner_wrap */
.banner_wrap {height:150px; padding:49px 0 49px 0; background:#e2e2e2;}
.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:#666; 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;}
}


#menu7670_obj494 {

border: 1px solid #002d56;
box-sizing: border-box;
}



/* schedule */
.schedule-wrap {background: linear-gradient(90deg, rgba(0,0,0,.8), transparent);
    background-position: center center; height: 500px; background-size:cover;}
.schedule-wrap .schedule-inner {padding: 45px 0px 0px 55px;}

.schedule-title {position:relative; margin-bottom: 30px; }
.schedule-title::after {content:''; display: block; clear:both;}
.schedule-title .fnct-num-title {float:left; display:none;}
.schedule-title .fnct-num-title::after {content:''; display:block; clear:both;}
.schedule-title .fnct-num-title2 {float:left;}
.schedule-title .fnct-num-title2::after {content:''; display:block; clear:both;}
.schedule-title span{float:left; font-size: 2.5rem; font-family:"hufs_M"; color:#fff;  }
.schedule-title span strong{font-size: 1.5rem; }
.schedule-title .schedule-more {position:absolute; right: 0; width:50px; height: 50px; top:50%; /*transform: translateY(-50%); */margin-top:-25px}
.schedule-title .schedule-more-btn {background:url('../../images/main/btn_plus.svg') 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: 20px;}
.schedule-content > ul > li {display: block; color:#fff; overflow: hidden;}
.schedule-content > ul > li .schedule-date {float: left;
    font-size: 0px;
    width: 10px;
    height: 10px;
    background-color: rgba(230,180,141,.9);
    border-radius: 50%;
    text-align: center;
    line-height: 55px;
    color: #fff;
  margin-top: 10px;}
.schedule-content > ul > li .schedule-detail {overflow: hidden;
    font-size: 18px;
    padding-left: 15px;
    color: rgba(230,180,141,.9);
    font-weight: 600;}
.schedule-content > ul > li .schedule-detail::after {content:''; display: block; clear:both;}
.schedule-content > ul > li .schedule-detail p:last-child { font-family: 'Noto sans kr';
    letter-spacing: -.05em;
    color: #eeeeee;
    font-weight: 300;}

@media all and (max-width:1352px) {
  #multipleContentsDiv_temp_04_7 ._objHtml{margin-left:5%; left:0; transform:inherit; top:38%}
  .schedule-wrap .schedule-inner {padding:38px 0px 10px 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 10px 20px 50px;}
  .schedule-content > ul > li .schedule-detail {font-size: 18px;}
 .schedule-title .schedule-more {margin-top:-75px}
}
@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: 0%; transform: translateY(-50%); margin-left:0%;}

  .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) {

}



























#gra a {color:#fff; font-weight:500; text-align:center; vertical-align:middle; -webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out; line-height:1.3; word-break: break-word; padding:10px 10px 10px 10px; width:calc(100% / 3); min-width:80px;} /* a링크 개수에 따라 width값 조정 */
.gra.style1  { padding:0px;}
.gra.style1 .gra_menu {
    position: relative;
    overflow: hidden;
    width: 25%;
    float: left; background: #000;
}

.gra.style1 .gra_menu img {
  width: 100%;    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: 0.4s; opacity: 0.69;
    filter: grayscale(0.5);
}

.gra.style1 .gra_menu:hover .hide
 {font-size:0px; opacity: 0.1;}
.gra.style1 .gra_menu:hover img
 {opacity: 1;}
 
 .gra.style1 .gra_menu img {width: 100%;}
.gra.style1 .gra_menu:hover img {
  transform:scale3D(1.1,1.1,1);
}
 
.gra.style1 .gra_menu .content-part:hover .hide{opacity: 0.1; font-size:0px;}
.gra.style1 .gra_menu p {
    position: absolute;
    top: 40%;
    left: 0%;
    font-size: 1.35rem;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 700;
    line-height: 1.15;
    text-shadow: 0px 0px 5px #002d56;
}

.gra.style1 .gra_menu .content-part {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  text-align: center;
  z-index: 1;
  transition: all 0.3s ease;
  opacity: 0;
}
.gra.style1 .gra_menu .content-part .name {
  margin-bottom: 8px;

}
.gra.style1 .gra_menu .content-part .name a {

    font-size: 1.35rem;
    text-align: center!important;
    margin: 0 auto;
    display: inline-block;
    min-width: 200px!important;
}
.gra.style1 .gra_menu .content-part .name a:hover {
  color: #111111;
}
.gra.style1 .gra_menu .content-part .gra_subtitle {
  color: #ffffff;
  margin-bottom: 16px;
  display: block; font-size:0.9rem; 
}
.gra.style1 .gra_menu .content-part .gra_link li {
  display: inline;
  margin-right: 1px;
}
.gra.style1 .gra_menu .content-part .gra_link li a {
  display: inline-block;
  color: #fff; font-size:0.8rem !important; border:1px solid rgba(256, 256, 256, .5);
}
.gra.style1 .gra_menu .content-part .gra_link li a:hover {
  color: #111111;background: rgba(0,0,0,.5);
}
.gra.style1 .gra_menu .content-part .gra_link li:last-child {
  margin: 0;
}
.gra.style1 .gra_menu:after {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  transform: translate(-25%, 100%) scale(0.1);
  background: #188bae;
  opacity: 0;
  border-radius: 1px;
  transition: all 0.3s ease;
}


.gra.style1 .gra_menu:hover .content-part {
  transform: translate(-50%, -50%);
  opacity: 1;
}
.gra.style1 .gra_menu:hover:after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 0.9;
}


.gra.style1.orange-color .gra_menu::after {
    background:#0487c4;
}

.gra.style1 .gra_menu .content-part .name {
    margin-bottom: 8px;
    font-size: 22px;
}
h4 {
    font-size: 1.25rem;
    font-weight: 700;
}
.gra.style1 .gra_menu .content-part {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    text-align: center;
    z-index: 1;
    transition: all 0.3s ease;
    opacity: 0;
}


.rs-degree.style1 .degree-wrap .content-part,
.gra.style1 .gra_menu:after {
    width: calc(100% - 50px);
    height: calc(100% - 50px);
}
.gra.style1 .gra_menu .content-part {
    width: calc(100% - 60px);
}
            ::selection {
  background: #21a7d0;
  text-shadow: none;
  color: #ffffff;
}
 .gra.style1 .gra_menu img{width: 100%;}
 img, svg {
    vertical-align: middle;
}
*, ::after, ::before {
    box-sizing: border-box;
}


@media all and (max-width:1400px) {
 .gra.style1 .gra_menu:after { width: calc(100% - 30px); height: calc(100% - 30px);}
 .gra.style1 .gra_menu .content-part .gra_subtitle {display:none;}
 .gra.style1 .gra_menu .content-part .name a { font-size:0.9rem;padding:0px !important;}

	
}


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

/*.gra.style1 .gra_menu {width: 50%;}*/

}



@media all and (max-width:768px) {
.gra.style1  { padding:0px;}
.gra.style1 .gra_menu {width: 50%;}
.gra.style1 .gra_menu .content-part .gra_link li a {width:70px !important;padding:10px !important;font-size:0.6rem !important} 
.gra.style1 .gra_menu .content-part .gra_link{margin-top:20px}
  .gra.style1 .gra_menu .content-part .name{line-height:20px;}
  .gra.style1 .gra_menu .content-part .name a { font-size:1.1rem; padding:0px !important;}
  .gra.style1 .gra_menu p {font-size: 1.1rem; }


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

}

@media all and (max-width:565px) {
#multipleDiv_hufstmp02_1488 {height:;}
}


/* 학과알림 */
.wrap-notify {background: url('../../images/main/bg-notify.jpg') no-repeat center top; background-size: cover;}
.wrap-notify .container {position: relative; max-width: 1210px; padding: 110px 0 130px 0;}
.wrap-notify .title {margin: 0 0 45px 0; text-align: center;}
.wrap-notify .title strong {position: relative; z-index: 1; font-family: 'Noto Bold'; font-size: 45px; color: #373737;}
.wrap-notify .title strong::after {content: ''; position: absolute; left: 50%; bottom: 0; z-index: -1; width: 143%; height: 25px; background: #00e0e8; transform: translate(-50%, 0);}
.wrap-notify .row {padding: 10px;}
.wrap-notify .row a {display: table; width: 100%; padding: 45px 10px 45px 30px; background: #fff; border: 1px solid #ccc; table-layout: fixed;}
.wrap-notify .icon {display: table-cell; width: 90px; padding: 8px 0 0 0; text-align: left; vertical-align: top;}
.wrap-notify .desc {display: table-cell; vertical-align: top;}
.wrap-notify .desc strong {position: relative; display: inline-block; margin: 0 0 5px 0; font-family: 'Noto Regular'; font-size: 25px; color: #373737;}
.wrap-notify .desc strong::after {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #007a93;}
.wrap-notify a:hover .desc strong::after {width: 100%; transition: .4s;}
.wrap-notify a:hover .desc strong {color: #007a93;}
.wrap-notify .desc p {font-family: 'Noto Light'; font-size: 16px; color: #666;}
.wrap-notify .prev,
.wrap-notify .next {position: absolute; top: 53.5%; width: 23px; height: 44px; text-indent: -99999px;}
.wrap-notify .prev {left: -50px; background: url('../../images/main/btn-notify-prev.png') no-repeat center center;}
.wrap-notify .next {right: -50px; background: url('../../images/main/btn-notify-next.png') no-repeat center center;}

@media all and (max-width: 1340px) {
  .wrap-notify .slider {padding: 0 60px;}
  .wrap-notify .prev {left: 20px;}
  .wrap-notify .next {right: 20px;}
}

@media all and (max-width: 1024px) {
  .wrap-notify .container {padding: 80px 0;}
}

@media all and (max-width: 768px) {
  .wrap-notify .row a,
  .wrap-notify .icon,
  .wrap-notify .desc {display: block; width: 100%;}
  .wrap-notify .icon {margin: 0 0 10px 0; text-align: center;}
  .wrap-notify .icon img {display: inline-block;}
  .wrap-notify .desc {text-align: center;}
}

/* 배너*/
.wrap-banner ul {display: table; width: 100%; height: 320px; table-layout: fixed;}
.wrap-banner ul li {display: table-cell; vertical-align: middle; text-align: center;}
.wrap-banner ul li.bg1 {background: url('../../images/main/bg-banner1.jpg') no-repeat center center; background-size: cover;}
.wrap-banner ul li.bg2 {background: url('../../images/main/bg-banner2.jpg') no-repeat center center; background-size: cover;}
.wrap-banner a {display: inline-block; color: #fff;}
.wrap-banner a:hover strong {color: #00b6db;}
.wrap-banner strong {font-family: 'Noto Regular'; font-size: 28px;}
.wrap-banner p {padding: 0 0 30px 0; background: url('../../images/main/arrow-banner.png') no-repeat center bottom; font-family: 'Noto Light'; font-size: 18px;}


.wrap-slide .slider li a:hover img,
.wrap-slide2 .slider li a:hover img,
.wrap-slide3 .slider li a:hover img,
.wrap-slide4 .slider li a:hover img{filter:brightness(0.8);}


@media all and (max-width: 768px) {
  .wrap-banner ul,
  .wrap-banner ul li {display: block; width: 100%;}
  .wrap-banner ul {height: auto;}
  .wrap-banner ul li {padding: 30px 30px; text-align: left;}
  .wrap-banner a {width: 100%;}
  .wrap-banner p {padding: 0; background-position: right bottom;}
  .wrap-banner p br {display: none;}

/*  #multipleContentsDiv_hufstmp02_1486,
  #multipleContentsDiv_biz_7691{height:630px;}
  #multipleDiv_hufstmp02_1486{margin-top: -50px;}*/
.wrap-slide .con, .wrap-slide2 .con, .wrap-slide3 .con, .wrap-slide4 .con{margin-top:-15px;}
#multipleDiv_biz_7691{overflow: visible;
    height: 680px;
    margin-top: -20px;}
  
 .wrap-slide .fixed_box strong, .wrap-slide2 .fixed_box strong, .wrap-slide3 .fixed_box strong, .wrap-slide4 .fixed_box strong{ font-size: 1.69rem!important;color:#054d77!important;
    letter-spacing: -0.95px;}

 .wrap-slide .fixed_box strong, .wrap-slide2 .fixed_box strong, .wrap-slide3 .fixed_box strong, .wrap-slide4 .fixed_box strong{ font-size: 1.69rem!important;color:#054d77!important;  letter-spacing: -0.95px;}
.wrap-slide .thum, .wrap-slide2 .thum, .wrap-slide3 .thum,.wrap-slide4 .thum {
    overflow: hidden;
    height: !important;}
.wrap-slide .slider li img { height: 100%!important;width: auto!important;min-height: auto!important;margin-top: 0;}
	.wrap-slide2 .slider li img { height: 100%!important;width: auto!important;min-height: auto!important;margin-top: 0;}
	.wrap-slide3 .slider li img { height: 100%!important;width: auto!important;min-height: auto!important;margin-top: 0;}
	.wrap-slide4 .slider li img { height: 100%!important;width: auto!important;min-height: auto!important;margin-top: 0;}
}
}
.wrap-slide .con, .wrap-slide2 .con, .wrap-slide3 .con, .wrap-slide4 .con{paddin-left:40px;}