@charset "utf-8";
#multipleContentsDiv_temp8_97 {background: url(/sites/startup/images/main/section_back1.png)no-repeat bottom; background-size: 100%; }

/* 슬로건 */
#multipleContentsDiv_university_temp03_11 > div:nth-child(2) {position: absolute; left: 0; top: 13%; z-index: 100; width: 100% !important;}
.wrap-slogan{text-align: center;}
.wrap-slogan .box-slogan {position: relative; display: inline-block; padding: 30px; /*background: linear-gradient(45deg, white, #ffffff2b);*/}
.wrap-slogan .big-slogan {
    margin: 0 0 10px 0;
    font-family: 'H light';
    /* font-size: 32px; */
    line-height: 1;
    color: #fff;
    letter-spacing: 0;
    /* text-shadow: 0 0 10px black; */
}
.wrap-slogan .big-slogan strong {
    color: #fff;
    font-size: 2rem;
}
.wrap-slogan .big-slogan strong span {color: #f3d396;font-size: 4.5rem;/* font-family: 'Titil Bold'; */}
.wrap-slogan .small-slogan {margin: 20px 0 10px 0; font-family: 'Noto Regular'; font-size: 20px; color: #fff;}
.wrap-slogan .class-name {
    font-family: hufs;
    font-size: 28px;
    color: #fff;
    letter-spacing: -1.25px;
    text-shadow: 0 0 3px black;
}
.wrap-slogan .deco-line {position: absolute; width: 86px; height: 86px;}
.wrap-slogan .deco-line.line1 {left: 0px; top: 0px; background: url('../../images/main/line-slogan1.png') no-repeat center center;}
.wrap-slogan .deco-line.line2 {right: 0px; top: 0px; background: url('../../images/main/line-slogan2.png') no-repeat center center;}
.wrap-slogan .deco-line.line3 {right: 0px; bottom: 0px; background: url('../../images/main/line-slogan3.png') no-repeat center center;}
.wrap-slogan .deco-line.line4 {left: 0px; bottom: 0px; background: url('../../images/main/line-slogan4.png') no-repeat center center;}
.wrap-visual .prevnext button {margin: 0 3%;}
.wrap-visual .prevnext{display:none;}


@media all and (max-width: 1023px) {
  .wrap-slogan .big-slogan {font-size: 50px;}
  .wrap-slogan .small-slogan {font-size: 18px;}
  .wrap-slogan .class-name {font-size: 25px;}
}

@media all and (max-width: 768px) {
  #multipleContentsDiv_university_temp03_11 > div:nth-child(2) { top: 4%; }
  .wrap-slogan .big-slogan strong .br{display:block;}
  .wrap-slogan .box-slogan {padding: 30px;}
  .wrap-slogan .big-slogan {font-size: 35px;}
  .wrap-slogan .small-slogan; {font-size: 16px;}
  .wrap-slogan .small-slogan br {display: none;}
  .wrap-slogan .class-name {display:none}
  .wrap-slogan .deco-line.line1, .wrap-slogan .deco-line.line2, .wrap-slogan .deco-line.line3, .wrap-slogan .deco-line.line4{display:none;}
  
.wrap-rolling .title {float: right;width: auto; padding: 18px 30px 18px 0px; font-size: 0;}
.wrap-rolling .title strong{display: none;}
.wrap-rolling .slider {float: left;width: calc(100% - 170px);}
}

/* 퀵메뉴 */
#multipleContentsDiv_university_temp03_11 > div:nth-child(3) {position: absolute;  top: 31%; z-index: 100;}
.wrap-quick {
    padding: 20px 0;
    border-radius: 100px;
    text-align: center;
}
.wrap-quick li {
    display: inline-block!important;
    background: linear-gradient(45deg, #bf9767bf, #d7ac5cd4);
    border-top-left-radius: 18%;
    width: 138px;
    height: 138px;
    margin-right: 0px;
    border-bottom-right-radius: 18%;
}
.wrap-quick li:nth-child(2) {background: #0687bbed;}
.wrap-quick li:nth-child(3) {background: #063691cc;}
.wrap-quick li:nth-child(1):hover {background: #2b2c2fb5;border: 1px solid #ffffff8f;}
.wrap-quick li:nth-child(2):hover {background: #2b2c2fb5;border: 1px solid #ffffff8f;}
.wrap-quick li:nth-child(3):hover{background: #2b2c2fb5;border: 1px solid #ffffff8f;}

.wrap-quick a {
    display: block;
    margin: 5px 13px 10px 13px;
    padding: 0 0 10px 0;
    font-family: 'Noto Light';
    font-size: 16px;
    color: #fff;
    line-height: 33px;
}
.wrap-quick .icon {    padding-top: 30px;}
.wrap-quick a:hover span {color: #47d9f7}
.wrap-quick li:last-child a {border: 0; margin-bottom: 0;}

@media all and (max-width: 1023px) {
  #multipleContentsDiv_university_temp03_11 > div:nth-child(3) {display: ;}
}

/* 최신글 */
#multipleDiv_temp8_17 {background: url('../../images/main/bg-notice.jpg') no-repeat center top; background-size: cover;}
#multipleContentsDiv_temp8_17 {max-width: 1600px; margin: 0 auto; padding: 130px 0 100px 0;}
.wrap-notice-title {padding: 0 0 50px 0; font-family: 'Noto Light'; font-size: 45px; color: #fff;}
.wrap-notice-title strong {display: block; font-family:'Titil Bold'; font-size: 55px; line-height: 1;}
.wrap-notice .control button { border: 1px solid #00bbff80;}
.wrap-notice .desc { height: 50px;overflow: hidden;}
.wrap-notice2 .desc { height: 50px;overflow: hidden;}
.wrap-notice .title {text-align: center;}
.wrap-notice2 .title {
    display: block!important;
    padding: 0 0 50px 0;
    font-weight: 800;
    font-family: 'Noto Light';
    font-size: 45px;
    color: #fff;
    margin-top: -150px;
    margin-right: -50px; text-align: center;text-shadow: 0px 0px 15px black;}
.wrap-notice .control button:hover {background-color: #01045d7a;}
.wrap-notice2 .control button:hover {background-color: #413c3c4a;}
 .wrap-notice2 .control button { border: 1px solid #d1dbdfbf;}

@media all and (max-width: 1600px) {
#multipleContentsDiv_temp8_17 { padding: 100px 20px 80px 20px;}
}

@media all and (max-width: 1023px) {
  #multipleContentsDiv_temp8_17 {padding: 170px 20px 0px 20px;}
  .wrap-notice2{padding-top:55px;}
  .wrap-notice-title {display:none!important;}
  .wrap-notice-title strong {display:none!important;}
   #menu16484_obj157 {display:none!important;}
  .wrap-notice .control {padding-right:0%;}
  .wrap-notice2 .control {margin-top: -40px;padding-left:0%;}
  
}

@media all and (max-width: 768px) {
  .slick-initialized .slick-slide{width:100a%}

  .wrap-notice .title, .wrap-notice2 .title{font-size: 36px!important; margin-top: -130px!important;}
.wrap-notice .control button, .wrap-notice2 .control button { width: 50px;  height: 50px;  border: 1px solid #ffffff96;}
.wrap-notice .controll{margin-top: -75px;}
 .wrap-notice2 .control{margin-top: -25px;}
  #multipleContentsDiv_temp8_17 {padding: 170px 20px 60px 20px;}
  
}



/* 소개 */
.wrap-point { padding: 140px 0 100px;}
.wrap-point .container {position: relative;}
.wrap-point .thumb {float: left; width: 50%; height: 600px; background-size: cover !important;}
.wrap-point .bg1 .thumb {background: url('../../images/main/img-point1.jpg') no-repeat left top;}
.wrap-point .bg2 .thumb {background: url('../../images/main/img-point2.jpg') no-repeat left top;}
.wrap-point .bg3 .thumb {background: url('../../images/main/img-point3.jpg') no-repeat left top;}
.wrap-point .desc {float: left; width: 50%; padding: 10px 170px 0 70px;}
.wrap-point .desc .title {
    padding: 0 0 20px 0;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #000;
    font-family: hufs;
    font-size: 49px;
    line-height: 1.14;
    color: #8d7150a1;
    letter-spacing: -3px;
    font-weight: 800;
}
.wrap-point .desc .title em {
    font-family: 'Noto Regular';
    /* font-weight: 900; */
    color: #002d56;
}
.wrap-point .desc .list p {
    position: relative;
    margin: 0 0 7px 0;
    padding: 0 0 0 15px;
    font-family: 'Noto Light';
    font-size: 22px;
    color: #000;}
.wrap-point .desc .list p::after {content: ''; position: absolute; left: 0; top: 16px; width: 4px; height: 4px; background: #000;}
.wrap-point .desc .more {padding: 20px 0 0 0;}
.wrap-point .desc .more a {display: inline-block; padding: 9px 60px 9px 15px; background: url('../../images/main/arrow-point.png') no-repeat 90% center; border: 1px solid #dbd7d3; font-family: 'Noto Light'; font-size: 16px; color: #000;}
.wrap-point .desc .more a:hover {background: #007a93 url('../../images/main/arrow-point-on.png') no-repeat 90% center; border: 1px solid #007a93; color: #fff; transition: .4s;}
.wrap-point .prev,
.wrap-point .next {position: absolute; top: 41.5%; width: 100px; height: 100px; border-radius: 100%; text-indent: -99999px;}
.wrap-point .prev {left: 41.5%; background: rgba(0,0,0,.5) url('../../images/main/btn-point-prev.png') no-repeat center center;}
.wrap-point .next {right: 0%; background: rgba(0,0,0,.5) url('../../images/main/btn-point-next.png') no-repeat center center;}
.wrap-point .prev:hover,
.wrap-point .next:hover {background-color: rgba(0,122,147,.8); transition: .4s;}

@media all and (max-width: 1600px) {
  .wrap-point .desc {padding: 0 50px 0 50px;}
  /*.wrap-point .prev,
  .wrap-point .next {top: auto; bottom: 30px;}*/
.wrap-point .prev {right: 130px; top: 20px; left: auto;}
.wrap-point .next {right: 10px;top: 20px;}
}

@media all and (max-width: 1400px) {
  .wrap-point .thumb {width: 45%;}
  .wrap-point .desc {width: 55%;}
  .wrap-point .desc .title {font-size: 50px;}
  .wrap-point .desc .list p {font-size: 20px;}
  .wrap-point .desc .list p::after {top: 12px;}
}

@media all and (max-width: 1023px) {
  .wrap-point {padding: 80px 0;}
  .wrap-point .thumb {width: 100%; height: 200px;}
  .wrap-point .desc {width: 100%; padding: 0 20px; margin-top: -170px; text-align: center;}
  .wrap-point .prev,
.wrap-point .prev, .wrap-point .prev, .wrap-point .next { position: absolute; display: inline-block !important; margin: 0px 0px 0 0;top: 0px; border-radius: 0;width: 60px; height: 60px;}
  .wrap-point .prev { left: 0%;}
  .wrap-point .next { right: 0%; left:auto;}
  .wrap-point .desc .title{padding-top: 30px;}
  .wrap-point .desc .list p {text-align: left;}
}

@media all and (max-width: 768px) {
    .wrap-point .desc {margin-top: -125px; }
  .wrap-point .desc .title {margin: 0 0 30px 0; padding: 0 0 30px 0; font-size: 40px; }
  .wrap-point .desc .list p {font-size: 18px; text-align: left;}
  .wrap-point .desc .list p::after {top: 12px;}
  .wrap-point .desc .title{color:#fff; text-shadow:0 0 10px #000;}
}

/* 배너 */
.wrap-notify {background: url('https://dep.hufs.ac.kr/sites/startup/atchmnfl_mngr/imageSlide/898/global.jpg') no-repeat center top; background-size: cover;opacity:.89;}
.wrap-notify .container {  position: relative; max-width: 1210px; padding: 110px 0 130px 0;  margin: 0 auto;}
.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: #dbb584;}
.wrap-notify .title strong::after {content: '';
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: -1;
    width: 143%;
    height: 1px;
    background: #00e0e894;
    transform: translate(-50%, 0);}
.wrap-notify .row {padding: 10px;}
.wrap-notify .row a {
    display: table;
    width: 100%;
    padding: 20px 10px 25px 10px;
    background: #fff;
    border: 1px solid #ccc;
    table-layout: fixed;
    text-align: center;
}
.wrap-notify .icon {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}
.wrap-notify .desc {display:block; }
.wrap-notify .desc strong {display:none;position: relative; 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;}
  .wrap-visual .slider li img { max-height: none;}
}

@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;background:#000;}
.wrap-banner ul li {display: table-cell;vertical-align: middle;text-align: center;font-family: 'Dream bold';}
.wrap-banner ul li.bg1 {background: url('../../images/main/bg-banner1.jpg') no-repeat center center; background-size: cover;opacity: 0.99;}
.wrap-banner ul li.bg2 {background: url('../../images/main/bg-banner2.jpg') no-repeat center center; background-size: cover;opacity: 0.98;}
.wrap-banner ul li.bg1:hover, .wrap-banner ul li.bg2:hover{opacity: 0.89;}
.wrap-banner a {display: inline-block;color: #fff;padding: 10px;width: 60%;border: 1px solid #ffffff00;}
.wrap-banner a:hover{ border: 1px dotted #9dcfe9;}
.wrap-banner a:hover strong {color: #00b6db;}
.wrap-banner strong {font-family: 'Dream bold';font-size: 22px;}
.wrap-banner p {padding: 0 0 30px 0;background: url('../../images/main/arrow-banner.png') no-repeat center bottom;font-family: 'Dream light';font-size: 16px;}

@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: 60px 30px;text-align: left;}
  .wrap-banner a {width: 100%;}
  .wrap-banner p {padding: 0; background-position: right bottom;}
  .wrap-banner p br {display: none;}
  .circle-num-list > ul > li {font-size:19px!important;}
  
}


.circle-num-list > ul > li {position: relative; margin: 10px 0 0 0; padding-left: 30px; font-family: 'Noto Light';font-size: 22px; letter-spacing: -0.5px; color: #666;text-align:left;}
.circle-num-list > ul > li .num {position: absolute; left: 0; top: 6px; display: inline-block; width: 22px; height: 23px; margin-right: 5px; background: #52a3c3cc; border-radius: 100%; font-family: 'Noto Bold'; font-size: 12px; text-align: center; vertical-align: middle; letter-spacing: -0.5px; line-height: 19px; color: #fff;}
.circle-num-list > ul > li strong {font-family: 'Noto Medium'; color: #002d56;}
.con-table .circle-num-list > ul > li {margin: 5px 0; font-size: 16px;}