* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
}
li { list-style: none; }

a {  text-decoration:none; }
body {
  font-family: "Chiron Hei HK", sans-serif;
  /* fonot-weight: 500; */
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #0d8c91 !important; border:0 !important;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'JalnanGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.main_banner{ background-color: #e6f5f7; height: 250px; }
.main_banner .image1 img { width: 400px; }
.main_banner .image2 img { width: 600px; }
.main_banner .image2_python img { width: 480px }
.main_banner .image1 { float: left;  margin: 60px 0 0 60px; }
.main_banner .image2 { float: right; margin: 40px 60px 0 0; }
.header {
  position: sticky;
  top: 0;
  width: 100%;
  box-shadow: 0 4px 20px hsla(207, 24%, 35%, 0.1);
  background-color: #01acc0;
  z-index: 1;
}
header.pepq2 { background-color:#b33791; }
header.python { background-color:#748873; }
.logo img { width: 270px; }
.logo a:link,
.logo a:visited,
.logo a:active {
  text-decoration: none;
  font-size : 1.8rem;
  color:white;
  font-weight: bold;
  font-family:"Nanum Gothic";
}
.logo span { color: pink;  }
nav.main_menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px;
}
.menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu a {
  display: block;
  padding: 10px 15px 0 0;
  font-size: 1.3rem;
  font-weight: 500;
  transition: 0.2s all ease-in-out;
  color: #fff;
  text-decoration: none;
}
.menu:hover a { opacity: 0.4; }
.menu a:hover { opacity: 1; color: pink; }
.menu-icon { display: none; }
#menu-toggle { display: none; }
#menu-toggle:checked ~ .menu {
  transform: scale(1, 1);
}
.curri tbody td:nth-child(4) {  padding-top: 10px; }
@media only screen and (max-width: 1400px) {
  .main_banner {  height: 220px;  }
  .main_banner .image1 img {  width: 300px;  }
  .main_banner .image2 img {  width: 390px;  }
  .main_banner .image1 {  margin: 60px 0 0 50px;  }
  .main_banner .image2 {  margin: 40px 30px 0 0;  }
}

@media only screen and (max-width: 950px) {
  .main_banner{ height: 200px; }
  .main_banner .image1 img { width: 240px; }
  .main_banner .image2 img { width: 350px; }
  .main_banner .image1 { margin: 50px 0 0 60px; }
  .main_banner .image2 { margin: 40px 100px 0 0; }
  .main_menu .pepq2 {  background-color:#b33791; }
  .main_menu .python {  background-color:#748873; }
  .menu {
    flex-direction: column;
    /*background-color: #151418;*/
    background-color: #01acc0;
    padding-top: 20px;
    align-items: start;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: scale(1, 0);
    transform-origin: top;
    transition: transform 0.3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  }
  .menu a {  margin-left: 12px; color: #fff; }
  .menu li {  margin-bottom: 10px;  }
  .menu-icon {
    display: block;
    color: #fff;
    font-size: 28px;
    cursor: pointer;
  }
}

@media screen and (max-width: 600px) {
    .logo img {  width: 190px;  }
    .logo {margin-top: -3px;}
    .curri tbody td:nth-child(4) {  padding-top: 20px; }
    /*.main_banner {  height: 100px;  }
    .main_banner .text { font-size: 1.8rem;  padding-top: 38px; }
    .main_banner .text span { display:none; }*/
  .main_banner { display: flex;}
  .main_banner{ height: 130px; }
  .main_banner .image1 { display:none; }
  .main_banner .image2 img { width: 330px; }
  .main_banner .image2 { justify-content:center; align-items: center;  }
}