@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/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;}
}