@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
input::placeholder{color: #aaa !important;}
/* 진료안내 */
.medicine{padding-bottom: 2rem;}
.doctor {}

.doctor_list {
    margin-top: 85px;
}

.doctor_list .doctor_num {
    margin-bottom: 35px;
    /* padding-left: 65px; */
    font-size: 18px;
    font-weight: 500;
    color: var(--main-color);
}

.doctor_list ul.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    width: 100%;
    margin-bottom: 80px;
    /* padding: 0 105px; */
    box-sizing: border-box;
}

.doctor_list ul.tabs li {
    position: relative;
    width: calc((100% / 5) - 18px);
    height: 60px;
    background-image: url('/img/bg/menu_bg.png');
    text-align: center;
}

.doctor_list ul.tabs li:hover {
    background-image: url('/img/bg/menu_bg2.png');
}

.doctor_list ul.tabs li a:hover {
    color: #FFF;
}

.doctor_list ul.tabs li.active {
    background-image: url('/img/bg/menu_bg2.png');
}

.doctor_list ul.tabs li.active a {
    color: #fff;
}

.doctor_list ul.tabs li a {
    display: inline-block;
    height: 100%;
}

.doctor_list ul.tabs li a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.doctor_list ul.tabs li.active a {}

.doctor_list ul.tabs li a {
    font-size: 20px;
    font-weight: 500;
}

.doctor_list ul.tabs li a:hover {}

.doctor_list .tab_container {
    overflow: hidden;
    width: 100%;
}

.doctor_list .tab_container>.txt_con {
    padding: 100px 0 100px;
    background-color: #F9F9F9;
    text-align: center;
}

.doctor_list .tab_container .txt_con .txt01 {
    font-size: 36px;
    font-weight: 700;
    color: var(--main-color);
}

.doctor_list .tab_container .txt_con .txt02 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 500;
}

.doctor_list .tab_container ul {}

.doctor_list .tab_content .bg {
    padding: 0px 90px 70px;
    box-sizing: border-box;
    background: #F9F9F9;
}

.doctor_list .tab_container .paging {
    margin: 125px 0 80px;
}

.doctor_list .tab_container .paging ul {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.doctor_list .tab_container .paging ul li {}

.doctor_list .tab_container .paging ul li.on {
    position: relative;
}

.doctor_list .tab_container .paging ul li.on::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--main-color);
}

.doctor_list .tab_container .paging ul li.on a {
    font-weight: 700;
}

.doctor_list .tab_container .paging ul li a {
    font-size: 22px;
    font-weight: 300;
    color: var(--main-color);
}

li.doctor_info {
    position: relative;
    display: flex;
    padding: 1.2rem 1rem;
    /* background: #F7F7F7; */
    /* border: 1px solid #e1e1e1; */
    margin-top: 1rem;
    overflow-x: auto;
}

li.doctor_info:first-child {
    padding-top: 0;
}

li.doctor_info::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    height: 0px;
    background-color: #707070;
}

li.doctor_info .img_con {}

li.doctor_info .img_con .career {
    position: relative;
    width: 190px;
    height: 56px;
    margin: 25px auto 0 auto;
    border: 2px solid #D4D4D8;
    border-radius: 28px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
}

li.doctor_info .img_con .career span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #505050;
}

li.doctor_info .info_con {
    width: 100%;
    margin: 0 auto;
}

li.doctor_info .info_con .txt_con {
    margin-bottom: 4px;
}

li.doctor_info .info_con .txt_con .name_box {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 10px;
}

li.doctor_info .info_con .txt_con .name_box .name {
    font-size: 36px;
    font-weight: 900;
}

li.doctor_info .info_con .txt_con .name_box .txt01_1 {
    font-size: 36px;
    font-weight: 300;
    padding: 0 10px;
}

li.doctor_info .info_con .txt_con .name_box .position {
    font-size: 24px;
    font-weight: 500;
}

li.doctor_info .info_con .txt_con .name_box .position .border {
    position: relative;
    margin-left: 18px;
}

li.doctor_info .info_con .txt_con .name_box .position .border::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    width: 2px;
    height: 15px;
    background-color: var(--txt-color);
}

li.doctor_info .info_con .txt_con .field {
    font-size: 20px;
    font-weight: 500;
}

.doctor_info tr,
.doctor_info td {
    text-align: center;
}

li.doctor_info .info_con table {
    width: 100%;
    /* border-collapse: collapse; */
    /* border-top: 2px solid #000; */
}


li.doctor_info .info_con table colgroup col {
    /* width: auto; */
}

