@charset "utf-8";
/* 문의(공통) */
.inquiryWrap {width: 100%; display: flex; align-items: center; background-color: #f4f4f4; border-radius: 10px; padding: 25px; box-sizing: border-box; position: relative;}
.inquiryWrap::before {content: ''; position: absolute; bottom: 0; right: 25px; background: url('/images/Health/images/01/inquiryBg.png') no-repeat; width: 144px; height: 96px; background-size: 100%;}
.inquiryWrap span {flex-shrink: 0; font-family: 'jalnan'; font-size: 18px; color: #5289c1;}
.inquiryWrap p {margin-left: 10px; font-family: 'NotoKrM'; font-size: 15px; color: #3d3d3d;}

@media screen and (max-width: 680px) {
    .inquiryWrap {padding: 20px;}
    .inquiryWrap::before {width: 120px; height: 79px;}
}

@media screen and (max-width: 600px) {
    .inquiryWrap::before {display: none;}
}

@media screen and (max-width: 480px) {
    .inquiryWrap span {font-size: 15px;}
    .inquiryWrap p {font-size: 14px;}
}

/* 인사말 */
.chairmanWrap {width: 100%; display: flex; align-items: center;}
.chairmanWrap .textBox {width: 60%;}
.chairmanWrap .textBox .tit {font-family: 'GmarketSans'; font-size: 24px; color: #5770a9; line-height: 160%; margin-bottom: 65px; word-break: keep-all;}
.chairmanWrap .textBox .txt {font-family: 'NotoKrM'; line-height: 150%; letter-spacing: -0.03em; font-size: 15px; color: #555; word-break: keep-all;}
.chairmanWrap .img {width: 40%;}
.chairmanWrap .img img {width: 100%; max-width: 510px;}

@media screen and (max-width: 1025px) {
    .chairmanWrap {flex-direction: column-reverse; flex-wrap: wrap;}
    .chairmanWrap .textBox {width: 100%;}
    .chairmanWrap .textBox .tit {font-size: 20px; margin-bottom: 20px;}
    .chairmanWrap .textBox .txt {font-size: 15px;}
    .chairmanWrap .img {width: 100%; margin-bottom: 40px; text-align: center;}
}

@media screen and (max-width: 480px) {
    .chairmanWrap .textBox .tit {font-size: 18px;}
}

/* 조직/직원현황 */
/* 부서/직원현황 */
.departmentWrap {width: 100%; padding: 30px 160px; box-sizing: border-box;}
.departmentWrap .departmentBox {width: 100%; display: flex; flex-direction: column; align-items: center;}

.departmentWrap .title {width: 150px; height: 150px; border-radius: 50%; font-size: 20px; line-height: normal; font-family: 'GmarketSansTTFMedium'; color: #fff; background-color: #5770a9; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 70px; position: relative;}
.departmentWrap .title::before {content: ''; width: 1px; height: 70px; position: absolute; bottom: -70px; left: 50%; background-color: #dbdbdb;}
.departmentWrap .title span {font-size: 22px;}

.departmentWrap .listWrap {width: 100%; display: flex; justify-content: space-between; position: relative; margin-top: 50px;}
.departmentWrap .listWrap::before {content: ''; width: 55%; height: 1px; background-color: #dbdbdb; position: absolute; top: -50px; left: 22.6%;}

.departmentWrap .listWrap .list {width: 45%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.departmentWrap .listWrap .list li {width: 48%; padding: 15px; box-sizing: border-box; position: relative; background:url('/images/Health/images/01/department_arrow.png') right 15px center no-repeat #f4f4f4; margin-bottom: 20px; color: #fff; font-family: 'NotoKrM'; border-radius: 10px;}

.departmentWrap .listWrap .list li.first {width: 100%; background-color: #308ea8; display: flex; align-items: center; justify-content: center; background-image: none;}
.departmentWrap .listWrap .list li.first::before {content: ''; width: 1px; height: 50px; background-color: #dbdbdb; position: absolute; top: -50px; left: 50%;}

.departmentWrap .listWrap .list li:last-child::after {display: none;}

.departmentWrap .listWrap .list li a {display: block; width: 100%; color: #000; font-size: 15px; line-height: normal;}
.departmentWrap .listWrap .list li a:hover {text-decoration: underline;}

@media screen and (max-width: 1600px) {
    .departmentWrap {padding: 0 90px;}
}

@media screen and (max-width: 1400px) {
    .departmentWrap {padding: 0;}
}

@media screen and (max-width: 1025px) {
    .departmentWrap .title {width: 150px; height: 150px; margin-bottom: 40px; font-size: 15px;}
    .departmentWrap .title span {font-size: 20px;}
    .departmentWrap .title::before {height: 40px; bottom: -40px;}
    .departmentWrap .listWrap {margin-top: 40px;}
    .departmentWrap .listWrap::before, .departmentWrap .listWrap .list li.first::before {top: -40px;}
    .departmentWrap .listWrap .list li.first::before {height: 40px;}
}

@media screen and (max-width: 780px) {
    .departmentWrap .listWrap .list li {width: 100%;}
}

@media screen and (max-width: 480px) {
    .departmentWrap .title {width: 100px; height: 100px; margin-bottom: 25px; font-size: 15px;}
    .departmentWrap .title::before {height: 25px; bottom: -25px;}

    .departmentWrap .listWrap {margin-top: 25px;}
    .departmentWrap .listWrap::before, .departmentWrap .listWrap .list li.first::before {top: -25px;}
    
    .departmentWrap .listWrap .list li {padding: 8px; margin-bottom: 10px; background-size: 10px;}
    .departmentWrap .listWrap .list li.first::before {height: 25px;}
    .departmentWrap .listWrap .list li::after {height: 10px; bottom: -10px;}
    .departmentWrap .listWrap .list li a {font-size: 14px;}
}

/* 층별안내 */
.floorBox .floorWrap .img-preview-box {display: block;}
.floorBox .floorWrap {display: block;}
.floorBox .floorWrap.active {display: block;}

/* 찾아오시는길 */
.directionWrap {width: 100%; border-radius: 15px; background-color: #f9f9f9;}
.directionWrap .list {padding: 30px 20px; box-sizing: border-box; display: flex; gap: 50px;}
.directionWrap .list li {width: 50%; display: flex; align-items: center;}
.directionWrap .list li .icon {flex-shrink: 0; width: 90px; height: 90px; border-radius: 50%; background: url('/images/Health/images/01/direction_icon1.png') center center no-repeat #fff; margin-right: 15px;}
.directionWrap .list li .icon.type02 {background: url('/images/Health/images/01/direction_icon2.png') center center no-repeat #fff;}
.directionWrap .list li .text span {font-family: 'jalnan'; font-size: 18px; color: #5289c1; margin-bottom: 10px;}
.directionWrap .list li .text p {font-family: 'NotoKrM'; font-size: 15px; color: #333333;}

@media screen and (max-width: 1025px) {
    .directionWrap .list {padding: 30px 20px;}
    .directionWrap .list li .icon {width: 75px; height: 75px;}
    .directionWrap .list li .text span {font-size: 17px;}
}

@media screen and (max-width: 680px) {
    .directionWrap .list {flex-wrap: wrap;}
    .directionWrap .list li {width: 100%;}
}

/* 진료안내 */
.recommendWrap {width: 100%; display: flex;}
.recommendWrap>li {width: 33.333%; margin-right: 2%; border-radius: 15px; border: 1px solid #e1e1e1; padding: 30px 25px; box-sizing: border-box;}
.recommendWrap li .tit {color: #5289c1; font-family: 'GmarketSansTTFMedium'; margin-bottom: 10px;}
.recommendWrap li .basicText {letter-spacing: -0.05em; line-height: 120%;}
.recommendWrap li:last-child {margin-right: 0;}

.medicalList {width: 100%; display: flex; gap: 90px; justify-content: space-between;}
.medicalList li {width: 20%; position: relative;}
.medicalList li::after {content: ''; position: absolute; top: 30%; right: -52px; background: url('/images/Health/images/01/medical_arrow.png') no-repeat; width: 19px; height: 17px;}
.medicalList li:last-child::after {display: none;}

.medicalList li .icon {width: 100%; min-height: 100px; border-radius: 10px; margin-bottom: 15px; background: url('/images/Health/images/01/medical_icon1.png') center center no-repeat #f4f4f4;}
.medicalList li .icon.type02 {background: url('/images/Health/images/01/medical_icon2.png') center center no-repeat #f4f4f4;}
.medicalList li .icon.type03 {background: url('/images/Health/images/01/medical_icon3.png') center center no-repeat #f4f4f4;}
.medicalList li .icon.type04 {background: url('/images/Health/images/01/medical_icon4.png') center center no-repeat #f4f4f4;}
.medicalList li .icon.type05 {background: url('/images/Health/images/01/medical_icon5.png') center center no-repeat #f4f4f4;}

.medicalList li p {font-family: 'GmarketSans'; font-size: 15px; color: #000; text-align: center;}

@media screen and (max-width: 1200px) {
    .medicalList {gap: 65px;}
    .medicalList li::after {right: -40px;}
}

@media screen and (max-width: 1025px) {
    .medicalList {flex-wrap: wrap; justify-content: flex-start; gap: 60px; row-gap: 20px;}
    .medicalList li {width: 25%;}   
    .medicalList li::after {right: -40px;}
}

@media screen and (max-width: 780px) {
    .recommendWrap {flex-wrap: wrap;}
    .recommendWrap li, .recommendWrap.nth2 li {width: 100%; margin-bottom: 15px; margin-right: 0;}
    .recommendWrap li:last-child {margin-bottom: 0;}

    .medicalList li {width: 39%;}
}

@media screen and (max-width: 480px) {
    .recommendWrap {font-size: 14px;}
    .recommendWrapli .tit {margin-bottom: 0;}

    .medicalList li {width: 32%;}
    .medicalList li .icon { min-height: 85px; background-size: 50px !important;}
}

/* 내원이력조회 */
.historyWrap {width: 100%; min-height: 450px; background-color: #f4f4f4; border-radius: 15px; text-align: center; position: relative; padding-top: 60px;}
.historyWrap::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: url('/images/Health/images/01/history_Bg.png') no-repeat; width: 952px; height: 317px; background-size: 100%;}

.historyWrap .textBox .tit {font-family: 'jalnan'; font-size: 24px; color: #5289c1; margin-bottom: 20px;}
.historyWrap .textBox .txt {font-family: 'GmarketSans'; font-size: 16px; color: #3d3d3d;}

.historyWrap a {position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); display: block; width: 334px; height: 238px; background: url('/images/Health/images/01/history_link.png') no-repeat; background-size: 100%; font-size: 0;}

@media screen and (max-width: 1400px) {
    .historyWrap {min-height: 370px;}
    .historyWrap::before {width: 770px; height: 256px;}
    .historyWrap a {width: 270px; height: 200px;}
}

@media screen and (max-width: 1200px) {
    .historyWrap {min-height: 320px;}
    .historyWrap::before {width: 658px; height: 217px;}
    .historyWrap a {width: 240px; height: 175px;}
}

@media screen and (max-width: 1025px) {
    .historyWrap::before {width: 620px; height: 207px;}
}

@media screen and (max-width: 680px) {
    .historyWrap {min-height: auto; padding: 30px; box-sizing: border-box;}
    .historyWrap::before {display: none;}

    .historyWrap .textBox .tit {font-size: 20px; margin-bottom: 15px;}
    .historyWrap .textBox .txt {font-size: 14px; margin-bottom: 15px;}
    .historyWrap a {position: static; transform: translateX(0); margin: 0 auto;}
}    

/* 결핵관리이미지 */
.controlImg {background-color: #f4f4f4; padding: 35px; box-sizing: border-box;  border-radius: 15px;}

@media screen and (max-width: 1200px) {
    .controlImg .img-preview img {width: 100% !important;}
}

@media screen and (max-width: 680px) {
    .controlImg {padding: 0;}
}