@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

        .info-box{
            padding: 10px;
            border-top: 2px dashed #eee;
            font-size: 1.2em;
            display: flex;
            gap: 10px;
        }
        .info-box:first-child{   
            margin-top: 10px;
        }
        .info-box:last-child{   
            border-bottom: 2px dashed #eee;
        }
        .one{
            flex-direction: column;
            margin-top: 10px;
        }
        .two{
            flex-direction: row;
        }
        .flex-box{
            display: flex;
        }
        a {
            text-decoration: none; /* 링크의 밑줄 제거 */
            color: inherit; /* 부모 요소의 색상을 상속받음 */
        }
        .logo_kakao{
            width: 30px;
        }
        .logo_naver{
            width: 30px;
        }
        #kakao{
            background-color: #FAE100;
            width: 50%;
            border-radius: 10px;
            justify-content: center;
        }
        #naver{
            background-color: #00BF18;
            width: 50%;
            border-radius: 10px;
            justify-content: center;
            color: #FFFFFF;
        }
        #map-direct{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 10px;
            padding: 10px 25px 10px 10px;
            font-size: 18px;
            font-weight: 700;
        }
        #address:first-child, #phone:first-child{
            margin-right: 20px;
        }
        #address:nth-child(2), #phone:nth-child(2){
            color: #777777;
        }
        @media (max-width: 600px) {
            .info-box{
                font-size: 1.0em;
            }
            .flex-box{
            display: flex;
            flex-direction: column;
            }
            #map-direct{
            flex-direction: column;
            padding: 10px;
            font-size: 16px;
        }
        }



  .info-window {
    padding: 10px;
    font-size: 13px;
    color: #333;
    line-height: 1.6;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: left;
  }

  .info-window .info-title {
    font-weight: bold;
    font-size: 18px;
    color: var(--color-main);
    margin-bottom: 4px;
  }

  .info-window .info-address {
    font-size: 13px;
    color: #555;
  }

  .info-window .info-close {
    position: absolute;
    top: 4px;
    right: 6px;
    font-size: 13px;
    color: #999;
    cursor: pointer;
  }

  .info-actions{
    display: flex;
    text-align: center;
    gap: 5px;
    margin-top: 5px;
  }

  /* 카카오 지도 인포윈도우 삼각형 꼬리 위치 조정 */
div[style*="triangle.png"] {
    top: calc(100% - 1px) !important; /* 기본보다 6px 위로 조정하는 예시 */
}

.info-window{
  position: relative;
}

.info-window .iw-close{
  position: absolute;
  top: 8px;
  right: 8px;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: rgba(0,0,0,.08);
  cursor: pointer;
  font-size: 18px;
  line-height: 28px;
}
.info-window .iw-close:hover{
  background: rgba(0,0,0,.15);
}

.map_button{
    justify-content: center;
    align-items: center;
    height: 40px;
}