/*SECTION 1*/
.cont_15{
 margin-top: 600px;
 padding-left: 5%;
 padding-right: 5%;
}


.cont_15 p{
  font-family:pretendard, sans-serif;
  font-weight: 400;
  font-size: 24px;
}

.intro-box{
  width:30vw;
  min-width: 210px;
  height:fit-content;
  background:#ffffff;
  border-radius: 20px;
  color:black;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 24px;
}
.intro-box img{
  width: 20px;
  margin-bottom: 10px;
}

.note{
  margin-top: 20px;
  margin-left: 250px;
  text-align: left;
}
.note2{
  margin-top: 20px;
  margin-left: 70px;
  text-align: left;
  font-size: 20px;
}
.bullet{
  font-size: 30px;
  font-weight: 800;
}

.sect2{
 width: 75vw;
padding-top:100px;
margin-bottom: 50px;
margin-left: 7.5%;
text-align: left;
}

@media (max-width: 576px){
  .note2{
  margin-left: 0;
}
}





.hero_15{
  color: white;
  text-align:center;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
  url('/fnc_images/fml_sub/fml15.png') center/cover no-repeat fixed;
}

.event-sched2{
 text-align:left;
}
.sched.title{
  display: flex;
  gap: 10px;
}
/*.event-sched img{
  max-width:40px;
}*/

.event-sched2 .text{
 display: flex;
 flex-direction: column;
}
.sched-details2{
  margin-left:70px;
  display: flex;
  /*gap: 20px;*/
  flex-wrap: wrap;
  justify-content: space-between;
}

/*장소*/
/* CSS로 전체 맵의 최대 너비와 모바일 여백 제어 */
.map {
  width: 100%;
  max-width: 1000px; /* 데스크톱 최대 크기 고정 */
  margin-left:50px;    /* 중앙 정렬 */
  padding: 0 20px;   /* 모바일 화면 좌우 여백 (선택 사항) */
  box-sizing: border-box;
}

/* KakaoMap 내부 레이아웃이 100% 가로축을 완전히 채우도록 강제 설정 */
.root_daum_roughmap {
  width: 100% !important;
}
.root_daum_roughmap .wrap_map {
  width: 100% !important;
}

/* 모바일 모드 진입 시 지도 높이가 너무 답답해 보인다면 높이 조절 (선택 사항) */
@media screen and (max-width: 768px) {
  .map {
    padding:0; /* 모바일 전용 여백 */
    margin-left: 0;
  }
  /* 필요에 따라 모바일에서 지도 높이를 줄이고 싶다면 아래 주석을 해제하세요 
  .root_daum_roughmap .wrap_map {
    height: 300px !important;
  }
  */
}

/* Hide Kakao's automatically injected address and phone number text */
.root_daum_roughmap .wrap_controllers {
  display: none !important;
}

/* Optional: Clean up the bottom border spacing left behind after hiding the text */
.root_daum_roughmap {
  border: none !important;
}
.root_daum_roughmap .wrap_map {
  border-bottom: none !important;
}
.root_daum_roughmap .cont .section_address {
  display: none;
}

/*운영방식*/
.method-sect{
  display:flex;
  justify-content: center;
  align-content: center;
  padding-bottom: 50px;
  padding-top: 20px;
  width: 100%;
}
.method-box{
  height: fit-content;
  width: 80vw;
  border-radius:20px; 
  background:#D4EEFF;
  padding: 50px;
  min-width: 280px;
}

.method-box .items{
  display: flex;
  align-items: center;
  gap:7%;
  flex-direction:row;
  flex-wrap: wrap;
  margin-top: 30px;
}

.method-box img{
  padding-bottom: 20px;
}
.method-box .arrow{
  transition: transform 0.3s ease;
  width:60px;
}
.method-box h3{
  text-align: center;
}


/*섹션 2*/
.sect2_15{
  padding-top:50px;
  padding-bottom: 50px;
  align-items: center;
  color: white;
  text-align:center;
  width: 100vw;
  height: auto;
  min-height: fit-content;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)),
              url('/fnc_images/fml_sub/fml15.png') center/cover no-repeat fixed;
}

