@charset "utf-8";


.wrap_quick .slick-slide a img {
    padding-right: 10px;
    filter: brightness(0.5);
}
.wrap_quick .text_1 {
    word-break: keep-all;
    font-size: 20px;
    color: #373131;
    line-height: 1.1;
    text-align: center;
}
.wrap_visual .slider li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('https://dep.hufs.ac.kr/Web-home/fnct/imageSlide/temp10_visual/images/pattern.png');
    z-index: 9999999999999;
}


.wrap_visual .text_1 {
    font-size: 55px;
    font-weight: 500;
    line-height: 1.1;
    font-family: "ohneuleun", sans-serif!important;
}

.wrap_visual .text_1 {
    font-size: 50px;
    font-weight: 500;
    line-height: 1.1;
    font-family: hufs;
    text-shadow: 0 0 5px black;
}


._contentBuilder ._obj ._relative ._objTool{right:unset !important;}
._fnctWrap ._fnctAdmin{right:unset !important;}


#fp-nav{position:fixed;top:50%;left:25px;margin-top:-50px;}
#fp-nav ul{}
#fp-nav ul li{margin:7px 0;}
#fp-nav ul li:last-child{display:none;}
#fp-nav ul li a{display:block;width:9px;height:9px;background:#003f62;border-radius:100%;margin:0 auto;border:2px solid #FFF;}
#fp-nav ul li a.active{width:15px;height:15px;background:#FFF;border:3px solid #003f62;}


@media only screen and (min-width:1281px){
  #fullpage > div:last-child,
  #fullpage > div:last-child .fp-tableCell{height:auto !important;}
}

#section0,
.editMode #multipleDiv_southasia_59{}
#section1,
#multipleDiv_southasia_60,
.editMode #multipleDiv_southasia_60{background:linear-gradient(0deg, #deeaeb, #eff3f6);}
#section2,
#multipleDiv_southasia_61,
.editMode #multipleDiv_southasia_61{background:url(../../images/main/main_bg_1.jpg) no-repeat center;background-size:cover;}
#section3,
#multipleDiv_southasia_62,
.editMode #multipleDiv_southasia_62{background: #86b1b7 url(../../images/main/main_bg0_2.jpg) no-repeat center;background-size:cover;}
#section4,
#multipleDiv_southasia_63,
.editMode #multipleDiv_southasia_63{background:#FFF;}
#section5,
#multipleDiv_southasia_64,
.editMode #multipleDiv_southasia_64{background:url(../../images/main/main_bg_3.jpg) no-repeat center;background-size:cover;}
#section6,
#multipleDiv_southasia_65,
.editMode #multipleDiv_southasia_65{background:#262626;}

#multipleContentsDiv_southasia_60,
#multipleContentsDiv_southasia_61,
#multipleContentsDiv_southasia_62,
#multipleContentsDiv_southasia_63,
#multipleContentsDiv_southasia_64,
#multipleContentsDiv_southasia_65{max-width:1700px;margin:0 auto;overflow:hidden;}
#multipleContentsDiv_southasia_60,
#multipleContentsDiv_southasia_61,
#multipleContentsDiv_southasia_62,
#multipleContentsDiv_southasia_63,
#multipleContentsDiv_southasia_64{padding:80px 0;}
#multipleContentsDiv_southasia_65{padding:30px 0;}
@media only screen and (max-width:1700px){
  #multipleContentsDiv_southasia_60,
  #multipleContentsDiv_southasia_61,
  #multipleContentsDiv_southasia_62,
  #multipleContentsDiv_southasia_63,
  #multipleContentsDiv_southasia_64,
  #multipleContentsDiv_southasia_65{max-width:96%;}
}
@media only screen and (max-width:768px){
  #multipleContentsDiv_southasia_60,
  #multipleContentsDiv_southasia_61,
  #multipleContentsDiv_southasia_62,
  #multipleContentsDiv_southasia_63,
  #multipleContentsDiv_southasia_64{padding:60px 0;}
}


/*비주얼영역*/
#menu17273_obj170{position:absolute;right: 0;bottom:0;background: linear-gradient(180deg, #ffffffc9, #eff3f6);/* display: none; */max-width: 1600px;border-top-right-radius: 3px;}
@media screen and (min-width: 1600px) {
#wrap-slider1066 { margin-right: calc((100% - 1170px)); overflow: hidden;}
}
@media only screen and (max-width:1024px){
  #menu17273_obj882,
  #menu17273_obj883{float:none !important;width:100% !important;}
}


