@charset "utf-8";
.visit_intro {
    padding: 2rem;
    background-color: #f7f7f6;
    border-radius: 1rem;
    text-align: center;
    margin-top: 6rem;
}
.visit_intro p {
    font-size: 20px;
    word-break: keep-all;
}
.visit_info {
    margin: 6rem 0;
}
.visit_info ul {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 2rem;
    /* border: 1px solid #ddd; */
}
.visit_info li {
    width: 33%;
    border: 1px solid #ddd;
    padding: 2rem 1rem;
    border-radius: 1rem;
    text-align: center;
}
.visit_info li strong {
    display: block;
    1:
    rem;
    margin-bottom: 1rem;
    color: var(--color-main);
}
.visit_info li p {
    letter-spacing: -.5px;
    font-size: 17px;
    word-break: keep-all;
}
.visit_inquiry {margin-bottom: 6rem;}
.visit_inquiry .dl_inner {
    padding: 2rem;
    border: 1px solid #ddd;
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 0;
}
.visit_inquiry dl {
    display: flex;
    width: 50%;
}
.visit_inquiry dt {
    background-color: #eef7f5;
    width: 30%;
    color: var(--color-main);
    padding: 1rem;
    text-align: center;
    border-radius: 2rem;
}
.visit_inquiry dd {
    width: 70%;
    padding: 1rem;
    padding-left: 2rem;
}

/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1500px)  {
   .visit_info ul {gap:1rem}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) {
    .visit_intro {margin-top: 4rem;}
    .visit_info ul {flex-wrap:wrap;gap: 1rem;justify-content: center;}
    .visit_info li {width:31%}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .visit_intro {padding:1.5rem}
    .visit_intro p {font-size: clamp(1rem, 5vw, 1.2rem);}
    .visit_info {margin:4rem 0}
    .visit_info li {width:100%;padding: 1rem;}
    .visit_info li strong {margin-bottom:.5rem; font-size: clamp(.95rem, 4.8vw, 1.1rem)}
    .visit_info li p {font-size: clamp(.9rem, 4.5vw, 1rem)}
    .visit_inquiry .dl_inner {padding:1rem}
    .visit_inquiry dl {width:100%}
    .visit_inquiry dd, .visit_inquiry dt {padding:.5rem 1rem; font-size: clamp(.9rem, 4.5vw, 1rem)}
}