.hospital__container .sub_title {font-size: var(--font38); font-weight: var(--semi); margin: 65px 0; text-align: center;}
.hospital__container .info_grey {font-size: var(--font20); color: var(--grey); font-weight: var(--medi); margin-bottom: 20px; line-height: 145%; letter-spacing: var(--letter1); word-break: keep-all;}
.hospital__contents_wrap {display: grid; grid-template-columns: repeat(2, 1fr);}
.hospital__search_container {background: var(--grey-bg); padding: 65px 60px; overflow: hidden; display: flex; flex-direction: column; row-gap: 80px;}
.hospital__search_container .hospital__search_wrap {position: relative;}
.hospital__search_container .hospital__search_wrap::after {content: ""; display: block; width: 100%; height: 1px; background: #e6e6e6; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 40px);}
.hospital__search_container .hospital__search_wrap .select_wrap {display: grid; /* grid-template-columns: 140px auto 150px; */ grid-template-columns: repeat(2, 1fr); column-gap: 5px; row-gap: 5px; margin-bottom: 18px;}
.hospital__search_container .hospital__search_wrap .search_wrap {display: grid; column-gap: 20px; grid-template-columns: auto 48px;}
.hospital__search_container .hospital__search_wrap .select_wrap select,
.hospital__search_container .hospital__search_wrap .search_wrap input {height: 48px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-color: #e6e6e6; font-size: inherit;}
.hospital__search_container .hospital__search_wrap .select_wrap select {padding: 0 45px 0 15px; border: 0;}
.hospital__search_container .hospital__search_wrap .search_wrap input {padding: 0 15px;}
.hospital__search_container .hospital__search_wrap .search_wrap #map_searchBtn {width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}
.hospital__search_list {overflow-y: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 20px; height: 635px;}
.hospital__search_list::-webkit-scrollbar{width: 7px;}
.hospital__search_list::-webkit-scrollbar-track {background-color:#f1f1f1;}
.hospital__search_list::-webkit-scrollbar-thumb {background-color:#ddd;}
.hospital__search_list::-webkit-scrollbar-thumb:hover {background: #ccc;}
.hospital__search_list::-webkit-scrollbar-button:start:decrement,
.hospital__search_list::-webkit-scrollbar-button:end:increment {width:3px;height:0px;background:transparent;} 
.hospital__search_result {background: var(--white); padding: 40px 40px 45px; border-radius: 7px;}
.hospital__search_result .title_wrap .title {font-size: var(--font26); font-weight: var(--semi);}
.hospital__search_result .title_wrap .address {font-size: var(--font20); color: var(--grey); margin: 1rem 0; word-break: keep-all; line-height: 135%;}
.hospital__search_result .other_wrap .tel_wrap {font-size: var(--font22); font-weight: var(--semi);}
.hospital__search_result .other_wrap .tel_wrap a {display: flex; align-items: center; column-gap: 8px;}
.hospital__map_container {background: #9ccbce;}

.overseas .nation_wrap {max-width: 1015px; margin: 0 auto; padding: 165px 100px 85px; position: relative; background: #f4f4f4; text-align: center;}
.overseas .nation_wrap::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 120px; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(transparent)); background: linear-gradient(to bottom, #fff, transparent); display: none;}
.overseas .nation_wrap .bold {font-size: var(--font38); line-height: 135%; font-weight: 700; margin-bottom: 50px;}
.overseas .nation_wrap .desc {font-size: var(--font20); line-height: 160%;}
.overseas .nation_wrap .desc p:not(:last-child) {margin-bottom: 20px;}
.overseas .nation_wrap img {margin-top: 140px;}





@media screen and (max-width: 1440px) {
    .hospital__search_container {padding: 50px 30px; row-gap: 70px;}
    .hospital__search_container .hospital__search_wrap::after {top: calc(100% + 35px);}
}

@media screen and (max-width: 1240px) {
    .hospital__search_container .hospital__search_wrap .select_wrap {grid-template-columns: 1fr; row-gap: 5px;}
}

@media screen and (max-width: 1024px) {
    .hospital__container .sub_title {font-size: var(--font34); margin: 50px 0;}
    .hospital__container .info_grey {font-size: var(--font17); margin-bottom: 30px;}

    .hospital__contents_wrap {display: flex; flex-direction: column-reverse; row-gap: 30px;}
    .hospital__search_list {height: auto; max-height: 550px;}
    .hospital__search_result {padding: 35px 35px 40px;}
    .hospital__search_result .title_wrap .title {font-size: var(--font24);}
    .hospital__search_result .title_wrap .address {font-size: var(--font18); margin: 12px 0;}
    .hospital__search_result .other_wrap .tel_wrap {font-size: var(--font20);}
    .hospital__map_container {height: 450px;}

    .overseas .nation_wrap {padding: 130px 100px 70px;}
    /* .overseas .nation_wrap::before {height: 5%;} */
    .overseas .nation_wrap img {margin-top: 16%;}

    .hospital__search_container .hospital__search_wrap .select_wrap {/* grid-template-columns: 140px auto 150px; */ grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 768px) {
    .hospital__container .sub_title {font-size: var(--font32); margin: 35px 0;}
    .hospital__container .info_grey {font-size: var(--font16); margin-bottom: 25px;}
    .hospital__search_list {max-height: 500px;}
    .hospital__search_result {padding: 30px 30px 35px;}
    .hospital__search_result .title_wrap .title {font-size: var(--font24);}
    .hospital__search_result .title_wrap .address {font-size: var(--font18); margin: 12px 0;}
    .hospital__search_result .other_wrap .tel_wrap {font-size: var(--font20);}
    
    .hospital__contents_wrap {row-gap: 25px;}
    .hospital__map_container {height: 350px;}

    .overseas .nation_wrap {padding: 100px 30px 60px;}
    .overseas .nation_wrap .desc {line-height: 150%;}
    /* .overseas .nation_wrap .desc br {display: none;} */
    .overseas .nation_wrap .bold {margin-bottom: 6%;}
    .overseas .nation_wrap img {margin-top: 13%;}

    .hospital__search_container .hospital__search_wrap .select_wrap select {background-size: 14px; background-position: center right 12px;}
}

@media screen and (max-width: 540px) {
    .hospital__container .sub_title {font-size: var(--font34); margin: 70px 0 25px;}
    .hospital__container .info_grey {font-size: var(--font15);}
    .hospital__search_container {padding: 30px 20px; row-gap: 46px;}
    .hospital__search_container .hospital__search_wrap::after {top: calc(100% + 23px);}
    .hospital__search_container .hospital__search_wrap .select_wrap {margin-bottom: 10px; row-gap: 10px; grid-template-columns: 1fr;}
    .hospital__search_container .hospital__search_wrap .search_wrap {position: relative; grid-template-columns: 1fr;}
    .hospital__search_container .hospital__search_wrap .select_wrap select,
    .hospital__search_container .hospital__search_wrap .search_wrap input {font-size: var(--font20); width: 100%;}
    .hospital__search_container .hospital__search_wrap .search_wrap input::placeholder {font-size: var(--font17);}
    .hospital__search_container .hospital__search_wrap .search_wrap input {width: 100%; padding-right: 48px;}
    .hospital__search_container .hospital__search_wrap .search_wrap #map_searchBtn {position: absolute; right: 0;}
    .hospital__search_container .hospital__search_wrap .search_wrap #map_searchBtn img {width: 25px;}
    .hospital__search_list {row-gap: 10px;}
    .hospital__search_result {padding: 25px 20px;}
    .hospital__search_result .title_wrap .title {font-size: var(--font22);}
    .hospital__search_result .title_wrap .address {font-size: var(--font16); margin: 12px 0;}
    .hospital__search_result .other_wrap .tel_wrap {font-size: var(--font22);}
    .hospital__map_container {height: 200px;}

    .overseas .nation_wrap {padding: 80px 20px 50px;}
    .overseas .nation_wrap::before {height: 6%;}
    .overseas .nation_wrap img {margin-top: 50px;}
    .overseas .nation_wrap .bold {font-size: 1.825em; margin-bottom: 30px;}
    .overseas .nation_wrap .desc {font-size: 1.125em;}

    #network.article .board_layout {grid-template-columns: repeat(2, 1fr); column-gap: 5px; row-gap: 40px;}

    #network.interview .board_layout > li .category {font-size: 12px;}
    #network.interview .board_layout > li .title {font-size: 15px; line-height: 1.4;}
}