@charset "UTF-8";

/*비주얼*/
#multipleDiv_professor_templet_01_151{position:fixed;width:100%;height:100%;}

/*비주얼슬로건*/
.main-visual-slogan{max-width:1400px;margin: 280px 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:96%;}
}*/



/*바로가기*/

/*
.goto-professor,
.goto-board{background:#FFF;padding:25px;height:100%;box-sizing:border-box;overflow:hidden;}
.goto-professor h2,
.goto-board h2{font-size:30px;font-family:'Noto Medium';line-height:1;padding-bottom:25px;}
.goto-professor p,
.goto-board p{font-size:16px;line-height:1.3;}
.goto-professor p span,
.goto-board p span{display:block;}
.goto-professor a,
.goto-board a{display:block;font-size:13px;padding:5px 0;width:100px;background:#DDD;border-radius:30px;text-align:center;position:absolute;left:30px;bottom:30px;}
.goto-professor .pic{ position:absolute;right:30px;bottom:30px;overflow:hidden;}
.goto-professor img{width:100%;height:100%;border-radius:100%;}
.goto-board{background:#FFF url(/images/professor_templet_01/main/templet_type1_2.png) no-repeat 90% 90%;}
@media only screen and (min-width:1025px){
  .goto-professor a:hover,
  .goto-board a:hover{background:#52575c;color:#FFF;}
}
@media only screen and (max-width:1280px){
  .goto-professor p span,
  .goto-board p span{display:inline;}  
  .goto-professor .pic{width:80px;height:80px;}
  .goto-board{background-size:50px;}
}
@media only screen and (max-width:768px){
  .goto-professor h2,
  .goto-board h2{font-size:20px;}
  .goto-professor p,
  .goto-board p{padding-right:100px;}
  .goto-professor a,
  .goto-board a{position:relative;left:auto;bottom:auto;margin-top:20px;}  
  .goto-board{background-size:30px;}
}
@media only screen and (max-width:320px){
  .goto-professor p,
  .goto-board p{padding-right:0;}
  .goto-professor .pic{display:none;}
  .goto-board{background:#FFF;}
}

*/





/*컨텐츠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; justify-content: center;}
.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;}
}




