@charset "UTF-8";

#multipleDiv_hufstmp02_1485 { background: url(../../images/main/section_back1.jpg)no-repeat;background-size: cover;}
 #multipleDiv_hufstmp02_1487 {background-color: #fff;}

#multipleDiv_hufstmp02_1488{background: linear-gradient(183deg, #c5baaa8c, transparent 20%);}
#multipleDiv_hufstmp02_1486,#multipleDiv_hufstmp02_1489{display: none;}
#multipleDiv_hufstmp02_1486{background: url(../../images/main/section_back2.jpg)no-repeat; background-size:cover; }
#multipleDiv_hufstmp02_1489 {background-color: #e2e2e2;}


@media all and (min-width:1025px) and (max-width:1484px) {
  #multipleContentsDiv_hufstmp02_1444  {width:96%;}
}
@media all and (min-width:1025px) and (max-width:1484px) {
  #multipleContentsDiv_hufstmp02_1456, 
  #multipleContentsDiv_hufstmp02_1485 , 
  #multipleContentsDiv_hufstmp02_1486, 
  #multipleContentsDiv_hufstmp02_1488, 
  #multipleContentsDiv_hufstmp02_1489  {width:96%; margin:0 auto;}
}
@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;}
}
@media all and (max-width:767px) {
  .main_section_title {font-size: 1.9rem; padding-top:40px;}
}

/* visual */
.visual_slogan {width: 1400px;text-align: right;     margin: 0 auto;
    line-height: 2rem; }
.visual_slogan img {filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));}
.visual_slogan strong {display:block; margin:6.5rem 0 0 0; font-size:3.438rem; color:#fff; font-family: 'Noto Sans KR';font-weight: 600; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.7); letter-spacing: -1.9px;}
.visual_slogan p.detail {display:block; margin:0.9rem 0 0 0; font-size:2.188rem; color:#fff; font-family: 'hufs_l'; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);}
.visual_slogan p.detail span{    font-size: 1.8rem;  
    font-weight: 100;
}
@media all and (max-width:1484px) {
	.visual_slogan {width:65%; margin-right:0px; margin-top:50px;}
  .visual_slogan strong {margin: 5rem 0 0 0;  line-height: 2.8rem;}

}
@media all and (max-width:767px) {
	.visual_slogan {width:92%; ;text-align:center; margin:0 auto;margin-top:-50px }
    .visual_slogan img {width:75%;}
    .visual_slogan strong {    font-size: 1.89rem;
    letter-spacing: -1px;
    line-height: 0.2rem;}
    .visual_slogan p.detail {font-size: 1.4rem;}
  .visual_slogan p.detail span{font-size: 1.5rem;
    font-family: 'Noto Sans KR';
    font-weight: 200; display:none; }
}


/* main_link */
.main_link {
    display: table;
    width: 99.9%;
    height: 150px;
    float: right;
}
.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.2rem;}
}
@media all and (max-width:768px) {
  .main_link {display:flex; flex-wrap:wrap;    height:auto; }
  .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_09.png') 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_08.png') 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_09.png') 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_08.png') 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;}
}


#menu6492_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:-85px}
.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:30px;}
.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.25rem;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center; 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;
}
.gra.style1 .gra_menu .content-part .name {
  margin-bottom: 8px;
  font-size: 22px;
}
.gra.style1 .gra_menu .content-part .name a {
  color: #ffffff; font-size:1.3rem; font-weight:800;
}
.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; line-height:0.5rem !important; padding:0px !important;}

	
}


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

.gra.style1 .gra_menu {width: 33%;}

}



@media all and (max-width:768px) {
.gra.style1  { padding:10px;}
.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; line-height:0.5rem !important; padding:0px !important;}
  .gra.style1 .gra_menu p {font-size: 1.1rem; line-height:1.1rem;}

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

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







.popupArea.temp001 {
   width: 100%;
    height: 100%;
    border: 0px dotted #fff;
    background:#0b427b url(/Web-home/fnct/popup/template/css/new/pop_back5.png)right top  no-repeat;
	border-radius:15px;
}
.popupArea.temp001 .popupTitle,.popupArea.temp001 .popupText{width:97% !important;
    margin: 0 auto;}
.popupArea.temp001 .popupTitle {
    padding-top: 35px;
    text-align: center;
    color: #efc296;
    line-height: 2rem;
    font-size: 1.7rem;
    text-decoration: none;
    font-family: hufs_m;
    text-shadow: 1px 1px 2px #333;
    padding-bottom: 5px;
    margin-bottom: 5px;
    letter-spacing: -0.6px;
}

