@charset "utf-8";



.wrap-visual .control{top: 70%!important;}
#menu12470_obj267 {
    width: 1400px;
    height: 200px;
    float: left;
    /* display: none; */
    /* max-width: 1400px; */
    left: 50%;
    margin-left: -700px;
}
#menu12470_obj415 {
    background: #ffffffd1;
    padding: 0px 30px;
}

/* 메인 슬로건 */
/*#menu12470_obj43 { top:250px;}*/
  
 /* #multipleContentsDiv_university_temp03_11 > div:nth-child(2) {
    position: absolute;
    left: 0px;
    z-index: 100;
    width: 100% !important;
    height: auto !important;
    top:300px;
}*/
 .main-visual-link {
    margin-top: -90px;
    width: 50%;
    float: right;
    text-align: right;
}
.visual-txt1 {
    font-family: 'hufs';
    font-size: 55px;
    line-height: 1.2;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px;
}
 .visual-txt1 strong {
    font-size: 19px;
    display: block;
    line-height: 25px;padding-left:10px;
}
 .visual-txt2 {
    font-family: poppins;
    font-size: 30px;
    line-height: 20px;
    color: #d5af82;
    font-weight: 300;
    text-transform: uppercase;
}

.wrap-slogan {}
.wrap-slogan .main-visual-link a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    width: 98%;
    box-sizing: border-box;
    padding: 40px 10px;
    /* border-radius: 30px; */
    background: linear-gradient(179deg, #0968d1a3, #042b87);
    border: 1px solid #0371f400;vertical-align: middle;
    /* line-height: 54px; */
    text-align: center;
    /* border-radius: 50%; */
    -webkit-clip-path: polygon(87% 0, 100% 13%, 100% 78%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(87% 0, 100% 13%, 100% 78%, 100% 100%, 0 100%, 0 0);
    margin-bottom: 2px;
}
.wrap-slogan a:link, .wrap-slogan a:active, .wrap-slogan a:visited {color: #fff;}
.wrap-slogan a.style1 {}
.wrap-slogan  .main-visual-link  a:hover {
    background:#00000069!important;
    border: 1px solid #fff;
    color: #ffffff;transition: width 0.3s;    clip-path: none!important;}
.wrap-slogan .hn {width: 50%;margin-top: 100px;display:inline-block;}
.wrap-slogan .hn h2{font-family: 'Titil SemiBold';color: #00BCD4;font-style: italic!important;}
.wrap-slogan .hn h2 strong{font-size: 3rem;}
.wrap-top{    border-bottom: none!important;}
/*#menu12470_obj43 {   margin-top: -750px;  padding-bottom: 0px;}*/
#multipleContentsDiv_university_temp03_11 {  max-height: 900px;}


@media all and (max-width: 1500px) {
  #multipleContentsDiv_university_temp03_11 > div:nth-child(2) {/*top: 0;*/width:100%!important}
  .wrap-slogan {padding: 0 30px;}
  .wrap-visual .slider li{width:100%; overflow:hidden;}
.wrap-visual .slider li img { max-height: 830px; width:auto;}
}

@media all and (min-width:1024px) and (max-width:1499px) {
.wrap-visual .slider li img { max-height: 830px; width:auto}
#menu12470_obj43 {   margin-top:0px;  padding-bottom: 100px;width:100%!important;}
  .visual-txt2 {
	font-size: 25px;}
  /*.wrap-slogan .main-visual-link a {width:160px; height:160px; display:inline-flex;}*/
}

@media all and (max-width: 1024px) {
  #menu12470_obj43{padding-bottom: 160px;min-height: 570px;}
  .wrap-slogan .hn {width: 50%;margin-top: 75px;}
  .wrap-slogan a {margin: 10px 0 0 0;}
  .wrap-slogan .visual-txt1 {font-size: 40px;}
  .wrap-slogan .visual-txt2 {font-size: 14px;}
  .wrap-slogan .visual-txt2 br {display: none;}
  .wrap-slogan .main-visual-link {margin-top: -100px;}
.wrap-slogan .main-visual-link a {
    /* height: 130px; */
    /* width: 145px; */
    clip-path: none;
    margin-top: 0px;
    /* font-size: 1rem!important; */}
}

@media all and (max-width: 768px) {

 .wrap-slogan{padding:0}
.wrap-slogan .area{padding:0}
  .main-visual-txt-inner{width: 95%; margin: 0 auto;}
.wrap-slogan .visual-txt1 {
    font-size: 15px;
    text-align: center;
    margin: 0;
    font-family: 'Noto Regular';
    line-height: 1.5rem;
    width: 150px;
    margin: 0 auto;
    border-radius: 30px;
    margin-bottom: 5px;
    background: #607c9594;
    padding: 3px 0px;}
.wrap-slogan .visual-txt2 {
    text-align: center;
    font-size:35px;
    line-height: 1;
    font-weight: 600;
    text-transform: none;
    font-family: hufs;min-height: 70px;        margin-top: 20px;}

.wrap-slogan .main-visual-link a {
    width: 33.3333333%;
    display: inline-grid;
    margin: 0 auto;
    margin-left: -3px;
    clip-path: none;
    min-height: 128px;
    background: none;font-size: 1rem;
}
.wrap-slogan .main-visual-link {
    padding-left:1%;
    overflow:hidden;
    background: linear-gradient(183deg, #0968d1bf, #042b87 50%);
    width: 103%;
    margin-top: 220px;
    text-align: center;
    padding-bottom: 0px;
    left: 0;
}
.wrap-slogan .hn {
    width: 80%;
    position:absolute;
    right: 9.5%;
    top: 90px;
}
.wrap-slogan .hn h2 {font-family: 'Titil SemiBold'; color: #00BCD4; font-style: italic!important;  font-size: 1.19rem;text-align: center; line-height: 2.3rem;}
  .wrap-slogan .hn h2 strong{font-size:1.12rem!important;}
.banner_wrap{width:100%}

  .wrap-slogan  .main-visual-link  a:hover {border:none;
    background:linear-gradient(189deg, #0968d100, #0a8fedba)!important;}
}

/* banner_wrap -알림 많아지면 수정188줄 */

.wrap-slogan .banner_wrap {
    height: 200px;
    padding: 20px 0 49px 0;
    background: radial-gradient(#0000003b, transparent 70%);
    background-position: center;
    background-size: cover;
    border-top: 1px solid #ffffffa1;
    width: 88%;
    height: 52px;
    margin: 0;
}
.wrap-slogan .banner_wrap .banner {width: 100% ;position:relative;}
.wrap-slogan .banner_wrap .banner ul li {display:block; text-align: center;}
.wrap-slogan .banner_wrap .banner ul li {
  border-left: 2px solid #ffffff4d;}
.wrap-slogan .hn .banner_wrap .banner ul li a {
    display: block;
    color: #eee;
    font-size: 1.05rem;
    line-height: 25px;
    color: #fff;
    text-shadow: 0 0 5px black;
    text-align: left;
    min-height: 100px;
    padding: 5px 10px;
    overflow: hidden;
}

.banner_wrap .banner ul li a p {
    display: block;
    border-radius: 15px;
    font-size: 0.9rem;
    line-height: 30px;
    font-weight: 200;
    border: 1px solid #ffffff8c;
    padding: 0 10px;
    width: 99px;
    margin-bottom: 15px;
    text-align: center;
}
.banner_wrap .banner ul li a strong{margin-left: 0px;
    font-weight:100 ;
    font-size:0.8rem ;font-family: 'Dream Light';}
.banner_wrap .banner ul li a span{margin-left: 5px;  
    color: #fff; font-weight: 300;}
.banner_wrap .banner ul li a:hover strong{color:#fff;}


.banner_wrap .slick-prev {
    position: absolute;
    right: 40px;
    top: 0px;
    margin-top: -60px;
    width: 30px;
    height: 30px;
    background:#000000a3  url(https://dep.hufs.ac.kr/sites/iucf/images/main/prev.png) no-repeat center center;
    font-size: 0;
    /* background-position: 22px; */
    background-size: 10px;    border-radius: 50%;
}
  .banner_wrap .slick-prev:hover {background: url(https://dep.hufs.ac.kr/sites/iucf/images/main/prevon.png) no-repeat center center;    background-size: 15px; }
/*.banner_wrap .slick-prev {position:absolute;left: -78px;top:0;width:52px;height:52px;background:url('../../images/main/btn_quick_service_prevon.png') no-repeat center center;font-size:0;  background-position:22px;}
.banner_wrap .slick-next {position:absolute;right: -78px;top:0;width:52px;height:52px;   background: url('../../images/main/btn_quick_service_nexton.png') no-repeat center center; font-size: 0; background-position: -45px;}*/
.banner_wrap .slick-next {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    background: #000000a3 url(https://dep.hufs.ac.kr/sites/iucf/images/main/next.png) no-repeat center center;
    font-size: 0;
    background-size: 10px;
    margin-top: -60px;
    border-radius: 50%;
}
  .banner_wrap .slick-next:hover {
    background:#000000a3  url('https://dep.hufs.ac.kr/sites/iucf/images/main/nexton.png') no-repeat center center;    background-size: 15px; 
}

@media all and (max-width:1484px) {
  .banner_wrap .banner {width:100%;}
  .banner_wrap .slick-prev {}
  .banner_wrap .slick-next {right: 0px;}
}
#menu8661_obj494 {border: 1px solid #002d56;box-sizing: border-box;}



@media all and (max-width:900px) {
.wrap-slogan .banner_wrap{width:100%;}
.banner_wrap .banner{height:170px; margin-top: -25px;}
  .banner_wrap .banner ul li {border:none; margin-left: 0%!important;}
.banner_wrap .banner ul li a {
    font-size: 1rem;
    line-height: 1.1rem;
    font-weight: 100;
    margin-top: 15px;}
.banner_wrap .banner ul li a strong {font-size:0.8rem ; line-height: 1.2rem;}
.banner_wrap .banner ul li a span{    margin-left: 10px;
    font-size: 0.8rem;}
  .banner_wrap .banner ul li a:hover p,
.banner_wrap .banner ul li a:hover span{color:skyblue;}
  .wrap-slogan .hn h2{text-align:center;}
 .banner_wrap .slick-prev { top:30px; left:0;}
 .banner_wrap .slick-next {top:30px}
.banner_wrap .banner ul li a p {
    float: left;
    border-radius: 0%;
    padding: 20px 10px;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-right: 30px;
    margin-top: 0px;
    line-height: 15px;
    background: #1315ceb5;
    border: none;
}
  .wrap-slogan .banner_wrap .banner ul li { border-left: 0px solid #ffffff4d;text-align:center;}
}

/* 두번째 section */
/*#multipleDiv_temp6_4 {padding: 100px 0; background: url("../../images/main/main_curriculum_bg.jpg") no-repeat center; background-size: cover; height: 100%;}*/
#multipleDiv_temp6_4 {padding: 100px 0; background: url("https://dep.hufs.ac.kr/sites/iucf/images/main/main044blur.jpg") no-repeat center; background-size: cover; height: 100%;}
#multipleDiv_temp6_4:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background:linear-gradient(180deg, rgb(17 94 128 / 87%), transparent);
}


.fullpage-wrapper #multipleDiv_temp6_4 {padding: 60px 0 0 0;}
.fullpage-wrapper #multipleContentsDiv_temp6_4 {height: auto !important;}

@media all and (max-width: 1500px) {
  .fullpage-wrapper #multipleDiv_temp6_4 {padding: 100px 20px;}
.wrap-visual .control .area {display: none;}
}

@media all and (min-height: 1000px) {
  .fullpage-wrapper #multipleDiv_temp6_4 {padding: 100px 20px;}
}

.main-curr-tit {text-align: center; padding-bottom: 50px;}
.main-curr-tit h2 {
    /* font-family: hufs; */
    font-size: 55px;
    line-height: 1.1;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;
}
.main-curr-tit p {font-family: 'Noto Regular'; font-size: 18px; line-height: 30px; color: #fff;}

.main-curr-list li {float: left; width: 25%; text-align: center; padding: 0 30px; box-sizing: border-box;}
.main-curr-list li a {display: block; color: #fff;}
.main-curr-list li .tit {
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    background: linear-gradient(104deg, #014771, #0fa8e9cf);
    border-radius: 0px;
    border-radius: 5px;font-family: 'Dream bold';
    /* border: 1px solid #2196f3ed; */
}

.main-curr-list li a:hover .info{text-decoration: none; background:linear-gradient(183deg, #04517c, transparent);}
.main-curr-list li .info {
    border-radius: 5px;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    font-weight: 100;
    word-break: keep-all;
    letter-spacing: -0.5px;
    text-align: left;
    padding-left: 16%;
    font-family: 'Noto Light';
    /* border-left: 1px solid #fff; */
    padding-top: 10px;
    background: linear-gradient(183deg, #1b4f6782, transparent);
    min-height: 330px;
    margin-top: 3px;
}
.main-curr-list li .info span{display:block;}
.main-curr-list li .main-curr-img {margin: 80px 0;}
.main-curr-list li .main-curr-img img {display: inline-block;}

.main-curr-list .slick-dots {text-align: center; margin-top: 70px;}
.main-curr-list .slick-dots li {float: none; display: inline-block; vertical-align: middle; width: auto; padding: 0 7px;}
.main-curr-list .slick-dots li button {
    text-indent: -9999px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /* background: rgb(21 22 22 / 43%); */
    BORDER: 1PX SOLID #ffffff;
}
.main-curr-list .slick-dots li.slick-active button {background: #fff;}



@media all and (max-width: 1024px) {
  .main-curr-tit {padding-bottom: 60px;}
  .main-curr-list li .main-curr-img {margin: 40px 0;}
  .main-curr-list .slick-dots {margin-top: 20px;}
}

@media all and (max-width: 768px){
    .main-curr-tit {padding-bottom: 30px;}
  .main-curr-tit h2 {font-size: 40px; }
  .main-curr-tit p {font-size: 16px;}
  .main-curr-list li {padding: 10px 0;}
  .main-curr-list li a {text-align: center}
  .main-curr-list li a::after {content: ""; display: block; clear: both;}
  .main-curr-list li .main-curr-img {margin: 4px 0 0; width: 65px;}
  .main-curr-list li .tit {width: 100% margin-bottom: 10px;}
  .main-curr-list li .info {width: 100%; min-height: 75px; font-size: 16px; line-height:2rem;}
}

/* 세번째 section */
#multipleDiv_temp6_6 {background: url("../../images/main/main_board_bg.jpg") no-repeat center; background-size: cover; height: 100%;}
#multipleContentsDiv_temp6_6 {max-width: 1400px; margin: 0 auto; padding: 100px 0;}
.fullpage-wrapper #multipleContentsDiv_temp6_6 {height: auto !important; padding: 60px 0 0 0;}

@media all and (max-width: 1500px) {
  .fullpage-wrapper #multipleContentsDiv_temp6_6 {padding: 100px 20px;}
}

@media all and (max-width: 1400px) {
  #multipleContentsDiv_temp6_6 {padding: 100px 30px;}
}

@media all and (min-height: 1000px) {
  .fullpage-wrapper #multipleContentsDiv_temp6_6 {padding: 100px 20px;}
}

/* 네번째 section */
/*#multipleDiv_temp6_11 {background: url("../../images/main/main_info_bg.jpg") no-repeat center; background-size: cover; height: 100%; }*/
#multipleDiv_temp6_11 {background:url(/sites/iucf/images/main/letterback-x.png) no-repeat  center; background-size: cover; height: 100%; }
#multipleDiv_temp6_11:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background:linear-gradient(180deg, rgb(3 19 45 / 87%), transparent);
}

#multipleContentsDiv_temp6_11 {overflow: hidden;max-width: 1400px; margin: 0 auto; padding: 200px 0; height: auto;}
.fullpage-wrapper #multipleContentsDiv_temp6_11 {height: auto !important; padding: 60px 0 0 0;}

@media all and (max-width: 1500px) {
  .fullpage-wrapper #multipleContentsDiv_temp6_11 {padding: 100px 20px;}
}

@media all and (max-width: 1400px) {
  #multipleContentsDiv_temp6_11 {padding: 0 30px}
}

#multipleContentsDiv_temp6_11 > div:nth-child(1) {overflow: hidden;}
#multipleContentsDiv_temp6_11 > div:nth-child(3) {position: relative; max-height: 538px;}

@media all and (max-width: 1023px) {
  #multipleContentsDiv_temp6_11 > div:nth-child(1) {width: 100%;}
  #multipleContentsDiv_temp6_11 > div:nth-child(2) {width: 100%; margin: 30px 0;}
}

.main-info .area {height: auto;}

.main-info-left .main-youtube { float: left; width: 100%;}
.main-info-left .main-youtube a {position: relative; display: block; padding-top: 63.25%; background: url("../../images/main/main_youtube.jpg") no-repeat center; background-size: cover;}
.main-info-left .main-youtube a::after {content: ''; position: absolute; left: 50%; top: 50%; width: 80px; height: 58px; background: url('../../images/main/ico-youtube.png') no-repeat center center; transform: translate(-50%, -50%);}

.main-info-menu {float: right; width: 100%; max-width: 560px;}
.main-info-menu .quick-menu {
    float: left;
    display: block;
    width: 50%;
    height: 240px;
    background: url("../../images/main/main_quick_bg.png") no-repeat;
    text-align: center;
    line-height: 240px;
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    text-shadow: 0 0 5px black;}

.main-info-menu .main-info-list {float: left; width: 50%; height: 240px; padding: 20px 30px; box-sizing: border-box; background: url("../../images/main/main_link_bg.png") no-repeat center;}
.main-info-menu .main-info-list ul {height: 200px; overflow: hidden;}
.main-info-menu .main-info-list li a {display: inline-block; font-size: 18px; line-height: 35px; color: #fff; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-info-menu .main-info-list li a::before {content: ""; display: inline-block; width: 0; height: 1px; background: #fff; transition: width 0.3s;}
.main-info-menu .main-info-list li a:hover::before {width: 25px;}
.main-info-menu .main-info-list .slick-arrow {position: absolute; width: 10px; height: 50px; right: 0px; z-index: 10; text-indent: -9999px;}
.main-info-menu .main-info-list .slick-arrow.slick-prev {background: url("../../images/main/btn_prev2.png") no-repeat center; top: 0;}
.main-info-menu .main-info-list .slick-arrow.slick-prev:hover {background: url("../../images/main/btn_prev2_on.png") no-repeat center; }
.main-info-menu .main-info-list .slick-arrow.slick-next {background: url("../../images/main/btn_next2.png") no-repeat center; bottom: 0; }
.main-info-menu .main-info-list .slick-arrow.slick-next:hover {background: url("../../images/main/btn_next2_on.png") no-repeat center; }

.main-info-right {position: relative; float: right; width: 50%;}
.main-schedule {float: left; padding: 30px 40px 30px; background: rgba(12, 38, 98, 0.8); width: 100%; box-sizing: border-box;}
.main-schedule-tit {margin-bottom: 60px;}
.main-schedule-tit > p {float: left; font-size: 16px; line-height: 45px; color: #fff;}
.main-schedule-tit .main-schedule-month {float: right;}
.main-schedule-tit .main-schedule-month p {display: inline-block; vertical-align: middle; font-size: 26px; line-height: 45px; color: #fff; margin: 0 15px;}
.main-schedule-tit .main-schedule-month p span {font-size: 36px;}

.main-schedule-tit .main-schedule-month > a {display: inline-block; vertical-align: middle; width: 6px; height: 8px;}
.main-schedule-tit .main-schedule-month > a.prev {background: url("../../images/main/btn_prev.png") no-repeat;}
.main-schedule-tit .main-schedule-month > a.next {background: url("../../images/main/btn_next.png") no-repeat;}

.main-schedule-list a {display: block;}
.main-schedule-list dl {overflow: hidden; padding: 10px 0;}
.main-schedule-list dl dt {float: left; width: 55px; height: 55px; border-radius: 50%; line-height: 55px; text-align: center; background: #222; font-size: 24px; color: #fff; font-weight: 600;}
.main-schedule-list dl dd {float: left; padding-left: 20px; width: calc(100% - 70px);}
.main-schedule-list dl dd p {font-size: 18px; line-height: 26px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 300;}
.main-schedule .btn-more {text-align: right;}
.main-schedule .btn-more a {display: inline-block; vertical-align: middle; border: 1px solid #fff; line-height: 68px; width: 70px; height: 70px; border-radius: 50%; text-align: center; font-size: 16px; color: #fff;}
.main-schedule .btn-more a:hover {text-decoration: underline;}

.main-schedule-list a:hover dd p {text-decoration: underline;}

.main-info-link {
    /* position: absolute; */
    /* right: 0; */
    /* bottom: 0; */
    padding: 58px 35px 20px;
    width: 100%;
    box-sizing: border-box;
    /* margin: 191px 0 0 0; */
}
.main-info-link .main-info-tit {
    font-family: 'Dream Bold';
    font-size: 26px;
    color: #e9c5a2;
    font-weight: 600;
    margin-bottom: 16px;
}
.main-info-link ul li a {
    display: inline-block;
    padding: 4px 0px 4px 42px;
    font-size: 19px;
    line-height: 40px;
    color: #ffffff8a;
    font-weight: 300;
    transition: color 0.3s;
    border-bottom: 1px dotted #00bcd47d;
}
.main-info-link ul li a:hover {color: #fff;    border-bottom:0px dotted #1370de;  transition: color 0.3s;}


.main-info-link ul li.link1 a {background: url("../../images/main/ic_info0.png") no-repeat 10px center;}
.main-info-link ul li.link1 a:hover {background: #043dbf url("../../images/main/ic_info0_on.png") no-repeat 10px center;}
.main-info-link ul li.link2 a {background: url("../../images/main/ic_info0.png")  no-repeat 10px center;}
.main-info-link ul li.link2 a:hover {background: #043dbf url("../../images/main/ic_info0_on.png") no-repeat 10px center;}
.main-info-link ul li.link3 a {background: url("../../images/main/ic_info0.png")  no-repeat 10px center;}
.main-info-link ul li.link3 a:hover {background: #043dbf url("../../images/main/ic_info0_on.png") no-repeat 10px center;}
.main-info-link ul li.link4 a {background: url("../../images/main/ic_info0.png") no-repeat 10px center;}
.main-info-link ul li.link4 a:hover {background: #043dbf url("../../images/main/ic_info0_on.png") no-repeat 10px center;}
.main-info-link ul li.link5 a {background: url("../../images/main/ic_info0.png") no-repeat 10px center;}
.main-info-link ul li.link5 a:hover {background: #043dbf url("../../images/main/ic_info0_on.png") no-repeat 10px center;}
.main-info-link ul li.link6 a {background: url("../../images/main/ic_info0.png") no-repeat 10px center;}
.main-info-link ul li.link6 a:hover {background: #043dbf url("../../images/main/ic_info0_on.png") no-repeat 10px center;}
.main-info-link ul li.link7 a {background: url("../../images/main/ic_info0.png") no-repeat 10px center;}
.main-info-link ul li.link7 a:hover {background: #043dbf url("../../images/main/ic_info0_on.png") no-repeat 10px center;}
.main-info-link ul li.link8 a {background: url("../../images/main/ic_info0.png") no-repeat 10px center;}
.main-info-link ul li.link8 a:hover {background: #043dbf url("../../images/main/ic_info0_on.png") no-repeat 10px center;}

@media all and (max-width: 1023px){
  .main-info {padding: 50px 3%;}

  .main-info-menu {max-width: none;}
  .main-info-menu .quick-menu {background-size: cover;}
  .main-info-menu .main-info-list {background-size: cover;}

  .main-info-left {float: none; width: 100%;}
  .main-info-right {float: none; width: 100%;}
  .main-info-link {
    position: static;
    float: left;
    margin: 0;
    PADDING: 40PX 15PX;}
}

@media all and (max-width: 1000px){
 .main-info-link .main-info-tit {text-align: center; margin-bottom: 10px;}
 
  .main-info-link ul li {display:inline-block;width: 49.5%;}
  .main-info-left .main-youtube {float: none;}
  .main-info-menu {float: none;}
  .main-info-menu .quick-menu {float: none; width: 100%; height: 155px; line-height: 155px;}
  .main-info-menu .main-info-list {float: none; width: 100%; height: 155px;}
  .main-info-menu .main-info-list li a {display: block;}
  .main-info-menu .main-info-list ul {height: 115px;}
  .main-schedule {float: none; width: 100%;}
  .main-info-link {float: none; width: 100%;}
}

/* 사이드 */
.section-line::before{content:"";position:fixed;width:1px;height:100%;top:0px;right:32px;z-index:100;background-color:rgba(255, 255, 255, 0.2)}
body #fp-nav.right{right:20px;position:absolute; }
body #fp-nav ul li .fp-tooltip.right{right:40px;top:4px;font-family:'TitilliumWeb-SemiBold';}
body #fp-nav ul li:last-child{display:none}
body #fp-nav ul li,body .fp-slidesNav ul li{width:25px;height:25px;margin:15px 0}
body #fp-nav ul li a span,body .fp-slidesNav ul li a span{position:static;display:inline-block;width:15px;height:15px;background:#fff;margin:0;vertical-align:middle}
body #fp-nav ul li a,body .fp-slidesNav ul li a{text-align:center;line-height:23px}
body #fp-nav ul li a.active span,body .fp-slidesNav ul li a.active span,body #fp-nav ul li:hover a.active span,body .fp-slidesNav ul li:hover a.active span{width:25px;height:25px;border:1px solid #0079e7;background:none;text-align:center;vertical-align:middle;line-height:19px;margin:0}
body #fp-nav ul li a.active span::before,body .fp-slidesNav ul li a.active span::before,body #fp-nav ul li:hover a.active span::before,body .fp-slidesNav ul li:hover a.active span::before{content:"";display:inline-block;width:15px;height:15px;background:#0079e7;border-radius:50%;vertical-align:middle}
body #fp-nav ul li:hover a span,body .fp-slidesNav ul li:hover a span{width:15px;height:15px;margin:0}

@media all and (max-width: 1300px) {
  .section-line::before{display:none}
  body #fp-nav.right{right:8px}
  body #fp-nav ul li .fp-tooltip{display:none}
}

/* 풀페이지 관련 */
@media all and (max-width: 1300px) {
  .fp-section, .fp-tableCell, .fp-scrollable {height: auto !important;}
}


#menu12470_obj79 .wrap-notice{background:none;}
#menu12470_obj267 .wrap-notice .left {
    /* float: left; */
    width: 50%;
    margin-top: 0px;
    margin-bottom: 0px; 
    /* display: none; */
    height: 20px;
}
#menu12470_obj267 .wrap-notice .left .title{
border-bottom: 1px solid #00b3cd;}

#menu12470_obj267 .wrap-notice .title strong {
   
    font-size: 30px;
    line-height: 1;
    color: #00b3cd;
    font-style: italic;
}

#menu12470_obj267 .wrap-notice .title p {
    display: none;
}
#menu12470_obj267 .wrap-notice .right {
    position: relative;
    float: left;
    width: calc(100% - 10px);
    margin-top: 60px;
}

#menu12470_obj267 .wrap-notice .list {
    /* display: none; */
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
}

#menu12470_obj267 .wrap-notice .list li {
    float: left;
    width: 25%;
    margin-bottom: 50px;
    padding: 0px 20px;
    border-left: 1px dotted #ccc;
}

#menu12470_obj267 .wrap-notice .tab{display: none; }

#menu12470_obj267 .wrap-notice .list .cate {
    font-family: 'Dream Regular';
    font-size: 13px;
    color: #00b3cd!important;
}

#menu12470_obj267 .wrap-notice .list .subject {
    display: block;
    overflow: hidden;
    margin: 20px 0 15px 0;
    height: 60px;
    font-family: 'Noto light';
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    letter-spacing: -1px;
}




.banners_list {display:flex;flex-wrap:wrap;margin:0px}
.banners_item {padding:0px}
.banners_link {display:block}
.banners_list.col-three .banners_item a{    background: linear-gradient(291deg, #0968d1c2, #042b87);
    overflow: hidden;
    -webkit-clip-path: polygon(87% 0, 100% 13%, 100% 78%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(87% 0, 100% 13%, 100% 78%, 100% 100%, 0 100%, 0 0);}

.banners_inner {
    display: flex;
    flex-direction: column;
    position: relative;
    /* height: 240px; */
    padding: 75px 5px 0px 5px;
    border-bottom: 0px solid #116cc8;
}

.banners_link .icon1{background: url(/sites/iucf/images/main/m_b101.png) no-repeat center 0px;}
.banners_link .icon2{background: url(/sites/iucf/images/main/m_b102.png) no-repeat center 0px;}
.banners_link .icon3{background: url(/sites/iucf/images/main/m_b103.png) no-repeat center 0px;}
.banners_link .icon4{background: url(/sites/iucf/images/main/m_b104.png) no-repeat center 0px;}
.banners_link .icon5{background: url(/sites/iucf/images/main/m_b105.png) no-repeat center 0px;}
.banners_link .icon6{background: url(/sites/iucf/images/main/m_b106.png) no-repeat center 0px;}

/*.banners_list.col-three .banners_item a:hover{background: linear-gradient(145deg, #3e80c9, #e4eaeb);}*/
.banners_list.col-three .banners_item a:hover{background:#fff;}
.banners_list.col-three .banners_item a:hover p{color:#333;}
.banners_link:hover .icon1{background:url(/sites/iucf/images/main/m_b101on.png) no-repeat center 0px;}
.banners_link:hover .icon2{background:url(/sites/iucf/images/main/m_b102on.png) no-repeat center 0px;}
.banners_link:hover .icon3{background:url(/sites/iucf/images/main/m_b103on.png) no-repeat center 0px;}
.banners_link:hover .icon4{background:url(/sites/iucf/images/main/m_b104on.png) no-repeat center 0px;}
.banners_link:hover .icon5{background:url(/sites/iucf/images/main/m_b105on.png) no-repeat center 0px;}
.banners_link:hover .icon6{background:url(/sites/iucf/images/main/m_b106on.png) no-repeat center 0px;}

/*.banners_inner::before {content:"";position:absolute;top:0;left:0;width:100%;height:20px;visibility:hidden;opacity:0;background-color:red;transition:visibility .3s, opacity .3s}*/
.banners_title {
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.3;
    transition: color .3s;
    min-height: 70px;
    vertical-align: middle;font-family: 'Dream regular';
}
.banners_inner p{font-size: 0.8rem;
    color: #ffffffc2;
    line-height: 1rem;
  margin-top: 10px;}
.banners .btn-plus_icon {margin:auto 0 0 auto;background:rgba(255,255,255,.15) url('/sites/globeedorm/images/main/icn_plus_white.svg') no-repeat center; background-size:11px; transition:background-color .3s}
.banners_list.col-three {margin-top:0px;margin-left: 0%;}
.banners_list.col-three .banners_item {
    width: 30.1%;
    padding: 0px;
    /* background: linear-gradient(1deg, white, transparent); */
}
/*  .banners_list.col-three li:first-child a{background:linear-gradient(53deg, #977b5a, #d5b690);}
  .banners_list.col-three li:nth-child(2)  a{background:linear-gradient(291deg, #182c4399, #0f0f10);}

  .banners_list.col-three li:first-child h4,   .banners_list.col-three li:nth-child(2) h4{font-size:1.4rem;}*/
@media all and (max-width: 1300px) {
.banners_list.col-three .banners_item {width: 33%;}
}
@media all and (max-width: 1024px) {
  .banners_list.col-three .banners_item{width:49.99%;}
 .banners_title {    font-size: 0.95rem;}
  .banners_inner{padding-top:65px;}
  .wrap-slogan .main-visual-link a{    padding: 20px;}
.banners_link .icon1, .banners_link .icon2, .banners_link .icon3, .banners_link .icon4, .banners_link .icon5, .banners_link .icon6 {
    background-position: center 18px;
    transition: width 0.3s;
    background-size: 40px;
}
.banners_link:hover .icon1,
.banners_link:hover .icon2,
.banners_link:hover .icon3,
.banners_link:hover .icon4,
.banners_link:hover .icon5,
.banners_link:hover .icon6{background-position: center 18px;transition: width 0.3s; background-size: 40px; }
}

@media all and (max-width: 768px) {
.banners_list.col-three .banners_item{width: 33.3333333%;}
.banners_list.col-three .banners_item a{background: none;padding:9px;}
  .wrap-slogan .main-visual-link a{width: 100%;}
 .banners_list.col-three .banners_item .banners_link::after {
    content: "";
    position: relative;
    left: 0;
    top: 0;
    width: 1px;
    height: 70px;
    background: #ffffff3d;
    margin-top: -100px;
    margin-left: -19px;
    padding-left: 0;
    /* transform: rotate(18deg); */
}
}



#menu12470_obj79{background:linear-gradient(0deg, #ffffffd9, #ffffff); width:96%; margin:0 auto;}

.wrap-notice .recents-title-bx > p{color: #73c5d4b5;}
 .wrap-notice > ul > li:nth-child(2) .title {top: 257px;}
.wrap-notice > ul > li:nth-child(3) .title {top: 317px;}
.wrap-notice .slider li{height:49%}
.wrap-notice .con .con-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 90%;
    height: 1px;
    background:#0ca0bb8a;
}
.wrap-notice .subject{height: 50px;margin:15px 0 5px;}
.wrap-notice .date{font-size: 13px;bottom:auto;left:8%;}
.wrap-notice .title {
    position: absolute;
    width: 100%;
    left: 5%;
    top: 200px;
    display: inline-block;
    font-family: 'Noto Demilight';padding-left: 0px;
}
.wrap-notice .title-inner {
    position: relative;
    display: inline-block;
    padding-right: 35px;
}
.wrap-notice .recents-title-bx {
    display: table-cell;
    width: 350px;
    padding: 75px 1% 50px 5%;
    box-sizing: border-box;
    vertical-align: top;
}
.wrap-notice .title button{ font-family: 'Dream bold'!important;}
.wrap-notice .con .con-title {
    position: relative;
    padding-top: 30px;
    font-family: 'Dream bold';
    font-size: 20px;
    color: #204772;
    line-height: 26px;
    height: 110px;
    overflow: hidden;
    margin-bottom: 15px;
    font-weight: 400;
    letter-spacing: -1.5px;
}
.wrap-notice > ul > li.on .title button {
    color: #230202;
    padding-left: 0px;
    font-weight: 800;font-size: 27px;
    margin-top: -20px;
   font-family: 'Dream bold';letter-spacing:-1px;
}
.wrap-notice > ul > li .title .title-inner:hover button {
    color: #230202;
    padding-left: 0px;
    font-weight: 800;
    /* background: linear-gradient(45deg, #296099, transparent); */
    /* border-bottom: 1px solid #fff; */
    font-family: 'Noto bold';
}
.wrap-notice > ul > li.on .title .title-inner:hover .recentBbsMore {display:inline-block;}
.wrap-notice > ul > li .title .title-inner:hover .recentBbsMore {display:none;}
.wrap-notice > ul > li.on .title button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    background: #c19b6d;
    font-weight: 600;
    margin-top: -10px;
}
.wrap-notice > ul > li .title .title-inner:hover button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f1d605;
    font-weight: 600;
    margin-top: -10px;
}

.wrap-notice .recentBbsMore {
    display: none;
    position: absolute;
    right: 0;
    top: 2px;margin-top: -8px;
    text-indent: -99999px;
    width: 25px;
    height: 25px;
    background: url('../../images/btn-latest-more.png') no-repeat center center;
    background-size: 25px  25px;
}
.wrap-notice .recentBbsMore:hover {
    background: #00000021 url(../../images/btn-latest-moreon.png) no-repeat center center;
    border-radius: 0%;
    padding: 5px;
    background-size: 25px 25px;
    border: 1px solid #00000014;
}


@media (max-width: 1023px){
.wrap-notice .title {  position: static!important;  width: auto;}
.wrap-notice .title-inner { position: static!important; top: 0;}  
.wrap-notice .recents-title-bx {padding: 0px;}
.wrap-notice .con .con-title { height: 62px; margin-bottom: 0px; padding-top: 10px;  height: 60px; font-size: 1.1rem;}
.wrap-notice .recents-title-bx > p {margin: 0 0 20px 0; font-size: 2rem;}
.wrap-notice .recentBbsMore { top: 8px; right: 0px; background: #2897ad url(../../images/btn-latest-moreon.png) no-repeat center center; width: 50px; height: 50px;}
 .wrap-notice .title button{font-size:1rem;}
.wrap-notice .title-inner{padding-right: 15px;}
.wrap-notice > ul > li{margin-top: 20px;}
.wrap-notice > ul > li.on .title button {font-size: 1.35rem;  letter-spacing: -1.25px;}
  .wrap-notice .con .con-title::before{width: 100%;}
.wrap-notice .subject{display: none;}
}



/*롤링 배너*/
#menu12470_obj235 { background: url("https://dep.hufs.ac.kr/sites/iucf/images/main/main044blur.jpg") no-repeat center bottom!important; background-size: 120% auto!important;}
.wrap-rolling { background:linear-gradient(180deg, #ffffff, transparent);}
.wrap-rolling .title { float: left; width: 270px; padding: 40px 0 20px; font-size: 0;}


