@charset "utf-8";
/* #content */
.img_box img{width: 100%; }

.section_map .inner{padding:0 14.7%}
.container{padding: 160px 0 0;position: relative;}
.container::before{content:'';padding-top:260px;background: url(../images/img_momo_txt.png) no-repeat top center;position: absolute;top: 10px;left: 14.7%;width: 40%;background-size: contain;}
.info_section{position: relative;}
.info_section .inner{padding: 0 14.7%;}
.info_section .title_box{text-align: center}
.info_section .title_box .title_label{font-size: 40px;font-weight: 600; background: var(--man-color-02);color: #fff; padding:12px 52px;border-radius: 60px;display: inline-block;}
.info_section .btn_link{border:1px solid #D0D5DD;padding: 2px 12px;color: #1B2332;font-size: 14px;display: inline-flex;align-items: center;justify-content:center;gap: 16px;}
.info_section .btn_link span{display: inline-block; width: 18px; height: 18px;background:url(../images/icon_youtube.svg)no-repeat center; background-size: contain;}
.info_section .map_link_box{display: flex;justify-content: space-around;align-items: center;gap:8px;padding: 50px 0 80px;}
.info_section .btn_map_link{border: 1px solid #D0D5DD;padding: 10px 0;color: #1B2332;font-size: 20px;font-weight: 600;display: flex;align-items: center;justify-content:center;gap: 9px;width: 300px;}
.info_section .btn_map_link span{display: inline-block; width: 20px; height: 20px;background-size: contain;background-repeat: no-repeat; background-position: center;}
.info_section .btn_map_link:nth-of-type(1) span{background-image: url(../images/icon_naver.svg);}
.info_section .btn_map_link:nth-of-type(2) span{background-image: url(../images/icon_mark_blue.svg);}
.info_section .btn_map_link:nth-of-type(3) span{background-image: url(../images/icon_mark_red.svg);}
.info_section .blue{color: var(--man-color-02);}
.info_section .green{color: #57AE0B;}
.info_section .red{color: #EA1B1B;}
.info_section .yellow{color: #F39F02;}
.info_section .content_box{margin-top: 60px;display: flex;flex-direction: column;align-items: center;gap: 24px;}
.info_section .text_box{display: flex;justify-content: flex-start;align-items: baseline;width: 100%;max-width: 780px;gap: 24px;}
.info_section .title_text{font-size: 30px;font-weight:700; color: var(--man-color-02);  width: 120px;flex-shrink: 0;}
.info_section .desc_text{font-size: 25px;line-height: 1.6;flex: 1;text-align: left;}
.info_hospital address{font-size: 30px;line-height: 1.2;}
.info_section .main_text{font-size: 30px;line-height: 1.4;}
.info_section .sub_text{font-size: 15px;color: #616161;}
.info_section .tel{font-size: 30px;font-weight: 700;}
.schedule_time dl,.info_bus dl{display: flex; justify-content: flex-start; align-items: flex-start; gap:12px;}
.schedule_time dt,.info_bus dt{width: 92px;}
.info_bus dd{font-weight: 600;max-width: 500px;width: 80%;}
.info_bus .btn_link{margin-left: 20px;}
.info_transport, .info_car{margin-top:100px;}
.info_car .title_text{font-size: 20px; color: #fff; font-weight: 700; background:#0D1D3D; padding: 4px; text-align: center;}
.info_car .title_box .sub_text{margin-top:20px;}
.info_bus address{font-weight: 600;font-size: 20px;}

/* PC (해상도 1450px ~ 1800px) */
@media screen and (max-width:1800px) {
}

/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    .container::before{left: 3%;width: 50%;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {

}

/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {


    /* content */
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    .container{padding: 80px 0 0;}
    .container::before{left:auto;right: 3%;width: 70%;top: 20px;}
    /* content */
    .section_map .inner{padding:0;}
    .info_section .inner{padding: 0 ;}
    .info_transport, .info_car{margin-top:80px;}

    .info_section .title_box .title_label{font-size: 32px;}
    .info_section .content_box{margin-top: 32px;}
    .info_section .content_box .text_box{padding: 0 5%;}
    .info_section .title_text{font-size: 24px;width: 120px;}
    .info_section .desc_text{font-size: 20px;}
    .info_hospital address,.info_section .main_text{font-size:24px;}
    .info_car .title_box .sub_text{padding-left:5%;}
    .info_section .map_link_box{justify-content:space-between;width: 100%;padding: 50px 5% 80px;}
    .info_section .btn_map_link{flex: 1;font-size: 18px;}

}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:767px) {
    .wrap { min-width: 375px; }

    /* content */
    .info_section .title_box{text-align: left;}
    .info_section .title_box .title_label{font-size: 22px;padding:8px 36px 8px 32px;border-radius: 0 60px 60px 0;}

    .info_section .content_box{margin-top: 24px;gap: 16px;}
    .info_section .title_text{font-size: 14px;width: 60px;}
    .info_section .desc_text{font-size: 14px;}
    .info_section .tel{font-size:16px;}
    .info_hospital address,.info_section .main_text{font-size:16px;}
    .info_section .btn_link{font-size: 12px;gap: 8px}
    .info_section .btn_link span{width: 12px; height: 12px;}
    .schedule_time dt,.info_bus dt{width: 52px;}
    .info_section .map_link_box{flex-direction:column;gap:8px;width: 100%;padding: 32px 5% 60px;}
    .info_section .btn_map_link{font-size: 16px;width: 100%;max-width:360px}
    .info_section .btn_map_link span{width:15px; height: 15px;}
    .info_section .text_box{/* flex-direction:column; */gap: 8px;}
    .info_car .title_text{font-size:13px;width: auto;padding: 4px 8px;}
    .info_bus address{font-size: 14px;}

    .info_section .sub_text{font-size: 12px;}
}