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


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

.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:left;  padding-top:15%;}
.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:0px;bottom:40px;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: 2% 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; top:20px;}
  .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;}
}

/*강의위젯추가(20211102)*/
.lecture {width:100%; height:260px; background-color:rgba(1,173,197,.85);}
.lecture h2 {margin:0; color:#fff; padding:25px; padding-bottom:10px;}
.lecture h2 small {color:rgba(255,255,255,.5); font-size:20px; padding-left:10px;}
.lecture p {color:rgba(255,255,255,.8); font-size:16px; padding:0 30px;}
.lecture .row {margin:25px 20px 0 20px;}
.lecture dl {padding:0 2px;}
.lecture dl:nth-child(1) dd {border-right:1px solid rgba(255,255,255,.3);}
.lecture dt {width:100%; background-color:rgba(255,255,255,.6); color:rgba(1,173,197,1); text-align:center; height:20px; line-height:20px;}
.lecture dd {margin-top:5px; text-align:center;}
.lecture .row a {color:#fff; display:block; background:no-repeat center top; padding-top:60px; opacity:.8; background-size:80px; font-size:14px;}
.lecture .row a:hover {opacity:1; font-weight:bold;}
.lecture dd.icon4 a {background-image:url('/sites/jgshon/images/lecture_icon3.png');}
.lecture ul {overflow:hidden; margin-top:0px;}
.lecture ul li {border-left:1px solid rgba(255,255,255,.3); padding:0; text-align:center;}
.lecture ul li:first-child {border-left:0;}
.lecture ul li.icon1 a {background-image:url('/sites/jgshon/images/lecture_icon1.png');}
.lecture ul li.icon2 a {background-image:url('/sites/jgshon/images/lecture_icon4.png');}
.lecture ul li.icon3 a {background-image:url('/sites/jgshon/images/lecture_icon2.png');}
.col-xs-3, .col-xs-4, .col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-3, .col-xs-4, .col-xs-9{float:left;}
.col-xs-9{width:75%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3 {width: 25%;}
.row:before { display: table;  content: " ";}
.row:after { clear: both;}
@media (max-width: 1199px) {
	.lecture .row a {background-size:47px; padding-top:60px;}
}
@media (max-width: 991px) {
	.lecture .row a {background-size:73px; padding-top:60px;}
}

.quick-link  {width:100%; height:260px; background-color:rgba(18,134,173,.85);}
.quick-link li {background:url('/sites/jgshon/images/intro_bg.png') no-repeat 90% center; border-top:1px solid rgba(255,255,255,.6); height:87px;}
.quick-link li:first-child {border-top:0;}
.quick-link span {display:block; width:100px; padding-left:20px; color:rgba(255,255,255,.8); padding-top:54px;}
.quick-link .icon1 {background:url('/sites/jgshon/images/quick_icon1.png') no-repeat center 10px;}
.quick-link .icon2 {background:url('/sites/jgshon/images/quick_icon2.png') no-repeat center 10px;}
.quick-link .icon3 {background:url('/sites/jgshon/images/quick_icon3.png') no-repeat center 10px;}
.quick-link li:hover {background:rgba(255,255,255,.8) url('/sites/jgshon/images/quick_arrow_ov.png') no-repeat 90% center;}
.quick-link li:hover span {color:rgba(18,134,173,1);}
.quick-link li:hover .icon1 {background:url('/sites/jgshon/images/quick_icon1_ov.png') no-repeat center 10px;}
.quick-link li:hover .icon2 {background:url('/sites/jgshon/images/quick_icon2_ov.png') no-repeat center 10px;}
.quick-link li:hover .icon3 {background:url('/sites/jgshon/images/quick_icon3_ov.png') no-repeat center 10px;}

@media (max-width: 767px) {
	.quick-link {overflow:hidden; height:90px;}
	.quick-link li {float:left; width:33.333333%; border-top:none; border-left:1px solid rgba(255,255,255,.2);}
	.quick-link li:first-child {border-left:none;}
	
}
@media (max-width: 500px) {
	.quick-link li {background-image:none;}
	.quick-link span {width:100%; text-align:center; padding-left:0;}
}