@charset "utf-8";

/*Montserrat*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
/*{font-family: 'Montserrat', sans-serif;}*/
/*Titlllium Web*/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700&display=swap');
/*{font-family: 'Titillium Web', sans-serif;}*/

/*COMMON*/
.objTag{height:100%;}
#multipleContentsDiv_vision_38,
#multipleContentsDiv_vision_39,
#multipleContentsDiv_vision_40{max-width:1500px;margin: 0 auto;overflow:hidden;position:relative;}
@media all and (max-width:1500px){
  #multipleContentsDiv_vision_38,
  #multipleContentsDiv_vision_39,
  #multipleContentsDiv_vision_40{max-width:96%;}
}


/*카피라이트****************************************/
#fullpage > div:last-child,
#fullpage > div:last-child .fp-tableCell{height:auto !important;}


/*메인비주얼****************************************/
#multipleDiv_vision_37{height:100vh !important;}
#menu3003_obj94{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}
@media only screen and (max-width:1280px){
  #multipleDiv_vision_37{height:100% !important;}
  #menu3003_obj94{position:relative;}
}
@media only screen and (max-width:1024px){
  #multipleDiv_vision_37{height:auto}
}

/*메인비주얼버그*/
#section0 .fp-tableCell{vertical-align: top;}


/*슬로건*/
#menu3003_obj95{position:absolute;top:30% !important;width:1500px !important;left:50% !important;margin-left:-750px !important;}
.slogan{text-align:center;word-break:keep-all;line-height:1;text-shadow:0 0 5px #000;}
.slogan .p_1{font-size:35px;color:#FFF;font-family:'Noto Light';}
.slogan .p_2{font-size:50px;color:#FFF;padding:20px 0;font-family:'Noto Bold';}
.slogan .p_3{font-size:20px;color:#FFF;font-family:'Noto Medium';}
@media all and (max-width:1500px){
  #menu3003_obj95{width:92% !important;left:4% !important;margin-left:0 !important;}
}
@media all and (max-width:768px){
  .slogan .p_1{font-size:20px;}
  .slogan .p_2{font-size:35px;}
  .slogan .p_3{font-size:18px;}
}


/*타이틀*/
.h2_title{text-align:center;color:#000;margin-bottom:50px;font-size:35px;line-height:1;font-weight:700;font-family: 'Titillium Web', sans-serif;}
.h2_title::before,
.h2_title::after{content:"";display:block;width:7px;height:18px;background:#024058;margin:10px auto;transform:skew(-30deg);}
#multipleDiv_vision_40 .h2_title{color:#FFF;}
#multipleDiv_vision_40 .h2_title::before,
#multipleDiv_vision_40 .h2_title::after{background:#FFF;}
@media only screen and (max-width:1024px){
  .h2_title{font-size:45px;}
}
@media only screen and (max-width:768px){
  .h2_title{font-size:35px;margin-bottom:40px;}
}
@media only screen and (max-width:480px){
  .h2_title{font-size:30px;}
}


/*SECTION별 BG*/
#section1,
.editMode #multipleDiv_vision_38{background:url(/sites/vision/images/bg_1.jpg) center;background-size:cover;}
#section2,
.editMode #multipleDiv_vision_39{background:url(/sites/vision/images/bg_2.jpg) center;background-size:cover;}
#section3,
.editMode #multipleDiv_vision_40{background:url(/sites/vision/images/bg_3.jpg) center top no-repeat;}


/*학과소개*/
#section1{position:relative;}
/*
#section1::before,
.editMode #multipleDiv_vision_38::before{content:"";display:block;width:430px;height:100%;background:url(../../images/major_bg.jpg) center repeat;position:absolute;left:50%;top:0;margin-left:-715px;}
*/
.slider_1 li{text-align:center;}
.slider_1 li a{display:block;padding:50px 0;}
.slider_1 li a div{}
.slider_1 li img{display:inline-block;}
.slider_1 dl{max-width:280px;margin:30px auto;}
.slider_1 dt{font-size:26px;font-family:'Noto Regular';}
.slider_1 dd{font-size:16px;color:#666;margin-top:10px;}
/*
.slider_1 li.slick-current dt,
.slider_1 li.slick-current dd,
.slider_1 li.slick-current dt a,
.slider_1 li.slick-current dd a{color:#FFF;}
*/
.slider_1 .prev,
.slider_1 .next{display:inline-block;font-size:0;position:absolute;top:calc(50% - 40px);width:50px;height:80px;background:url(/sites/guide/images/common/arrow_9_b.png) no-repeat center;filter:alpha(opacity=30);opacity:0.3;}
.slider_1 .prev{left:0;transform:rotate(180deg);}
.slider_1 .next{right:0;}
@media only screen and (max-width:1500px){
  #section1::before,
  .editMode #multipleDiv_vision_38::before{width:390px;left:50px;margin-left:0;}
}
@media only screen and (max-width:1280px){
  #section1::before,
  .editMode #multipleDiv_vision_38::before{display:none;}
  .slider_1 li.slick-current dt,
  .slider_1 li.slick-current dd{color:#666;}
}


/*바로가기1*/
.banner_1{height:100%;padding:35px;background:#007d77;border-top-left-radius:30px 30px;border-bottom-right-radius:30px 30px;}
.banner_1 a{width:100%;height:100%;display:flex;align-items:center;position:relative;}
.banner_1 a img{}
.banner_1 a dl{margin-left:30px;}
.banner_1 a dt{color:#FFF;font-size:22px;font-family:'Noto Regular';padding-bottom:10px;}
.banner_1 a dd{color:#a3c5c3;font-size:16px;font-family:'Noto Light';}
.banner_1::before{content:"";display:block;width:50px;height:50px;background:#FFF url(/sites/guide/images/common/plus_1_b.png) no-repeat center;position:absolute;top:0;right:0;}
@media only screen and (max-width:1024px){
  .banner_1 a{flex-direction:column;}
  .banner_1 a img{display:none;}
  .banner_1 a dl{width:100%;margin-left:0;}
}


/*바로가기2*/
.banner_2{height:100%;padding:35px;background:#00a6ac;border-top-left-radius:30px 30px;border-bottom-right-radius:30px 30px;}
.banner_2 a{width:100%;height:100%;display:flex;align-items:center;position:relative;}
.banner_2 a img{}
.banner_2 a dl{margin-left:30px;}
.banner_2 a dt{color:#FFF;font-size:22px;font-family:'Noto Regular';padding-bottom:10px;}
.banner_2 a dd{color:#a3d6d8;font-size:16px;font-family:'Noto Light';}
.banner_2::before{content:"";display:block;width:50px;height:50px;background:#FFF url(/sites/guide/images/common/plus_1_b.png) no-repeat center;position:absolute;top:0;right:0;}
@media only screen and (max-width:1024px){
  .banner_2 a{flex-direction:column;}
  .banner_2 a img{display:none;}
  .banner_2 a dl{width:100%;margin-left:0;}
}


/*바로가기3*/
.banner_3{height:100%;padding:35px;background:url(/sites/vision/images/bg_4.jpg) no-repeat center;background-size:cover;}
.banner_3 h3{display:flex;align-items:center;color:#FFF;font-size:26px;font-family:'Noto Regular';margin-bottom:50px;}
.banner_3 h3::after{content:"";display:inline-block;width:75px;height:2px;background:#FFF;margin-left:10px;}
.banner_3 div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.banner_3 a{display:block;width:33.3%;text-align:center;margin-bottom:50px;}
.banner_3 a span{display:block;color:#FFF;padding-top:5px;}
@media only screen and (max-width:480px){
  .banner_3 a{width:100%;margin:1% 0;}
}


/*인포메이션*/
.information_1{padding:50px;height:100%;background:#cfe1f5 url(../../images/banner_10.png) no-repeat right bottom;}
.information_1 dl{}
.information_1 dt{font-size:30px;font-family:'Noto Medium';color:#222;}
.information_1 dd{}
.information_1 dd span{display:block;}
.information_1 dd strong{display:block;font-size:30px;font-family:'Noto Light';}
.information_1 .con_2{border-top:1px solid #222;padding-top:40px;margin-top:40px;}
@media only screen and (max-width:768px){
  .information_1{padding:35px;}
}


/*바로가기9*/
.banner_9{height:100%;background:#007d77;display:flex;align-items:center;justify-content:center;}
.banner_9 a{width:100%;display:flex;align-items:center;justify-content:center;padding:20px;}
.banner_9 a img{padding-right:15px;}
.banner_9 a span{color:#FFF;}
.banner_9 a strong{display:block;font-size:25px;font-family:'Noto Medium';}


/*비디오*/
.video_1{}
.video_1 a{display:block;height:100%;}
.video_1 a img{width:100%;}



/*FULLPAGE해제시,편집모드상하여백*/
.editMode #multipleDiv_vision_38,
.editMode #multipleDiv_vision_39,
.editMode #multipleDiv_vision_40{padding:50px 0;}
@media only screen and (max-width:1024px){
  #section1,
  #section2,
  #section3{padding:50px 0;}
}
@media only screen and (max-height:768px){
  #section1,
  #section2,
  #section3{padding:50px 0;}
}

/*FULLPAGE콘트롤*/
#fp-nav{position:fixed;right:5%;top:50%;}



/*HOVER****************************************/
@media all and (min-width:1281px) {
  .slider_1 .prev:hover,
  .slider_1 .next:hover{filter:alpha(opacity=50);opacity:0.5;}

  .banner_1 a:hover img,
  .banner_2 a:hover img,
  .banner_3 a:hover img,
  .banner_9 a:hover img{transform:rotatey(360deg);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
  .video_1 a:hover img{transform:scale(1.1);transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1);}
  .banner_1 a:hover dd,
  .banner_2 a:hover dd{color:#FFF;}
}