/*규정 안내*/
.sect2_15 table{
  height: 420px;
  width: 70vw;
  border-radius: 20px;
  background: #FCFEFF;
  margin-top: 50px;
  margin-left: 70px;
  fill-opacity: 30%;
  color: black;
}


.sect2_15 table tr{
  border-bottom: solid 1px black;
}

.sect2_15 table tr th{
  padding-left: 50px;
  color:#007BDC;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
}

.sect2_15 table tr td{
  text-align: center;
  font-size: 18px;
}

.sect2_15 .last{
  padding-right: 50px;
}

.sect2_15 .note{
  margin-top: 20px;
  margin-left: 70px;
  text-align: left;
}

.req-sect{
  width: 75vw;
  padding-bottom: 100px;
}
.req-dets{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.reqs{
  display: flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  text-align: center;
  line-height: normal;
  padding:20px;
}
.reqs img{
  width: 100px;
}
.reqs h2{
  font-size: 20px;
  width: 190px;
}
@media(max-width:726px){
  .req-dets{align-items: center;justify-content:center;}
.reqs{margin-bottom: 10px;}
}

@media(max-width:726px) and (min-width:576px){
  .sect2_15 table tr th{padding-left: 5%;}
}

@media (max-width:576px) {
  .cont_15{margin-top:250px;font-size:36px;}
  .req-dets{margin-left:0;}
  .sect2_15 table{margin-left:7.5%;}
  .sect2_15 table tr th{padding-left: 7.5%; }
  .sect2_15 .note{margin-top: 20px; margin-left: 7.5%; text-align: left;}
}



.hero_vlf{
  color: white;
  text-align:center;
  background: url('/fnc_images/fml_sub/fml-vlf.png') center/cover no-repeat fixed;
}

.sect2_vlf{
  padding-bottom: 50px;
  align-items: center;
  color: rgb(0, 0, 0);
  text-align:center;
  height: fit-content;
}



.vlf-method{
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 padding-left: 70px;;
 color: black;
 padding-bottom: 100px;
 justify-content: space-between;
}
.vlf-method li{
 padding-right: 70px;
 height: fit-content;
 margin-top: 20px;
 margin-bottom: 30px;
}
.vlf-method li .title{display: flex;gap: 10px;}
.vlf-method li .title img{width: 33px; height:33px;}
.vlf-method h2{font-size:28px; font-weight:600; color: #03355B;}

.vlf-method p{margin-top: 10px;}

.vlf-method .bullet{font-size: 24px; font-weight: 800;}

.hero_vlf{
  padding-bottom: 50px;
  align-items: center;
  color: white;
  text-align:center;
  width: 100vw;
  height: fit-content;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)),
              url('/fnc_images/fml_sub/fml-vlf.png') center/cover no-repeat fixed;
}

.vlf-method .photo{margin-top: 20px;margin-bottom: 30px;}

.sect3_vlf{
  padding-top:50px;
  padding-bottom: 50px;
  align-items: center;
  color: white;
  text-align:center;
  width: 100vw;
  height: auto;
  min-height: fit-content;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)),
              url('/fnc_images/fml_sub/fml-vlf.png') center/cover no-repeat fixed;
}



@media (max-width: 768px){
.method-box h1{text-align: center;}
.sched-details2{margin-left:0;}
.method-box .items{flex-direction: column;}
.method-box .arrow{transform: rotate(90deg); padding-bottom:10px; padding-top:10px; width:40px;}

.vlf-method{padding-left: 0;}
.vlf-method .photo{width:400px;}

.sect2_15 table{margin-left: 0;}
.sect2_15 .note{margin-left: 0;}

.note2{margin-left:0; font-size: 16px;}

}

@media (max-width:576px) {
.vlf-method{padding-left: 0;}
.vlf-method .photo{width:400px;}

.method-sect{width: auto;}

.sect2_15 table tr th{font-size:16px; font-weight: 600;}
.sect2_15 table tr td{font-size:16px;}

.vlf-method li .title{gap: 10px;}
.vlf-method li .title img{width:25px; height: 25px;}
.vlf-method h2{font-size: 16px; font-weight:600;}
.vlf-method .photo{width: 300px;}
}