@media screen and (max-width: 1280px) {
    
  #header .header-content {
    width: 90%; }
  
  .banner-text {padding-top: 50%; }

}


@media screen and (max-width: 1024px) {
    
  #header .header-content {
    width: 97%; }
  
  .banner-text {padding-top: 35%; }

    


}

@media screen and (max-width: 768px) {
 
  .banner-text {padding-top: 30%; }
    
  .nav-toggle {
    display: block; }

  .navigation {
    position: fixed;
    background-color: #ffffff;
    width: 70%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99999;
    visibility: hidden;
    opacity: 1;
    box-shadow:rgba(0,0,0,0.1) -10px 0px 30px;
    }
 
    .navigation .primary-nav {
      position: relative;
      top: 45%;
      -moz-transform: translateY(-45%);
      -ms-transform: translateY(-45%);
      -webkit-transform: translateY(-45%);
      transform: translateY(-45%); }
    .navigation li {
      display: block;
       }

    .navigation a {
      width:100%;
      height:80px;
      display: block;
      text-align: left;
      font-size: 20px;
      color:#000000;
      padding: 26px 0px 0px 40px;
      text-align: left;
      border-bottom: 1px solid #cccccd;}
    
    
   .banner-text h1 {
      font-size: 36px; }
       .banner-text h2 {
      font-size: 55px; }
    
    .banner-text {padding-top: 25%; }

.banner {
  
  background-image: url(../images/banner_02m.png);   
  background-position: bottom;
  background-repeat: no-repeat;
  background-size:100%;
  min-height: 800px;

}    
    
    .register_button_top  {
	display: block;
    background-color:#ffbb00;
    margin:40px;
    padding-top:22px; 
    width:250px;
    height:70px;
	text-decoration: none;
	text-align: center;
	color:#ffffff;
	font-family:Noto Sans KR;
	font-weight:400;
	font-size:22px;
	line-height:100%;
	vertical-align:middle;    
	border-radius:50px;
    border:0px;    
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.register_button_top:hover  {
    cursor:pointer;
    background-color:#dd9000;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;  
}
    
    h5 {font-size:24px;font-weight: 600;}
    p {font-size:18px;}
    ul li {font-size:18px; }    

    .table_sub_title {font-size:22px;}
    .table_sub_sub_title  {font-size:22px;}
    .features_text {font-size:20px;font-weight: 400;}
    .table_text {font-size:20px;font-weight: 400;}
    .table_sub_title1 {font-size:22px;font-weight: 600;} 
    .table_sub_title2 {font-size:22px;font-weight: 600;} 
    .table_sub_title3 {font-size:22px;font-weight: 600;}     
    .session_title_sub {font-size:34px;} 
    
.summary_sub_title {
  font-size: 28px;
}

    
.summary_subject {
  font-size: 18px;
  color: #9090a0;
  font-weight: 400;
  line-height:100%;
}

.summary_data {
  font-size: 18px;
  color: #404050;
  font-weight: 400;
  line-height:150%; }
    
    
.pm-staff-profile-image{
  width: 30%;
  height: 30%;
  background-color: #ffffff;
  border-radius: 50%;
  display: table-cell;
  text-align: center;
}    
    
}

@media screen and (max-width: 640px) {

  .banner-text {
   padding-top: 25%; }
    
}    


@media screen and (max-width: 480px) {
  .banner-text {
    padding-top: 30%; }
  }

@media screen and (max-width: 320px) {
  .banner-text {
    padding-top: 30%; }

 }