header.header { background: #fff !important; border-bottom: 1px solid var(--color-border)!important; } 
header.header .logo { background: url(/theme/basic/img/logo_on.svg)no-repeat center / contain!important; } 
header.header .gnb > li > a { color: #000!important; } 
header.header .gnb > li > a .link { filter: invert(100%)!important; }


/*-------------------병원소개--------------------*/
/*재단소개*/
.intro.page01 .sec01 { padding-bottom: var(--inner-pd); border-bottom:1px solid var(--color-border); } 
.intro.page01 .sec01 .intro-img { width: 90%; height:330px; background: url(../../img/intro_img.jpg)no-repeat center / cover; } 
.intro.page01 .sec01 p { position: relative; width: 628px; margin-top: -4em; margin-left: auto; padding: 2.9rem 5rem; border: 2rem solid #EFF3F4; background: #fff; font-size: 2rem; text-align: left; font-weight: 600; z-index: 1; } 
.intro.page01 .sec02 { padding: calc(var(--inner-pd) / 2) 0 0 var(--inner-cont-pd); } 
.intro.page01 .swiper { width: 100%; height: 100%; } 
.intro.page01 .swiper-wrapper { margin-left: -37%; margin-bottom: 16px; } 
.intro.page01 .swiper-slide { height: auto; min-width: 290px; border-radius: 2.4rem; padding: 4.2rem 3.6rem; background: #fff; transition: .1s .2s; } 
.intro.page01 .swiper-slide .hi-year { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1em; } 
.intro.page01 .swiper-slide .hi-year h2 { display: inline; font-size: 3rem; color: var(--color-txt); font-weight: 900; } 
.intro.page01 .swiper-slide .hi-mon { width: 64px; line-height: 1.3; font-weight: 600; color: #000; font-size: 1.8rem; text-align: left; } 
.intro.page01 .swiper-slide .hi-txt { width: calc(100% - 64px); line-height: 1.3; color: var(--color-txt); font-size: 1.6rem; text-align: left; word-break: break-word; } 
.intro.page01 .swiper-slide .hi-cont-it { display: flex; margin-bottom: 10px; } 
.intro.page01 .swiper-slide .hi-cont-it:last-child { margin-bottom: 0; } 
.intro.page01 .swiper-button-wr { text-align: left; } 
.intro.page01 .swiper-button-next, .intro.page01 .swiper-button-prev { position: relative; height: auto; margin-top: 0; display:inline-block; } 
.intro.page01 .swiper-button-next:after, .intro.page01 .swiper-button-prev:after { display: none; } 
.intro.page01 .swiper-button-prev { margin-left: 17px; } 
.intro.page01 .swiper-button-prev, .intro.page01 .swiper-container-rtl .swiper-bu tton-next { left: 0; } 
.intro.page01 .swiper-button-next { margin-left: 22px; } 

.intro.page01 .swiper-slide { background: var(--color-bg); border: 1px solid var(--color-border); } 
.intro.page01 .swiper-slide.swiper-slide-active .hi-year h2 { transition: .1s .2s; color: #000; } 
.intro.page01 .swiper-slide.swiper-slide-active .hi-year h2 span { transition: .1s .2s; color: var(--color-point); } 
.intro.page01 .swiper-slide.swiper-slide-active .hi-txt { transition: .1s .2s; } 

@media screen and (max-width:1440px) {
    .intro.page01 .sec01 p {font-size: 1.8rem;}
    .intro.page02 .sec01 .greeting-wr .txt-wr {width: 56%;}
    .intro.page02 .sec01 .greeting-wr .img-box {width: 44%;}
    .intro.page01 .sec02 {padding: calc(var(--inner-pd) / 2) 0 0 calc(var(--inner-cont-pd) / 1.5);}
}
@media screen and (max-width:1440px) {
    .intro.page01 .sec02 {padding: calc(var(--inner-pd) / 2) 0 0 var(--inner-cont-pd);}
    .intro.page01 .swiper-wrapper { margin-left: -33.5%; } 

}
@media screen and (max-width:1024px) { 
    .intro.page01 .swiper-wrapper { margin-left: -25%; }
}
@media screen and (max-width:900px) { 
    /*768*/
    .intro.page01 .sec01 .intro-img {width: 100%;}
    .intro.page01 .sec01 p {width: 100%; margin-top: 1em;}
    .intro.page01 .sec02 {padding: calc(var(--inner-pd) / 2)  var(--inner-cont-pd) 0; }
}
@media screen and (max-width:768px) { 
    /*500*/
    .intro.page01 .sec01 {padding-bottom: 3em;}
    .intro.page01 .sec01 .intro-img {    height: 209px;}
    .intro.page01 .sec01 p {    padding: 1em;font-size: 1.6rem;}
    .intro.page01 .sec02 {padding: calc(var(--inner-pd) * 2 )  var(--inner-cont-pd) 0;}
    .intro.page01 .swiper-wrapper {    margin-left: 0;}
}

/*인사말*/
.intro.page02 .sec01 { text-align: left; } 
.intro.page02 .sec01 .greeting-wr .txt-wr { width: 50%; padding-right: 2em; } 
.intro.page02 .sec01 .greeting-wr .img-box { width: 50%; height: 500px; background: url(/theme/basic/img/sub01/page02_img.jpg)no-repeat center/cover; } 
.intro.page02 .sec01 .greeting-wr .s-tit { margin-bottom: 2em; font-size: 2.3rem;word-break: keep-all;} 
.intro.page02 .sec01 .greeting-wr .txt { font-size: 1.8rem; } 
.intro.page02 .sec01 .greeting-wr .txt i { color: #000; font-weight: 600; } 
@media screen and (max-width:1200px) {
    .intro.page02 .sec01 .greeting-wr {flex-direction: column-reverse;align-items: flex-start;}
    .intro.page02 .sec01 .greeting-wr .txt-wr {width: 100%;}
    .intro.page02 .sec01 .greeting-wr .txt-wr br.m-br {display: none;}
    .intro.page02 .sec01 .greeting-wr .img-box {width: 100%;margin: 2em 0; background: url(/theme/basic/img/sub01/page02_img.jpg)no-repeat 100% 16%/cover;}
    .intro.page02 .sec01 .greeting-wr .s-tit {margin-bottom: 1em}
}
@media screen and (max-width:1200px) {
.intro.page02 .sec01 .greeting-wr .img-box {height: 250px;}
}
/*병원 둘러보기*/

/*층별안내*/
.intro.page04 table.ta-style tr th {    white-space: pre;}

/*원내전화번호*/
.intro.page05 .b-tit { text-align: left; } 


/*찾아오시는 길*/
.intro.page06 .map-wr .root_daum_roughmap { width: 100%; height:450px; } 
.intro.page06 .map-wr .root_daum_roughmap .wrap_map { height: calc(100% - 32px); }