@import url("basic_css.css");

.wrapper {
  width: 100%;
  max-width: 400px; /* 또는 600px 등으로 제한 */
  margin: 0 auto;
  padding-top: 75px;
}

    .section {
      width: 100%;
      height: 667px; /* 필요 시 조정 가능 */
      background-size: cover;
      background-position: center;
      position: relative;
      background-repeat: no-repeat;
    }

.section1 .section-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  padding: 10px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.section3 .section-content span {
display: block;
margin-bottom: 5px;
} 
.section3 .section-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 15px;
  padding: 110px 35px 0px 35px;
}

.section3 .info-row {
  display: flex;
  align-items: flex-start;
}

.section3 .label {
  width: 100px;  /* 고정폭: 모든 제목 라벨 정렬됨 */
  font-weight: bold;
}

.section3 .label::before {
  content: "| ";
  color: #a87933;
  margin-right: 4px;
}

.section3 .value {
  flex: 1;
  font-size: 14px;
}

.apply-btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
  background-color: white;
  color: #1c7853;
  padding: 8px 25px;
  font-size: 14px;
  text-decoration: none;
  border-radius: 15px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  z-index: 10;
  font-weight: bold;
}

.schedule-image,
.prize-image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.schedule-image img,
.prize-image img {
  max-width: 90%;
  max-height: 80vh; /* 화면 높이 80% 이하로 */
  width: auto;
  height: auto;
  object-fit: contain; /* 비율 유지, 넘치면 축소 */
  display: block;
  margin-top: 100px;
}

   /*
*
* ==========================================
* PC, 노트북반응형은 안함
* ==========================================
*
*/

@media screen and (min-width:1025px){
    .section {
      height: 607px; /* 필요 시 조정 가능 */
    }

}

  /*
*
* ==========================================
* 모바일 360~767, 테블릿 768~1024
* ==========================================
*
*/
   
@media screen and (min-width:360px) and (max-width:1024px){

.wrapper {
  padding-top: 55px;
}


}