li.doctor_info .info_con table thead {
    height: 3.5rem;
    /* margin-bottom: 15px; */
    box-sizing: border-box;
    background-color: #EFEFEF;
    color: #191919;
    width: 100%;
    border-top: 1px solid #e1e1e1;
}

li.doctor_info .info_con table thead tr {
    border-radius: 35px;
    overflow: hidden;
}

li.doctor_info .info_con table thead th {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #BABABA; /* 테두리 색상 */
}

li.doctor_info .info_con table thead td {
    padding: 8.6px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #BABABA;
    position: relative;
    vertical-align: middle; /* 텍스트와 아이콘을 중간 정렬 */
}

li.doctor_info .info_con table thead td .bold {
    font-weight: bold;
    font-size : 20px;
}

li.doctor_info .info_con table thead tr th {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    border: 1px solid #E1E1E1;
    padding: 1rem .5rem;
    /* white-space: nowrap; */
}

li.doctor_info .info_con table thead tr th::after {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 32px;
    background-color: #fff;
    display: none;
}

li.doctor_info .info_con table thead tr {
    border-top: 1px solid #e1e1e1;
    width: 100%;
}

li.doctor_info .info_con .work table {
    border-collapse: collapse;
    width: 100%;
}

li.doctor_info .info_con .work tbody {}

li.doctor_info .info_con .work thead tr td {
    border: 1px solid #BABABA;
}

li.doctor_info .info_con .work tbody tr {
    border: 1px solid #BABABA;
}

li.doctor_info .info_con .work tbody tr {
    border-top: none;
}

