@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{width:110px;height:110px;position:absolute;right:2%;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;}
}


/*메인 수정용 추가(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:#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 (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;}
}

/*푸터 링크정보 */
.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%;}