@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; font-family:'Noto Medium';}
.main-visual-slogan .p_2{font-size:50px;}
@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:28px;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:74px;height:74px;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;}
}



/*메인 수정용 추가(20220408)*/

.goto-subject{background:#FFF;padding:25px;height:100%;box-sizing:border-box;overflow:hidden;}
.goto-subject h2{font-size:26px;font-family:'Noto Medium';line-height:1;padding-bottom:25px; /*text-align:center;*/}
.goto-subject p{font-size:16px;line-height:1.3;}
.goto-subject p span{display:block; /*text-align:center;*/}
.goto-sub2 {text-align:center;  padding-top:10%;}
.goto-subject a{display:inline-block;font-size:14px;padding:5px 0;width:120px;background:#DDD;border-radius:30px; text-align:center; }
.goto-subject .pic{position:absolute;right:30px;bottom:30px;overflow:hidden;}
.goto-subject img{width:100%;height:100%;border-radius:100%;}
  
@media only screen and  (max-width: 1520px) {
.goto-subject a {display: block;padding: 4% 0;width: 100%; margin: 2%; }
}

@media only screen and (min-width:1025px){
  .goto-subject a:hover{background:#52575c;color:#FFF;}
}

@media only screen and (max-width:1280px){
  .goto-subject p span{display:inline;}  
  .goto-subject .pic{width:80px;height:80px;}
  .goto-sub2 {text-align:left;  padding-top:0%;}
}
@media only screen and (max-width:768px){
  .goto-subject h2{font-size:20px;}
  .goto-subject p{padding-right:100px;}
  /*.goto-subject a{position:relative;left:auto;bottom:auto;margin-top:20px;}  */
}
@media only screen and (max-width:320px){
  .goto-subject p{padding-right:0;}
  .goto-subject .pic{display:none;}
}

/*메인 수정용 추가(20210908)*/

.goto-subject{background:#FFF;padding:25px;height:100%;box-sizing:border-box;overflow:hidden;}
.goto-subject h2{font-size:26px;font-family:'Noto Medium';line-height:1;padding-bottom:25px; /*text-align:center;*/}
.goto-subject p{font-size:16px;line-height:1.3;}
.goto-subject p span{display:block; /*text-align:center;*/}
.goto-sub2 {text-align:center;  padding-top:10%;}
.goto-subject a{display:inline-block;font-size:14px;padding:5px 0;width:120px;background:#005ead;border-radius:30px; text-align:center; color:#FFF;}
.goto-subject .pic{position:absolute;right:30px;bottom:30px;overflow:hidden;}
.goto-subject img{width:100%;height:100%;border-radius:100%;}
  
@media only screen and  (max-width: 1520px) {
.goto-subject a {display: block;padding: 4% 0;width: 100%; margin: 2%; }
}

@media only screen and (min-width:1025px){
  .goto-subject a:hover{background:#2872e1;color:#FFF;}
}

@media only screen and (max-width:1280px){
  .goto-subject p span{display:inline;}  
  .goto-subject .pic{width:80px;height:80px;}
  .goto-sub2 {text-align:left;  padding-top:0%;}
}
@media only screen and (max-width:768px){
  .goto-subject h2{font-size:20px;}
  .goto-subject p{padding-right:100px;}
  /*.goto-subject a{position:relative;left:auto;bottom:auto;margin-top:20px;}  */
}
@media only screen and (max-width:320px){
  .goto-subject p{padding-right:0;}
  .goto-subject .pic{display:none;}
}

/*푸터 링크정보20220408 */

.wrap-footer .box-bottom {display: table; width: 100%; border-bottom: 1px solid #5b606a;}
.wrap-footer .bottom-link {display: table-cell; vertical-align: middle;}
.wrap-footer .bottom-link ul {display: inline-block; width: 100%; vertical-align: middle;}
.wrap-footer .bottom-link li {position: relative; display: inline-block;}
.wrap-footer .bottom-link li a {display: block; position: relative; font-family: 'Noto Light'; font-size: 16px; color: #ccc; padding: 13px 15px 13px 15px;}
.wrap-footer .bottom-link li a:hover {color: #fff;}
.wrap-footer .bottom-link li a:after {content: ''; position: absolute; right: 0; top: 20px; width: 1px; height: 11px; border-right: 1px dotted #656a72;}
.wrap-footer .bottom-link li:last-child a:after {display: none;}
.wrap-footer .bottom-link li a span {position: relative;}
.wrap-footer .bottom-link li a span:after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: .4s}
.wrap-footer .bottom-link li a:hover span:after {width: 100%;}

@media all and (max-width: 1520px) {
  .wrap-footer .box-bottom {padding: 16px 0; border-bottom: 0}
  .wrap-footer .bottom-link li a {padding: 3px 15px 3px 15px;}
  .wrap-footer .bottom-link li a:after {top: 10px;}
  .wrap-footer .bottom-link {display: block; text-align: center;}
  .wrap-footer .bottom-link ul {width: auto; padding-bottom: 15px; text-align: center;}
  .wrap-footer .bottom-link li {padding-right: 0; margin-top: 3px; margin-bottom: 3px; }
  .wrap-footer .bottom-link li:after {display: none;}
}

.wrap-footer .box-footer .footer-link {font-size: 0; padding-bottom: 10px;}
.wrap-footer .box-footer .footer-link ul {display: inline-block; width: 100%; font-size: 0;}
.wrap-footer .box-footer .footer-link li  {position: relative; display: inline-block;}
.wrap-footer .box-footer .footer-link li a {position: relative; font-family: 'Noto Light'; font-size: 15px; color: #fff; padding:0 12px 0 3px;}
.wrap-footer .box-footer .footer-link li a:after {content: ''; position: absolute; right: 0; top: 12px; width: 2px; height: 2px; background: #fff; border-radius: 100%;}
.wrap-footer .box-footer .footer-link li:last-child a:after {display: none;}
.wrap-footer .box-footer .footer-link li a span {position: relative;}
.wrap-footer .box-footer .footer-link li a span:after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #fff; transition: .4s}
.wrap-footer .box-footer .footer-link li a:hover span:after {width: 100%;}