/*인트로*/
.main_intro{padding-bottom:70px;}
.main_intro ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.main_intro ul li{width:30%;}
.main_intro .item{display:block;position:relative;margin:0 10px;padding-bottom:110px;}
.main_intro .item .tag{position:absolute;top:2px;right:22px;color:#FFF;font-size:22px;font-weight:500;padding:7px 25px;}
.main_intro .item_1 .tag{background:#f5a101;}
.main_intro .item_2 .tag{background:#2f8742;}
.main_intro .item_3 .tag{background:#a88c6c;}
.main_intro .item .pic{padding:20px 0 0 20px;position:relative;}
.main_intro .item .pic::before{content:"";display:block;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid #FFF;position:absolute;left:0;top:0;}
.main_intro .item .pic img{width:100%;}
.main_intro .item dl{padding:30px;background:#FFF;position:absolute;left:10%;bottom:0;width:80%;}
.main_intro .item dt{font-weight:500;font-size:24px;color:#000;padding-bottom:20px;line-height:1.3;}
.main_intro .item dd{}
.main_intro .item dd p{font-size:16px;color:#666;padding-bottom:30px;}
.main_intro .item dd div{font-weight:700;font-size:12px;color:#2f8742;}
.main_intro .item dd div::before{content:"";display:inline-block;width:20px;height:2px;background:#2f8742;margin-right:10px;vertical-align:3px;}
.main_intro .item_1 .pic::before{border-color:#f5a101;}
.main_intro .item_2 .pic::before{border-color:#2f8742;}
.main_intro .item_3 .pic::before{border-color:#a88c6c;}
.main_intro .btns{width:100px;}
.main_intro .btns button{display:inline-block;text-indent:-9999px;width:30px;height:30px;position:absolute;bottom:0;}
.main_intro button.on{display:inline-block;}
@media only screen and (min-width:1281px){
  .main_intro .item:hover .pic::before{border-color:#FFF;}
  .main_intro .item:hover .tag{background:#FFF !important;}
  .main_intro .item_1:hover .tag{color:#f5a101;}
  .main_intro .item_2:hover .tag{color:#2f8742;}
  .main_intro .item_3:hover .tag{color:#a88c6c;}
}
@media only screen and (max-width:1280px){
  .main_intro ul li{width:33%;}
  .main_intro .item dl{padding:20px;width:86%;}
  .main_intro .item dt{font-size:20px;padding-bottom:10px;}
}
@media only screen and (max-width:1024px){
  .main_intro .item .tag{font-size:18px;padding:5px 15px;}
  .main_intro .item dl{left:0;width:100%;}
  .main_intro .item dt{font-size:18px;}
}
@media only screen and (max-width:768px){
  .main_intro ul li{width:100%;margin:10px 0;}
  .main_intro .item{display:flex;margin:0;padding-bottom:0;}
  .main_intro .item .pic{padding:20px 0 0 20px;width:50%;}
  .main_intro .item .tag{right:unset;left:2px;}
  .main_intro .item dl{position:relative;left:unset;bottom:unset;width:50%;}
 }
@media only screen and (max-width:520px){
  .main_intro .item .pic{padding:0;}
  .main_intro .item .pic::before{display:none;}
  .main_intro .item .tag{left:0;top:0;}
 }
@media only screen and (max-width:380px){
  .main_intro .item{display:block;}
  .main_intro .item .pic,
  .main_intro .item dl{width:100%;}
 }

/*카워드영역*/
.keyword{}
.keyword p{display:flex;align-items:center;}
.keyword p::after{content:"";display:block;width:calc(100% - 200px);height:1px;background:#f2f2f2;}
.keyword p span{font-size:18px;display:block;width:200px;}
.keyword ul{display:flex;align-items:center;/* justify-content:space-between; */margin-top:15px;gap: 3px;}
.keyword ul li{margin:1px;border:1px solid #d3d3d3;}
.keyword ul li a{font-size:18px;color:#6f7075;background:#FFF;display:block;padding:15px 25px;}
@media only screen and (min-width:1281px){
  .keyword ul li:hover{border-color:#040079;}
  .keyword ul li a:hover{color:#FFF;background:#040079;}
}
@media only screen and (max-width:1420px){
  .keyword ul li a{font-size:16px;padding:15px;}
}
@media only screen and (max-width:1280px){
  .keyword ul{justify-content:flex-start;flex-wrap:wrap;}
  .keyword ul li a{padding:10px 15px;}
}


/*SNS영역*/
.live_on{/* display:flex; */align-items:center;justify-content:space-between;margin-bottom:40px;}
.live_on .sns_btns{display:flex;align-items:center;justify-content:flex-end;}
.live_on .sns_btns a{display:block;width:40px;height:40px;font-size:0;margin-left:10px;}
.live_on .sns_btns a.goto_facebook{background:url(../../images/main/icon_facebook_on.png) no-repeat center;}
.live_on .sns_btns a.goto_instagram{background:url(../../images/main/icon_instagram_on.png) no-repeat center;}
.live_on .sns_btns a.goto_ytube{background:url(../../images/main/icon_ytube_on.png) no-repeat center;}
.live_on .sns_btns a.goto_blog{background:url(../../images/main/icon_blog_on.png) no-repeat center;}
@media only screen and (min-width:1281px){
  .live_on .sns_btns a.goto_facebook{background:url(../../images/main/icon_facebook.png) no-repeat center;}
  .live_on .sns_btns a.goto_instagram{background:url(../../images/main/icon_instagram.png) no-repeat center;}
  .live_on .sns_btns a.goto_ytube{background:url(../../images/main/icon_ytube.png) no-repeat center;}
  .live_on .sns_btns a.goto_blog{background:url(../../images/main/icon_blog.png) no-repeat center;}
  .live_on .sns_btns a.goto_instagram:hover{background:url(../../images/main/icon_instagram_on.png) no-repeat center;}
  .live_on .sns_btns a.goto_ytube:hover{background:url(../../images/main/icon_ytube_on.png) no-repeat center;}
  .live_on .sns_btns a.goto_blog:hover{background:url(../../images/main/icon_blog_on.png) no-repeat center;}  
}
@media only screen and (max-width:768px){
  .live_on{justify-content:center;flex-wrap:wrap;}
  .live_on .sns_btns{width:100%;justify-content:center;}
}


h2.mainTitle{font-size:36px !important;font-weight:700;color:#434652;text-align: center;}
.live_on h2.mainTitle{color:#FFF;}
.live_on  strong {
    font-family: "ohneuleun", sans-serif!important;
    font-size: 2rem;
    color: #052a5354;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: -300px;
}
@media only screen and (max-width:1024px){
  h2.mainTitle{width:100%;font-size:30px !important;text-align:center;}
}