li.doctor_info .info_con .work tbody tr td {
    position: relative;
    font-size: 1.25rem;
    font-weight: 500;
    border: 1px solid #E1E1E1;
    height: 3.9rem;
    background: #fff;
}
li.doctor_info .info_con .work tbody tr td span{color: #e1e1e1}
li.doctor_info .info_con .work tbody tr td {
    border-top: none;
}

li.doctor_info .info_con .work tbody .bold {
    background-color: #EFEFEF;
    font-weight: 500 !important;
}

li.doctor_info .info_con .notice {
    margin: 40px 0 0 35px;
    font-size: 16px;
    font-weight: 500;
    color: #2A9E96;
}

.darkblue-circle {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #204FAF;
    border-radius: 50%;
    vertical-align: middle;
    margin: .25rem;
}

.lightblue-circle {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: #29b6f6;
    border-radius: 50%;
    vertical-align: middle;
    margin: .25rem;
}

.legend {
    text-align: right;
    margin-bottom: 0.5rem;
}

.legend-item {
    display: inline-block;
    margin-left: 1.5rem;
    vertical-align: middle;
    font-size: 1.5rem;
}

.legend-item span {
    margin-right: 5px;
}

/* 진료안내 / 진료과 */

.department {
    padding: 1.5rem;
}

.department article.list {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

.department article.list ul {
    display: grid;
    flex-wrap: wrap;
    gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.department article.list2 ul{
        display: grid;
        flex-wrap: wrap;
        gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.department article.list ul li {
    position: relative;
    /* width: calc((100% / 6) - 21px); */
    /* height: 300px; */
    padding: 2rem 1.5rem 12rem;
    box-sizing: border-box;
    background-color: #f9f9f9;
    transition: all .4s;
    background: #EAF6FD;
    /* cursor: pointer; */
    border-radius: 1.25rem;
}

.department article.list ul li a {
    display: block;
    width: 100%;
    /* height: 100%; */
    /* margin-top: 1rem; */
}

.department article.list ul li a .name {
    font-size: 2rem;
    font-weight: 500;
    color: #111;
    font-weight: 700;
}

.department article.list ul li a .content {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 25px;
    word-break: keep-all;
    /* display: none; */
    color: #4F4F4F;
}

.department article.list ul li:hover {
    background-color: var(--main-color);
    transition: all .4s;
}

.department article.list ul li:hover p {
    color: #fff;
}

.department article.list ul li::before {
    content: '';
    position: absolute;
    display: block;
    width: 5rem;
    height: 5rem;
    object-fit: contain;
    right: 35px;
    bottom: 15px;
    right: 2rem;
    margin: 0 auto;
    bottom: 2rem;
}
.department article.list ul li:hover::before{filter: brightness(100);}
.department article.list ul li:nth-child(1)::before {
    background: url('../img/ico/ico_department01.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(2)::before {
    background: url('../img/ico/ico_department02.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(3)::before {
    background: url('../img/ico/ico_department03.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(4)::before {
    background: url('../img/ico/ico_department04.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(5)::before {
    background: url('../img/ico/ico_department05.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(6)::before {
    background: url('../img/ico/ico_department06.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(7)::before {
    background: url('../img/ico/ico_department07.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(8)::before {
    background: url('../img/ico/ico_department08.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(9)::before {
    background: url('../img/ico/ico_department09.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(10)::before {
    background: url('../img/ico/ico_department10.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(11)::before{
    background: url('../img/ico/ico_department11.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(12)::before {
    background: url('../img/ico/ico_department12.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(13)::before {
    background: url('../img/ico/ico_department13.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(14)::before {
    background: url('../img/ico/ico_department14.png') no-repeat center / contain;
}

.department article.list2 ul li:nth-child(3)::before{background: url('../img/ico/ico_department05.png') no-repeat center / contain;}
.department article.list2 ul li:nth-child(4)::before{background: url('../img/ico/ico_department08.png') no-repeat center / contain;}
.department article.list2 ul li:nth-child(5)::before{background: url('../img/ico/ico_department09.png') no-repeat center / contain;}
/* .department article.list ul li:nth-child(1):hover::before {
    filter: contrast(1);
}

.department article.list ul li:nth-child(2):hover::before {
    background: url('../img/ico/ico_department02.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(3):hover::before {
    background: url('../img/ico/ico_department03.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(4):hover::before {
    background: url('../img/ico/ico_department04.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(5):hover::before {
    background: url('../img/ico/ico_department05.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(6):hover::before {
    background: url('../img/ico/ico_department06.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(7):hover::before {
    background: url('../img/ico/ico_department07.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(8):hover::before {
    background: url('../img/ico/ico_department08.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(9):hover::before {
    background: url('../img/ico/ico_department09.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(10):hover::before {
    background: url('../img/ico/ico_department10.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(11):hover::before {
    background: url('../img/ico/ico_department11.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(12):hover::before {
    background: url('../img/ico/ico_department12.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(13):hover::before {
    background: url('../img/ico/ico_department13.png') no-repeat center / contain;
}

.department article.list ul li:nth-child(14):hover::before {
    background: url('../img/ico/ico_department14.png') no-repeat center / contain;
} */

/* 진료안내 / 진료과 / 내과 */

.summary {
    /* display: flex; */
    /* margin: 1.5rem 0 0rem; */
    align-items: center;
    justify-content: space-between;
    /* padding: 6rem 0; */
    /* position: relative; */
    min-height: 306px;
    flex-wrap: wrap;
}

.summary .txt_con {
    /* padding-left: 55px; */
    box-sizing: border-box;
    width: 100%;
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.summary .txt_con .tit {
    margin-bottom: 50px;
    font-size: 36px;
    font-weight: 700;
}

.summary .txt_con .txt01 {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    word-break: keep-all;
    color: #4f4f4f;
}

.summary .txt_con .txt01:last-child {
    margin-bottom: 0;
}

.summary .img_con {
    position: relative;
    top: -4.5rem;
    max-width: 316px;
    position: absolute;
    right: 0;
    display: none;
}

.summary .img_con>img {
    border-radius: .5rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.summary .img_con .icon_box {
    position: absolute;
    width: 6rem;
    height: 6rem;
    bottom: -2rem;
    left: -2rem;
    background: #204faf;
    border-radius: .5rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}




.summary .img_con .icon_box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    filter: brightness(10);
}

.sub_doctor {
    padding: 100px 90px;
    box-sizing: border-box;
    background-color: #f9f9f9;
}

.sub_reserBtn {
    position: relative;
    width: 270px;
    height: 56px;
    /* margin: 60px auto 80px auto; */
    background-color: var(--main-color);
    border-radius: 28px;
    text-align: center;
    display: none;
}

.sub_reserBtn a {
    display: block;
    width: 100%;
    height: 100%;
}

.sub_reserBtn a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

/* 진료안내 / 진료예약 안내 */

.reser_con {
    margin-top: 80px;
    max-width: 1440px;
    margin: 2rem auto 0rem;
}

.reser_con .inner {
    box-sizing: border-box;
}

.reser_con .num_con {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 130px;
}

.reser_con .num_con .num_box {}

.reser_con .num_con .num_box ul {
    position: relative;
    border-right: 1px solid #191919;
    padding-right: 120px;
}

.reser_con .num_con .num_box ul li {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 10px;
}

.reser_con .num_con .num_box ul li:last-child {
    margin-bottom: 0;
}

.reser_con .num_con .num_box ul li .place {
    position: relative;
    width: 245px;
    height: 80px;
    background-color: var(--main-color);
    border-radius: 40px;
    text-align: center;
}

.reser_con .num_con .num_box ul li .place span {
    display: block;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.reser_con .num_con .num_box ul li .num {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.reser_con .num_con .num_box ul li .num .nl {
    color: #7AC5EE;
}

.reser_con .num_con .qr_box {
    padding-left: 120px;
    text-align: center;
}

.reser_con .num_con .qr_box img {}

.reser_con .num_con .qr_box p {
    font-size: 20px;
    font-weight: 700;
    margin-top: 25px;
}

.box_layout {}

.box_layout .caution {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
}

.box_layout>.txt01 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
}

/* 진료안내 / 응급진료 안내 */

.em_reser .reser_con .num_con .num_box ul {
    border-right: none;
    padding-right: 0;
}

/* 진료안내 / 입퇴원 안내 */

.admission .benefit {
    position: relative;
    width: 245px;
    height: 80px;
    border: 1px solid var(--main-color);
    border-radius: 40px;
    margin: 50px auto 105px;
    text-align: center;
    overflow: hidden;
}

.admission .benefit::before{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--main-color);
    left: -100%;
    top: 0;
    transition: all .4s;
}

.admission .benefit:hover::before{
    left: 0;
    transition: all .4s;
}

.admission .benefit:hover a span{
    color: #fff;
    transition: all .4s;
}

.admission .benefit a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.admission .benefit a span {
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
}

/* 진료안내 / 비급여수가 안내 */

.benefit {
    margin-bottom: 150px;
}

.benefit .bg_gray {
    padding: 90px 150px;
}

.benefit .search_input {
    width: 410px;
    height: 32px;
    margin: 0 auto 60px;
    border-bottom: 1px solid #191919;
}

.benefit .search_input .search {
    width: 100%;
    height: 32px;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    background: url('../img/ico/ico_search_white.png') no-repeat right / contain;
    background-size: 20px;
    font-size: 20px;
    font-weight: 500;
}

.benefit .search_input .search:focus {
    outline: none;
    border: none !important;
}

.benefit .search_input .search::placeholder {
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, .18);
}

.benefit .cata {
    display: flex;
    width: 100%;
    height: 80px;
    margin-bottom: 95px;
    background-color: #F0F0F0;
    border-radius: 40px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.benefit .cata li {
    position: relative;
    width: calc(100% / 4);
    height: 80px;
    border: 1px solid transparent;
    border-radius: 40px;
    transition: all .4s;
}

.benefit .cata li:hover {
    border: 1px solid #7AC5EE;
    border-radius: 40px;
    transition: all .4s;
}

.benefit .cata li a {}

.benefit .cata li a span {
    font-size: 24px;
    font-weight: 400;
}

.benefit .cata li.on {
    background-color: var(--main-color);
    border-radius: 40px;
}

.benefit .cata li.on a {}

.benefit .cata li.on a span {
    color: #fff;
    font-weight: 700;
}

/* 진료안내 / 진료기록사본발급 안내 */

.issued {}

.issued .bg_gray {}

.issued .down_btn {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 40px;
}

.issued .down_btn li {
    position: relative;
    height: 80px;
    border: 1px solid var(--blue-color);
    border-radius: 40px;
    overflow: hidden;
}

.issued .down_btn li .left_box{
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 80px;
    background-color: var(--main-color);
    transition: all .4s;
    z-index: 1;
}

.issued .txt_list .down_btn li:hover {
    background-color: transparent;
    transition: all .4s;
}

.issued .down_btn li:hover .left_box{
    left: 0%;
    transition: all .4s;
}

.issued .down_btn li:first-child {
    width: 612px;
}

.issued .down_btn li:last-child {
    width: 425px;
}

.issued .down_btn li a {
    position: relative;
    z-index: 3;
}

.issued .down_btn li a .circle {
    position: absolute;
    width: 78px;
    height: 78px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--main-color);
    z-index: 2;
}

.issued .down_btn li a .circle img {}

.issued .txt_list .down_btn li a span{
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%,-50%);
}

.txt_list .down_btn {}

.txt_list .down_btn li {
    border: 1px solid var(--main-color);
    border-radius: 40px;
    transition: all .4s;
}

.txt_list .down_btn li:hover {
    background-color: var(--main-color);
    transition: all .4s;
}

.txt_list .down_btn li:hover a span {
    color: #fff;
    transition: all .4s;
}

.txt_list .down_btn li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.txt_list .down_btn li a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
}


/* 전문센터 / 전문센터소개 */

.center_list {
    padding-top: 7.5rem;
    /* padding-bottom: 100px; */
}

.center_list .inner {
    /* display: grid; */
    flex-wrap: wrap;
    /* gap: 1rem; */
    justify-content: flex-start; /* 좌측 정렬 */
    max-width: 1440px;
    margin: 0 auto; /* 중앙 정렬을 위해 추가 */
    /* grid-template-columns: 1fr 1fr; */
}

.center_list .special_list {
    width: auto;
    /* height: 326px; */
    position: relative;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    display: flex;
    padding: 1rem 3rem;
    gap: 2rem;
    transition: .35s ease;cursor: pointer;
}
.center_list .special_list:hover{box-shadow: 0 0 1rem rgba(0,0,0,.15);}

.center_list .special_list img {
    /* width: 272px; */
    /* height: 100%; */
    object-fit: contain;
    max-width: 110px;
    padding: 1rem;
}

.center_list .special_list:first-child {
    margin-top: 0;
}

.center_list .special_list .sub_head {
    position: relative;
}

.center_list .special_list .sub_head .txt_con {
    position: absolute;
    left: 50px;
    top: 340px;
}

.center_list .special_list .sub_head ul {
    display: flex;
    margin-bottom: 15px;
}

.center_list .special_list .sub_head ul li {
    position: relative;
    padding-right: 60px;
    font-size: 14px;
    font-weight: 300;
    color: var(--txt-color);
}

.center_list .special_list .sub_head ul li::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 9px;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background: url('../img/ico/ico_nav_arr.png') no-repeat center / cover;
}

.center_list .special_list .sub_head .txt_con .txt01 {
    font-size: 36px;
    font-weight: 700;
}

.center_list .special_list .description {
    width: 100%;
    background-color: #fff;
    padding: 1.2rem .6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.center_list .special_list .description .txt01 {
    margin-bottom: 1.5rem;
    font-size: 2rem;
    font-weight: 700;
    color: #204FAF;
}

.center_list .special_list .description .txt02 {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 10px;
    line-height: 140%;
    color: #4F4F4F;
}

.center_list .special_list .description .moreBtn {
    display: inline-block;
    padding: 16px 0px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    border: 1px solid #D4D4D8;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s ease;
    margin-top: 20px;
    display: none;
}

.center_list .description .moreBtn:hover {
    background-color: #2C416D;
}

.center_list .description .moreBtn a:hover {
    color: #fff;
}

strong {
    font-weight: bold;
}

/* 전문센터 / 뇌신경센터 */

.brain {}

.bg_gray {
    /* margin-bottom: 130px; */
    padding: 100px 90px;
    box-sizing: border-box;
    background-color: #F9F9F9;
}

.bg_gray .system {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
}

.bg_gray .system:last-child {
    margin-bottom: 0;
}

.bg_gray .system:nth-child(even) {
    text-align: right;
}

.bg_gray .system .txt_con {}

.bg_gray .system .txt_con .txt01 {
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 100;
    color: var(--main-color);
}

.bg_gray .system .txt_con .txt02 {
    margin-bottom: 10px;
    font-size: 60px;
    font-weight: 600;
    color: var(--main-color);
    line-height: 70px;
}

.bg_gray .system .txt_con .txt03 {
    font-size: 28px;
    font-weight: 100;
    line-height: 35px;
}

.bg_gray .system .img_con {}

.bg_gray .system .img_con img {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.specialist {
    margin-bottom: 160px;
}

.specialist ul {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.specialist ul li {
    display: flex;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}

.specialist ul li .img_con {
    width: 380px;
}

.specialist ul li .img_con img {
    width: 100%;
    height: 100%;
}

.specialist ul li .txt_con {
    width: 390px;
    background-color: #f9f9f9;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.specialist ul li .txt_con .txt01 {
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 700;
}

.specialist ul li .txt_con .txt01_1 {
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 300;
}

.specialist ul li .txt_con .txt02 {
    font-size: 24px;
    font-weight: 500;
}

.specialist ul li .txt_con .txt_box02 {}

.specialist ul li .txt_con .txt_box02 .txt03 {
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
}

/* 이용안내 / 찾아오시는 길 */

.location {}

.location .bg_gray {
    padding: 0;
}

.location .txt_list span {
    display: inline-block;
    padding-right: 15px;
}

.location .txt_list.flex {
    margin-top: 50px;
    gap: 90px;
}

/* 이용안내 / 주차안내 */

.parking {}

.parking .bg_gray {
    padding: 90px 150px;

}

.parking .sub_title02 {
    padding: 0 0 80px;
}

.parking .img_con {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.parking .img_con.first {
    margin-bottom: 130px;
}

.parking .img_con .img_box {
    width: 550px;
    text-align: left;
}

.parking .img_con .img_box p {
    display: flex;
    margin-top: 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    word-break: keep-all;
}

.parking .img_con .img_box p span {
    display: inline-block;
    padding-right: 10px;
}

/* 이용안내 / 병문안 안내 */

.visit {}

.visit .bg_gray {
    padding: 90px 150px;
}

/* 이용안내 / 장례식장 */

.funeral {}

.funeral .bg_gray {}

.funeral .sub_title02 {
    padding-top: 0;
}

.funeral .img_con {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.funeral .img_con.first {
    margin-bottom: 100px;
}

.funeral .row_box {}

.funeral .row_box .flex {
    gap: 15px;
}

.funeral .row_box .flex .first {}

.funeral .row_box .flex .first>ul {
    display: flex;
}

.funeral .row_box .flex .first > ul > li {
    position: relative;
}

.funeral .row_box .flex .first > ul > li::after{
    content: '';
    position: absolute;
    display: block;
    width: calc(100% - 30px);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
}

.funeral .row_box .flex .first > ul:last-child > li:after{
    display: none;
}

.funeral .row_box .flex .first>ul>li:nth-child(1) {
    width: 350px;
    margin-right: 15px;
    padding: 25px 20px;
    box-sizing: border-box;
    background-color: var(--main-color);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.funeral .row_box .flex .first ul .box {
    display: flex;
    width: 930px;
    background-color: #fff;
    border-right: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
}

.funeral .row_box .flex .first ul .box .bt {
    border-top: 1px solid var(--main-color);
}

.funeral .row_box .flex .first ul .box .bb {
    border-bottom: 1px solid var(--main-color);
}

.funeral .row_box .flex .first ul .box li {
    width: calc(100% / 2);
    padding: 25px 20px;
    font-size: 22px;
    font-weight: 700;
    color: var(--main-color);
}

.funeral .row_box .flex .first ul .box li:nth-child(1) {
    position: relative;
}

.funeral .row_box .flex .first ul .box li:nth-child(1)::after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 50px;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: var(--main-color);
}

/* 고객센터 / 고객의 소리 */

.customer {}

.customer .bg_gray {
    padding: 90px 150px;
}

.customer .bg_gray .txt_list .ico_box {
    display: flex;
    justify-content: center;
    gap: 35px;
    margin-top: 70px;
}

.customer .bg_gray .txt_list .ico_box li {
    width: 265px;
    height: 265px;
    border: 1px solid var(--blue-color);
    border-radius: 40px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    text-align: center;
}

.customer .bg_gray .txt_list .ico_box li img {
    margin: 50px 0 15px;
}

.customer .bg_gray .txt_list .ico_box li .txt03 {
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
    line-height: 30px;
    letter-spacing: -0.25px;
}

.customer .bg_gray .txt_list .ico_box li .txt04 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.25px;
}

.customer .bg_gray .agree_con {
    height: 420px;
    padding: 45px;
    background-color: #fff;
    overflow-y: scroll;
}

.customer .bg_gray .agree_con::-webkit-scrollbar {
    width: 10px;
}

.customer .bg_gray .agree_con::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    border-radius: 10px;
}

.customer .bg_gray .agree_con::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.customer .bg_gray .agree_con .txt_box01 {
    margin-bottom: 60px;
    box-sizing: border-box;
}

.customer .bg_gray .agree_box {
    margin: 60px auto 100px;
    text-align: center;
}

.customer .bg_gray #agreeBtn {
    width: 36px;
    height: 36px;
    margin-right: 25px;
}

.customer .form_con {}

.customer .form_con form {}

.customer .form_con form .flex {
    gap: 15px;
    align-items: center;
}

.customer .form_con form .flex .type {
    position: relative;
    width: 350px;
    background-color: var(--main-color);
    text-align: center;
}

.customer .form_con form .flex .type p {
    position: relative;
    padding: 22px 0;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.customer .form_con form .flex .type p::after {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% - 30px);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
}

.customer .form_con form .flex .info_box {
    position: relative;
    flex: 1;
    background-color: #fff;
}

.customer .form_con form .flex .info_box::after {
    content: '';
    position: absolute;
    display: block;
    width: calc(100% - 85px);
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #191919;
}

.customer .form_con form .flex:last-child .info_box::after {
    display: none;
}

.customer .form_con form .flex .info_box input {
    width: 100%;
    box-sizing: border-box;
    padding: 21px 0 20px 80px;
    font-size: 22px;
    font-weight: 400;
}

.customer .form_con form .flex .info_box input::placeholder {
    font-size: 22px;
    font-weight: 400;
    color: rgba(0, 0, 0, .43);
}

.customer .form_con form .flex .info_box input {
    position: relative;
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
}

.customer .form_con form .flex .info_box input:focus {
    outline: none;
    border: none !important;
}

.customer .form_con form .flex:last-child .type {
    height: 480px;
}

.customer .form_con form .flex:last-child .type p::after {
    display: none;
}

.customer .form_con form .flex .info_box textarea {
    width: 91%;
    height: 477px;
    margin-left: 43px;
    padding: 25px 25px 25px 35px;
    border: none;
    font-size: 22px;
    font-weight: 400;
    overflow-y: scroll;
}

.customer .form_con .email_check {
    margin-top: 30px;
}

.customer .form_con .email_check .flex {
    gap: 100px;
}

.customer .form_con .email_check .flex .email_type {
    width: 350px;
    text-align: center;
}

.customer .form_con .email_check .flex .email_type p {
    font-size: 22px;
    font-weight: 700;
    color: var(--main-color);
}

.customer .form_con .email_check .flex .check_con {
    display: flex;
    gap: 80px;
    align-items: center;
}

.customer .form_con .email_check .flex .check_con .check_box {
    display: flex;
    align-items: center;
}

.customer .form_con .email_check .flex .check_con .check_box input {}

.customer .form_con .email_check .flex .check_con .check_box label {}

.customer input[type="radio"] {
    display: none;
}

.customer input[type="radio"]+label {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 22px;
    font-weight: 700;
    color: var(--main-color);
}

.customer input[type="radio"]+label span {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url('../img/ico/ico_radio1.png') no-repeat center / cover;
    background-size: 26px;
    cursor: pointer;
}

.customer input[type="radio"]:checked+label span {
    background: url('../img/ico/ico_radio2.png') no-repeat center / cover;
}

.customer .form_con .sendBtn{
    width: 245px;
    height: 80px;
    margin: 100px auto 0;
    border-radius: 40px;
    background-color: var(--main-color);
}

.customer .form_con .sendBtn a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.customer .form_con .sendBtn a span{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

/* 병원소개 / 병원비전 */

.vision{}

.vision .flex{
    justify-content: center;
    /* gap: 90px; */
}

.vision .flex .left_side{
    flex: 2;
}

.vision .flex .left_side .img_box{
    position: relative;
}

.vision .flex .left_side .img_box::after{
    content: '';
    position: absolute;
    display: block;
    width: 380px;
    height: 340px;
    border: 1px solid var(--main-color);
    bottom: -100px;
    left: 0;
}

.vision .flex .left_side .img_box img{
    position: relative;
    transform: translateX(100px);
    z-index: 2;
}

.vision .flex .left_side .txt_box{
    margin-top: 195px;
    text-align: right;
}

.vision .flex .left_side .txt_box .txt01{
    font-size: 24px;
    font-weight: 500;
}

.vision .flex .left_side .txt_box .txt02{
    font-size: 28px;
    font-weight: 400;
    font-family: 'InkLipquid';
}

.vision .flex .left_side .txt_box .txt02 span{
    font-size: 80px;
    font-weight: 400;
}

.vision .flex .right_side{
    flex: 3;
}

.vision .flex .right_side p{
    margin-bottom: 45px;
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;   
    word-break: keep-all;
}

.vision .flex .right_side p:last-child{
    margin-bottom: 0;
}

/* 임시 비활성화 */
.reser_con .inner{/* display: none; */}

#bo_gall{/* display: none; */}
#bo_list{/* display: none; */}

.mapButtonWrap{
    font-size: 1.25rem;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    background: #ffffff;
    flex-wrap: wrap;
}
.mapButtonWrap .address {
    display: flex;
    align-items: center;
    /* margin-right: 20px; */
    padding: 0.25rem 0;
    margin-bottom: 1rem;
    width: auto;
    justify-content: space-between;
    margin: 0;
}

.mapButtonWrap .address label {
    margin-right: 10px;
    font-size: 1.25rem;
    color: #4f4f4f;
}

.mapButtonWrap .copy-button,.mapButtonWrap .map-button {
    border-radius: 5rem;
    padding: 0.65rem 1rem;
    background-color: #fff;
    border: 1px solid #E1E1E1;
    /* padding: 5px 10px; */
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    font-size: 1.25rem;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.mapButtonWrap .copy-button:hover,.mapButtonWrap .map-button:hover {
    background-color: #29a0ed;
    color: #ffffff;
}

.mapButtonWrap .copy-button{border-radius: 0px;padding: .35rem 1.5rem;margin-right: 0px;margin-left: 1rem;}
.mapButtonWrap .map-buttons {
    display: flex;
    align-items: center;
    width: auto;
}



@media (max-width: 1200px) {
    html {
      font-size: 93.75%; /* 16px * 0.9375 = 15px */
    }
  }

  @media (max-width: 992px) {
    html {
      font-size: 87.5%; /* 16px * 0.875 = 14px */
    };
    .menubtn{display: block;}
    .quick-menu{display: block;width: 5.5rem;}
    .doctor_itemWrap{grid-template-columns: 1fr}
    #wrapper{padding: 0 0rem;}
    .centers-container{grid-template-columns: 1fr 1fr !important;padding: 0rem;}
    #main .head_slide .head_swiper .swiper-wrapper .swiper-slide img{height: 13rem;width: 100%;object-fit: cover;}
    #main .head_slide .head_swiper .swiper-button-prev{left: 1.5rem;}
    #main .head_slide .head_swiper .swiper-button-next{right: 1.5rem;}
    .main-container{display: flex;flex-wrap: wrap;/* top: 0; */width: 90%;height: 6.5rem;bottom: 2rem;top: auto;display: none !important;}
    .main-container > *{
    width: 50%;
    padding: 3rem 0rem;
}
    .main-container > *:nth-child(1){
    width: 50%;
    /* background: #65BFE7; */
    padding: 1rem;
}
.main-container > *:nth-child(1) > div{padding: 0 1rem;}
    .main-container > *:nth-child(2){
    width: 60%;
    /* padding: 0; */
    background: #204faf;
    padding: 0;
}
.main-container > *:nth-child(2) > * {padding: 3rem 0rem;}
    .main-container > *:nth-child(3){
    width: 50%;
}
    .main-container > *:nth-child(4){width: 50%;}
    .main-container > *:nth-child(5){
    width: 50%;
}
      .main-container > *:nth-child(6){width:100%}
.top_navBox img{max-width: 130px;}
.box{font-size: 1.5rem;white-space: nowrap;}
.major{margin-top: 0;padding: 0;}
.center-box{border: 0px;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding-bottom: 1rem;padding-top: 7rem;}
.center-box:first-child{border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1}
.center-box:nth-child(2){border-top: 1px solid #e1e1e1}
.center-box:nth-child(2n - 1){border-left: 1px solid #e1e1e1}
.centers-container{
    margin: 0;
}
#main .head_slide .head_swiper .swiper-pagination{bottom: 1.5rem;}
.box button{display: none;}
.dt_on{display: none !important;}
.dt_fon{display: none !important;}
.m_on{display: block !important;}
.main_btn{display: none;}
.doctor_itemWrap .doctor_item .content .d_btn{width: 100%;position: relative;margin-top: 2rem;right: 0;}
.department article.list ul{grid-template-columns: 1fr 1fr;}
.summary .txt_con{
    width: 100%;
}
.summary .img_con{
    position: relative;
    top: 0;
    margin: 3rem auto 1rem;
    width: 100%;
    max-width: none;
}
.summary .img_con > img{margin: 0 auto;display: block;width: 100%;height: 170px;border-radius: 1rem;overflow: hidden;object-fit: cover;}
.summary .img_con .icon_box{left: 80%;}
.summary{padding: 3rem 0}
.center_list .inner{
    grid-template-columns:1fr
}
.center_list .special_list img{max-width: 4rem;padding: 0;}
.absolBtn{
}
.infoBoxWrap ul{flex-direction: column;}
.infoBoxWrap ul span{transform: rotate(90deg);margin: 2rem 0px;justify-content: center;}
.center-icon {
    width: 70px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 2rem;
    right: 50%;
    margin: 0;
    transform: translateX(50%);}
    .doctor_itemWrap .doctor_item{flex-wrap: wrap;}
    .doctor_itemWrap .doctor_item .img{width: 70%;margin: 0 auto;}
    .doctor_itemWrap .doctor_item .content{width: 100%;padding: 0;}
    .cTable {overflow-x: auto;}
    .cTable thead{width: 200%;}
    .cTable tbody{width: 200%;}
    .map .root_daum_roughmap {height: auto !important;}
    .root_daum_roughmap .wrap_map{height: 30rem !important;}
    .center-content h2{font-size: 1.5rem;}
    .mapButtonWrap{
        justify-content: center; padding: 1.5rem 0; gap: 1.5rem;
    }
    .mapButtonWrap .map-buttons{justify-content:space-between}
    .mapButtonWrap .map-button{
        border-radius: 5rem;
        padding: 0.85rem 1rem;
        background-color: #fff;
        border: 1px solid #E1E1E1;
        /* padding: 5px 10px; */
        margin-right: 0.5rem;
        margin-left: 0.5rem;
        font-size: 1.25rem;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
        white-space: nowrap;
        width: calc(33% - 2px);
        font-size: 1rem;
        margin: 0;
        }
        .cardItems .imgTxtWrap h4{font-size: 2rem;}
  }

  @media (max-width: 768px) {
    html {
      font-size: 70%; /* 16px * 0.8125 = 13px */
    }
  } 

  @media (max-width: 376px) {
    html {
      font-size: 60%; /* 16px * 0.75 = 12px */
    }
}