@charset "UTF-8";

/*비주얼*/
#multipleDiv_professor_templet_01_151{position:fixed;width:100%;height:100%;}

/*비주얼슬로건*/
.main-visual-slogan{max-width:1400px;margin: 335px auto 0 auto;}
.main-visual-slogan p{color:#FFF;line-height:1.3;display:inline-block;padding:25px 60px;position:relative;}
.main-visual-slogan .p_1{font-size:35px;}
.main-visual-slogan .p_1 span{display:block;position:relative;}
.main-visual-slogan .p_1 i{display:block;font-size:45px;font-family:'Noto Medium';}
.main-visual-slogan p:before{content:"";display:block;width:calc(100% + 1000px);height:100%;background-color:rgba( 0,0,0,0.7 );position:absolute;left:-1000px;top:0;}
@media all and (max-width:1400px){
  .main-visual-slogan{max-width:96%;}
}
@media all and (max-width:1024px){
  .main-visual-slogan{margin-top:200px;text-align:center;}
  .main-visual-slogan .p_1{font-size:25px;}
  .main-visual-slogan .p_1 i{font-size:35px;}
  .main-visual-slogan p:before{display:none;}
  .main-visual-slogan p{padding:0;text-shadow:0 0 3px #222;}
}
@media all and (max-width:768px){
  .main-visual-slogan .p_1{font-size:20px;}
  .main-visual-slogan .p_1 i{font-size:30px;}
}

/*컨텐츠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{display:table;width:100%;height:100%;position:relative;}
.goto a{display:table-cell;vertical-align:middle;width:50%;background-size:cover !important;text-align:center;color:#FFF;font-size:30px;position:relative;line-height:1.3;}
.goto a.a_1{background:url(/images/professor_templet_04/main/templet_type4_bg1.jpg) no-repeat center;}
.goto a.a_2{background:url(/images/professor_templet_04/main/templet_type4_bg2.jpg) no-repeat center;}
.goto a:before{content:"";display:none;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba( 31,72,171,0.7 );}
.goto a:hover:before{display:block;}
.goto a span{position:relative;}
.goto a span:after{content:"view more";display:block;width:100px;border:1px solid #FFF;padding:10px 0;margin:20px auto;font-size:12px;}
@media all and (max-width:1024px){
  .goto a{font-size:25px;}
}
@media all and (max-width:768px){
  .goto a{padding-top:30px;font-size:20px;}
}
@media all and (max-width:380px){
  .goto{display:block;}
  .goto a{display:block;width:100%;padding:30px 10px;}
  .goto a span:after{display:none;}
}


/*변경 전 템플릿*/
/*비주얼
#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:84px;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;}
}
*/

