/* 모바일 코딩  */

/*메인페이지-디자인*/
#wrap_head{display: flex;  justify-content: space-between;padding:0 10px;} 
.naver_search{padding:25px 0 0 0}
.main_txt{padding:10px; line-height: 150%; color:  #8F8F8F}
.wellcome_txt{color: #FF161A; font-weight: bold; font-size: 16px; padding: 0 0 10px 0}
.main_txt span{font-weight: bold; color: #000000#767676}
.banner_01{padding: 20px 10px}

/*당구장소개-디자인*/
.info-txt-01{padding:10px 0}
.info-txt-01  span{color:blue}

gallery-01{}

/*오시는길-디자인*/
.map-txt-01{padding:10px 0}
.map-txt-01  span{color:blue}
.iframe-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* 원하는 가로:세로 비율에 따른 padding-top 값 설정 */
    /* 예: 16:9 비율 (9 / 16 * 100 = 56.25%) */
    padding-top: 80%;
    /* 예: 4:3 비율 (3 / 4 * 100 = 75%) */
    /* padding-top: 75%; */
    /* 예: 1:1 비율 (1 / 1 * 100 = 100%) */
    /* padding-top: 100%; */
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/*당구장새소식-디자인*/
.gallery-01{}


/*사이트맵-디자인*/
.sitemap-01 { padding:20px 0;
  display: flex;
  flex-wrap: wrap; /* 박스들이 다음 줄로 넘어가도록 허용합니다. */
  gap: 20px; /* 박스들 사이의 가로 및 세로 여백을 20px로 설정합니다. */
  /* 만약 가로/세로 여백을 다르게 하고 싶다면:
  row-gap: 20px;
  column-gap: 20px;
  */
}

.sitemap-01 div {
  /* 3열로 배치하기 위한 너비 계산 (총 너비의 1/3에서 여백을 뺀 값) */
  flex: 0 0 calc((100% / 3) - (20px * 2 / 3)); /* 20px는 위에서 설정한 gap 크기입니다. */
  padding: 10px;
  background-color: #C4DBFF;
  box-sizing: border-box; /* 패딩과 테두리가 너비에 포함되도록 설정합니다. */
 text-align: center;}


/*상단메뉴 선택시 검정색*/
.main_menu li a:hover, .main_menu li a.active {color:#fff;background-position:left top;background-repeat:repeat-x;background-color:#000}

/*상단메뉴 꾸미기 */

#wrap_head{background-color: #F4F4F4}
.logo_img{padding:12px 0 0 0}
.naver_search{margin: 0 0 3px 0}