@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

body,
table,
div,
p,
a,
dd,
ul,
li,
table,
th,
td,
input {
  font-family: "Nanum Gothic";
}

#main_professor_list {
  position: absolute;
  top: 28%;
  right: 80%;
  width: 20%;
  height: 30%;
}

#HonestPass_01_YT {
  background: #0f0f0f;
  padding-top: 0px;
  padding-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#HonestPass_01_YT > .content > .stepYT_text {
  padding-top: 56px;text-align: center;
}
#HonestPass_01_YT > .content > .YT_video {
  width: 1400px;
  padding-top: 36px;
  padding-bottom: 36px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

#HonestPass_01_YT > .content > .YT_video > div {
  width: auto;
  min-height: 333px;
  position: relative;
  display: inline-flex;
  gap: 16px;
}

#HonestPass_01_YT > .content > .YT_video > div > .youtube_wrapper {
  width: 592px;
  height: auto; /* 높이를 자동으로 조절하여 문구가 들어갈 공간을 확보합니다. */
  margin: 0 auto;
  background-color: #0f0f0f;
  display: flex;
  flex-direction: column; /* 내부 요소(영상, 문구)를 세로로 정렬합니다. */
  align-items: center;
  position: relative;
  z-index: 2;
}

#HonestPass_03 {
  position: relative;

  #HonestPass_03_YT {
    position: absolute;
    width: 40%;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
  }
}

#HonestPass_04 {
  position: relative;

  #HonestPass_04_YT {
    position: absolute;
    width: 40%;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
  }
}

#HonestPass_05 {
  position: relative;

  #HonestPass_05_YT {
    position: absolute;
    width: 40%;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
  }
}