@charset "utf-8";
/* CSS Document */

#top{margin: 0 auto; width:928px; height:257px; border:1px solid #d2d2d2;}
#top #event{border-right:1px solid #d2d2d2; width:711px; float:left;}
#top #event .tab{width:713px;}
#top .right{ width:216px; float:left; color:#333}

#container .content .t_bn{
  width:100%;
  height:68px;
  background:url('//static-sdedu.akamaized.net/img1/_skin/tpl_skin/images/medicodi/main/event_bn.jpg') center no-repeat; 
}

#container .content .t_bn span{
  font-family:'noto5';
  font-size:15px;
  display: block;
  width:600px;
  height:26px;
  line-height:26px;
  margin:15px 0 0 300px;
  background:#f8f8f8;  
}

#main_contents{ width:930px;}
#main_contents #main_left{ width:217px; float:left;}
#main_contents #main_left #sel_lec{ float:left; margin-top:30px;}
#main_contents #main_left #sel_lec select{ width:217px;}
#main_contents #main_left #left_btm_banner{ margin-top:10px;}
#main_contents #main_left #left_btm_banner img{ margin-top:10px;}


#main_contents #main_left #left_btm_banner ul li {
	float:none;
  width:218px;
  height:60px;
  border:1px solid #999999;
  margin-bottom:11px;
}

#main_contents #main_left #left_btm_banner ul li a {
  display: block;
  width:100%;
  height:100%;
  padding:13px 15px;
  font-size:15px;
  font-family: 'noto5';
  color:#2479ab;  
  position:relative;
  box-sizing:border-box;
}

#main_contents #main_left #left_btm_banner ul li a span{
  display: block;
  font-size: 12px;
  font-family: 'noto3';
  color:#999999;
  margin-top:3px;  
}

#main_contents #main_left #left_btm_banner ul li a:after{
  position: absolute;
  width:15px;
  height:15px;
  display: block;
  border:1px solid #999;
  color:#999;
  content:'>';
  right:20px;
  top: calc(50% - 7.5px);
  text-align: center;
  line-height: 15px;
  
}
#main_contents #main_left #left_btm_banner ul li a:hover{
  text-decoration: none;
}
#main_contents #main_left #left_btm_banner ul li a:hover:after{
  background:#999999;
  color:#ffffff;
}

#main_contents #main_left #left_btm_banner ul li:last-child{
  margin-bottom:0;
}

#main_contents #main_middle{ width:434px; float:left; margin-left:30px;}

#main_contents #main_middle .review { float:left; margin:10px 0 0 4px; width:434px; height:110px; border:1px solid #d2d2d2; }

#main_contents #main_middle .review .title{ position:absolute; margin-left:-6px; margin-top:4px;  }
#main_contents #main_middle .review .more{ position:absolute; margin: 7px 0 0 372px;  }
#main_contents #main_middle .review .review_img { position:absolute;  margin:45px 0 0 16px; border:1px solid #b5c9ee; width:89px; height:54px; vertical-align:middle; text-align:center;  }
#main_contents #main_middle .review .review_img img{ margin-top:4px;}
#main_contents #main_middle .review .review_text { position:absolute; width:300px; margin:45px 0 0 120px; }
#main_contents #main_middle .review .review_text h3 a,a:visited { color:#4a97cd; font-size:12px; line-height:18px;  }

#main_contents #main_middle .review .review_text p a,a:visited { color:#7e7e7e; padding-top:3px;   }
#main_contents #main_middle #teacher_roll{ margin:10px 0 0 4px; float:left;}
#main_contents #main_middle #m_btm_banner{ margin:10px 0 0 4px; float:left;}


#main_contents #main_right{ width:218px; float:left; margin-left:29px;}
/**우측게시판*/
#main_contents #main_right  .r_notice{ float:left;  width:218px; height:139px;  }
#main_contents #main_right  .b_list{float:left; padding-left:20px; line-height:20px; margin-top:10px;  height:93px;}
#main_contents #main_right  .b_list img{ vertical-align:middle;}
#main_contents #main_right  .b_list ul li{text-align:left; width:220px;}
/**우측게시판*/
#main_contents #main_right #r_btm_banner,#r_btm_banner2{ margin-top:10px;}
#main_contents #main_right #r_btm_banner img{ margin-top:10px;}