.popupArea.temp001 .popupTitle span{  color: #efc296;  text-align: center;}
.popupArea.temp001 .popupText {
    top: 95px;
    color: #fff;
}
.popupArea.temp001 .popupText span {

    text-align: justify;
    font-family: noto light;
}

.popupArea.temp001 .popupText .popupData {
    background-color: rgba(0,0,0,.4);
    margin: 15px 5px 5px 5px;
    padding: 10px 2px 10px 2px;
    text-align: center;
    border: 1px dotted #07c5fc;
}


.popupArea.temp001 .popupText ul {
    color: #fff;
    overflow: hidden;
    padding: 5px;
}

.popupArea.temp001 .popupText li {
    color: #e9e9e9;
    float: left;
    width: 49%;
    height: 145px;
    border: 0px dotted gray;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    text-align: center;
    background: linear-gradient(180deg, rgba(0,0,0,.2), transparent);
    border-radius: 10px;
}
.popupArea.temp001 .popupText li:nth-child(1){height: 168px;}
.popupArea.temp001 .popupText li:nth-child(2){height: 168px;}
.popupArea.temp001 .popupText li h3 {
    text-align: center;
    margin-left: 5px;
    color: aqua;
    font-family: hufs_m;
    margin-bottom: 5px;
    line-height: 2rem;
    font-size: 1.1rem;
}
.popupArea.temp001 .popupText .t1{}
.popupArea.temp001 .popupText .t2{margin-top: 150px;}
.popupArea.temp001 .popupText .t3{margin-top: -150px;}
.popupArea.temp001 .popupText li a {
   width: 95%;
    display: inline-block;
    background-color: rgba(256,256,256,.15);
    text-align: center;
    color: #fff;
    font-size: 0.79rem;
    min-height: 20px;
    padding: 5px 5px;
    /* margin-bottom: 5px; */
    /* vertical-align: middle; */
    border: 1px solid #002d56;
    letter-spacing: -0.01rem;
}
.popupArea.temp001 .popupText li a:hover{border: 1px dotted #07c5fc;color:#fff; background-color:skyblue;}
.popupArea.temp001 .popupText .popupInfo{margin-top:21px}
.popupArea.temp001 .popupText .popupInfo dd{margin:10px 0 0 15px;height:205px}

.popupArea {
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-family: noto sans kr!important;
    float: none!important;
    margin: 0 auto!important;
    margin-top: 170px!important;
    position: relative!important;
}

.PZwindow {
    position:fixed !important;
    border: 0px #ccc solid!important;
    background: rgba(0,0,0,.6) !important;
    cursor: move!important;
    width: 100%!important;
    height: 150%!important;
    z-index: 2147483647 !important;
    margin-top: -90px!important;
}

.nomoreOpen {
    width: 590px;
    background: none!important;
    color: #fff;
    margin: -60px auto;
    z-index: 9999999999;
    position: relative;}
.nomoreOpen form a.PZwindowClose {
    width: 20px!important;
    height: 20px!important;}

.PZwindow .PZwrap, .PZpopup .nomoreOpen, .PZwindow .nomoreOpen {
    overflow: visible!important;
}
.PZwindow .PZwrap{margin: 0 AUTO;
    MARGIN-TOP: 10%;}

.popupArea.temp001 .popbtn{
    margin-bottom: 20px;
    text-align: ;
    text-align: center;
    width: ;
    width: 100%;
}

.popupArea.temp001 .popbtn .poplink {
    border-radius: 30px;
    border: 1px solid #95c4f6;
    display: inline-block;
    padding: 12px  60px  12px  25px;
    position: absolute;
    top: 190px;
    width: 180px;
    left: 27%;
    font-size: 14px;
    color: #fff;
    text-align: left;background: url(/Web-home//fnct/popup/template/images.temp001/btn_back5.png)118px 13px  no-repeat;
}

.popupArea.temp001 .popbtn .poplink:hover
{background:rgba(256,256,256,.2) url(/Web-home//fnct/popup/template/images.temp001/btn_back5on.png)118px 13px  no-repeat;}

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

.PZwrap, .nomoreOpen{ width: 95% !important;
    height: auto;
    margin-top: 90px;}
#PZwrap123{width:95% !important;height:725px !important;}
.popupArea {margin-top: 60px !important;height:760px !important;}
.popupArea.temp001 .popupTitle {margin-bottom:0px;border:none;font-size:1.3rem;}
.popupArea.temp001 .popupText {
    top: 50px;}

.popupArea.temp001 .popupText li h3 {
    margin-left: 5px;
    margin-bottom: 5px;
    float: left;
    width: 17%;
    font-size: 1rem;
    line-height: 20px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-top: 15px;
    /* height: 35px; */
}
.popupArea.temp001 .popupText li {
    color: #e9e9e9;
    width: 100%!important;
    height: auto!important;
    border: 0px dotted gray;
    margin: 0px 5px 5px 0px;
    padding: 5px;
    text-align: center;
    background: linear-gradient(180deg, rgba(0,0,0,.2), transparent);
    border-radius: 10px;
}

.popupArea.temp001 .popupText li a {
    width: 80%!important;
    display: inline-block;
    background-color: rgba(256,256,256,.15);
    text-align: center;
    color: #fff;
    padding: 4px 5px;
    border: 1px solid #002d56;
    float: right;
}
.popupArea.temp001 .popupText .t1{margin-top:100px;width: 100%!important;}
.popupArea.temp001 .popupText .t2{margin-top:0px;width: 100%!important;}
.popupArea.temp001 .popupText .t3{margin-top:-10px;width: 100%!important;}



}
@media all and (max-width:500px) {
.PZwindow {top: 50px!important;}
}