@charset "UTF-8";

/*비주얼*/
#multipleDiv_professor_templet_01_151{position:fixed;width:100%;height:100%;}

/*비주얼슬로건*/
.main-visual-slogan{max-width:1400px;margin: 220px auto 0 auto;}
.main-visual-slogan p{color:#FFF;text-shadow:0 0 3px #222;text-align:center;line-height:1.3;}
.main-visual-slogan .p_1{font-size:60px;}
.main-visual-slogan .p_2{font-size:50px;font-family:'Noto Medium';}
@media all and (max-width:1400px){
  .main-visual-slogan{max-width:96%;}
}
@media all and (max-width:1024px){
  .main-visual-slogan{margin-top:200px;}
  .main-visual-slogan .p_1{font-size:45px;}
  .main-visual-slogan .p_2{font-size:35px;}
}
@media all and (max-width:768px){
  .main-visual-slogan .p_1{font-size:30px;}
  .main-visual-slogan .p_2{font-size:20px;}
}

/*컨텐츠1단*/
#multipleDiv_professor_templet_01_153{max-width:1400px;margin:80px auto;overflow:hidden;}
@media all and (max-width:1400px){
  #multipleDiv_professor_templet_01_153{max-width:90%;}
}

/*바로가기*/
.main-quick{display:flex;flex-wrap:wrap;}
.main-quick a{width:25%;color:#FFF;text-align:center;font-size:30px;padding:60px 10px;box-sizing:border-box;display:block;}
.main-quick a.a_1{background:rgba( 27,96,198,0.95 );}
.main-quick a.a_2{background:rgba( 50,143,229,0.95 );}
.main-quick a.a_3{background:rgba( 31,72,171,0.95 );}
.main-quick a.a_4{background:rgba( 30,46,85,0.95 );}
.main-quick a:before{content:"";display:block;margin:0 auto 15px auto;width:94px;height:94px;background-size:100% !important;}
.main-quick a.a_1:before{background:url(/images/professor_templet_02/main/templet_type2_1.png) no-repeat center;}
.main-quick a.a_2:before{background:url(/images/professor_templet_02/main/templet_type2_2.png) no-repeat center;}
.main-quick a.a_3:before{background:url(/images/professor_templet_02/main/templet_type2_3.png) no-repeat center;}
.main-quick a.a_4:before{background:url(/images/professor_templet_02/main/templet_type2_4.png) no-repeat center;}
@media only screen and (min-width:1025px){
  .main-quick a:hover{background:#52575c;}
}
@media all and (max-width:1024px){
  .main-quick a{font-size:22px;padding:30px 10px;}
  .main-quick a:before{margin-bottom:10px;width:60px;height:60px;}
}
@media all and (max-width:768px){
  .main-quick a{width:50%;}
}
@media all and (max-width:380px){
  .main-quick a{width:100%;}
  .main-quick a{font-size:20px;padding:15px 10px;}
  .main-quick a:before{display:none;}
}