@charset "utf-8";

.stit1 { font-size: 4rem; color:#1b2f51; font-weight: 400; font-family: 'ROKAFSans'; letter-spacing: -0.02em; line-height: 1.1em; margin-bottom: 1.7em; }
.stit1.mbs { margin-bottom: 1.2em; }
.stit1 .fs-s { font-size: 0.5em; line-height: 1.0em; }

.stxt1 { font-size: 1.8rem; color:#787878; line-height: 2em; }
.stxt2 { font-size: 2.4rem; color:#5a6271; line-height: 1.4em; }

@media all and (max-width:1480px) {
  .stxt1 { line-height: 1.8em; }
}

@media all and (max-width:1280px) {
  .stit1 { font-size: 3.6rem; margin-bottom: 1.4em;  }
  .stit1.mbs { margin-bottom: 0.8em; }

  .stxt1 { font-size: 1.7rem; }
}

@media all and (max-width:976px) {
  .stit1 { font-size: 3.2rem; }
  .stxt2 { font-size: 2.2rem; }
}

@media all and (max-width:568px) {
  .stxt2 br { display: none; }
}

@media all and (max-width:480px) {
  .stit1 { font-size: 2.8rem; }
  .stxt2 { font-size: 2rem; }
}


/* 병원소개 */
#greeting { display: flex;  align-items: center; }
#greeting > div { width: 50%; }
#greeting .img img { max-width: 90%; }
#greeting .txt .typo { font-size: 4rem; color:#212121; font-family: 'ROKAFSans'; margin-bottom: 1.4em; }
#greeting .txt .stxt1 { margin-bottom: 1.2em; }
#greeting .txt .sign { font-size: 1.8rem; color:#212121; font-weight: 500; }
#greeting .txt .sign span { font-size: 3.8rem; font-family: 'Somi'; margin-left: 0.3em; }

@media all and (max-width:1480px) {
  #greeting { align-items: flex-start; }
  #greeting .txt .typo { font-size: 3.6rem; margin-bottom: 1em; }
  #greeting .txt .stxt1 { margin-bottom: 1.5em; }
}

@media all and (max-width:1280px) {
  #greeting .txt .typo { font-size: 3rem; }
}

@media all and (max-width:976px) {
  #greeting .txt .typo { font-size: 2.6rem; }
}

@media all and (max-width:767px) {
  #greeting { display: block; }
  #greeting > div { width: 100%; }
  #greeting .img { text-align: center; }
  #greeting .img img { width: 100%; max-width: 500px; }
  #greeting .txt { max-width: 500px; padding: 7% 0; margin: 0 auto; }
}

@media all and (max-width:480px) {
  #greeting .txt { padding: 10% 0 0; }
}


#sDoctor { position: relative; }
#sDoctor > p { position: absolute; left:0; top:10%;  font-size: 15rem; color:#f7f7f8; font-weight: 900; font-family: 'Poppins'; line-height: 0.6em; }
#sDoctor::before { content:''; width: 92%; max-width: 1760px; height: calc(90% - 9rem); background: #f6f7f9;
                            border-radius: 0 5em 0 0 ; position: absolute; left:0; bottom:0; }
#sDoctor .s-inner { display: flex; align-items: flex-end;  }
#sDoctor .s-inner > div { width: 60%; }
#sDoctor .s-inner > div.img { width: 40%; text-align: center; }
#sDoctor .s-inner > div.img img { max-width: 95%; }
#sDoctor .s-inner .cont { padding: 4%;  }
#sDoctor .s-inner .cont dl { position: relative; margin-bottom: 2.5em; color:#212121;  }
#sDoctor .s-inner .cont dl::after { content: ''; width: 197px; height: 60px;
                                                background: url("/images/sub/symbol_230321.png") no-repeat right center; background-size: auto 100%;
                                                position: absolute; right:0; bottom:0; }
#sDoctor .s-inner .cont dl dt { font-size: 2.2rem; font-weight: 600; line-height: 1.5em; }
#sDoctor .s-inner .cont dl dd { font-size: 5.5rem; font-family: 'ROKAFSans'; line-height: 1.0em;}
#sDoctor .s-inner .cont .profile { background: #fff; padding: 5rem; font-size:0; }
#sDoctor .s-inner .cont ul { display: inline-block; vertical-align: top; min-width: 45%; margin-right: 10%; }
#sDoctor .s-inner .cont ul + ul { margin-right: 0; }
#sDoctor .s-inner .cont ul li { font-size: 1.7rem; margin: 0.7em 0; }


@media all and (max-width:1580px) {
  #sDoctor > p { top: 15%; font-size: 12rem; }
  #sDoctor::before {  height: calc(85% - 7rem);  }
  #sDoctor .s-inner .cont { padding: 5% 8% 5% 3%;  }
  #sDoctor .s-inner .cont ul li { font-size: 1.6rem; }
}

@media all and (max-width:1480px) {
  #sDoctor .s-inner > div { width: 68%; }
  #sDoctor .s-inner > div.img { width: 32%; }
  #sDoctor .s-inner .cont dl::after { height: 50px; }
  #sDoctor .s-inner .cont .profile { padding: 4rem 3rem;  }
}


@media all and (max-width:1280px) {
  #sDoctor > p { font-size: 10rem; }
  #sDoctor::before {  height: calc(85% - 6rem);  }
  #sDoctor .s-inner .cont dl { margin-bottom: 2em; }
  #sDoctor .s-inner .cont dl::after { height: 45px; }
  #sDoctor .s-inner .cont dl dt { font-size: 2rem; }
  #sDoctor .s-inner .cont dl dd { font-size: 4.6rem }
  #sDoctor .s-inner .cont .profile { padding: 3rem;  }
  #sDoctor .s-inner .cont ul { margin-right: 5%; }
}

@media all and (max-width:1080px) {
  #sDoctor::before { width: 96%; }
  #sDoctor .s-inner > div { width: 50%; }
  #sDoctor .s-inner > div.img { width: 50%; }
  #sDoctor .s-inner .cont { padding: 4%;  }
  #sDoctor .s-inner .cont ul li { margin: 0.5em 0; }
  #sDoctor .s-inner .cont ul li.mt40 { margin-top: 2em !important; }
  #sDoctor .s-inner .cont ul + ul { margin-top: 2rem; }
}

@media all and (max-width:976px) {

  #sDoctor > p { font-size: 8.5rem; }
  #sDoctor::before {  height: calc(85% - 5rem);  }
  #sDoctor .s-inner .cont { padding: 3%; }
  #sDoctor .s-inner .cont dl::after { height: 40px; }
  #sDoctor .s-inner .cont ul li { font-size: 1.7rem; }
  #sDoctor .s-inner .cont .profile { padding: 2rem 3rem;  }
}

@media all and (max-width:860px) {
  #sDoctor::before { display: none; }
  #sDoctor > p { font-size: 10vw; top: inherit; bottom:0; z-index: 2; line-height: 1em; }
  #sDoctor .s-inner { display: block; width: 100%; }
  #sDoctor .s-inner > div.img { position: relative; width: 100%; }
  #sDoctor .s-inner > div.img img { max-width: 45%; }
  #sDoctor .s-inner > div.img::before { content:''; width: 92%; height: 60%; background: #f6f7f9; z-index:-1;
                              border-radius: 0 5em 0 0 ; position: absolute; left:0; bottom:0; }
  #sDoctor .s-inner .cont { width: 92%; padding: 7% 0 7% 5%; }
  #sDoctor .s-inner .cont .profile { border: 1px dotted #dee3ee; }
}

@media all and (max-width:480px) {
    #sDoctor .s-inner .cont { padding: 10% 0 7% 5%; }
    #sDoctor .s-inner > div.img::before { border-radius: 0 3em 0 0 ;  }
    #sDoctor .s-inner > div.img img { max-width: 60%; }
}



#csHour { position: relative; display: table; table-layout: fixed; width: 96%; max-width: 1760px;  }
#csHour > div { display: table-cell; vertical-align: middle; }
#csHour .img img { max-width: 100%; }
#csHour .cont { width: 45.5%; background: #3868ba; padding: 3% 4%;  color:#fff;  }
#csHour .cont h4 { font-size: 3.4rem; font-family: 'ROKAFSans'; font-weight: 400; margin-bottom: 0.4em; }
#csHour .cont h4 span{font-size:1.5rem; display:inline-block; vertical-align:middle; margin:0 0 0 1.5rem;}
#csHour .cont .hour_info dl {  font-size: 1.8rem; margin-top: 1.5em; padding: 5% 7%; border-radius: 0 2em 0 2em; background: #fff url("/images/sub/hourBG.png") no-repeat right bottom; }
#csHour .cont .hour_info dl dt,
#csHour .cont .hour_info dl dd { display: inline-block; vertical-align: top; color:#212121; margin: 0.5em 0;  }
#csHour .cont .hour_info dl dt { width: 100px; font-weight: 700;  }
#csHour .cont .hour_info dl dd { width: calc(100% - 100px); font-weight: 400; }
#csHour .cont .tel_info { margin-top: 3em; }
#csHour .cont .tel_info p { display: inline-block; vertical-align: bottom; line-height: 1.0em; }
#csHour .cont .tel_info p.tel { font-size: 4.6rem; font-weight: 700;  font-family: 'GmarketSansBold'; }
#csHour .cont .tel_info p.fax { font-size: 2.2rem; margin: 0 0 0.45em 1em;  }


@media all and (max-width:1680px) {
  #csHour .cont h4 { font-size: 3rem; }
  #csHour .cont .hour_info dl { font-size: 1.7rem;  padding: 2em 3em; }
  #csHour .cont .tel_info p.tel { font-size: 4rem; }
}

@media all and (max-width:1480px) {
  #csHour .cont { width: 40%; padding: 3%; }
  #csHour .cont h4 { font-size: 2.5rem; }
  #csHour .cont .hour_info dl { margin-top: 1em;  padding: 1.6em 2em; background-size: 35% auto; }
  #csHour .cont .hour_info dl dt { width: 80px; }
  #csHour .cont .hour_info dl dd { width: calc(100% - 80px); }
  #csHour .cont .hour_info dl dt,
  #csHour .cont .hour_info dl dd { margin: 0.3em 0; }
  #csHour .cont .tel_info { margin-top: 2em; }
  #csHour .cont .tel_info p.tel { font-size: 3.4rem; }
  #csHour .cont .tel_info p.fax { font-size: 1.8rem; margin-left: 0.5em; }
}

@media all and (max-width:1280px) {
  #csHour .cont .hour_info dl {  font-size: 1.6rem; }
  #csHour .cont .hour_info dl dt { width: 70px; }
  #csHour .cont .hour_info dl dd { width: calc(100% - 70px); }
  #csHour .cont .tel_info p.tel { font-size: 3rem; margin-right: 0.2em; }
  #csHour .cont .tel_info p.fax { font-size: 1.6rem; margin-left:0; }
}


@media all and (max-width:1080px) {
  #csHour { display: block;  width: 100%; }
  #csHour > div { width: 92%; display: block; }
  #csHour .cont { width: 92%; position: relative; max-width: 600px; padding: 5% 4%; float: right; margin-top: -20%; z-index:1; }
  #csHour .cont .hour_info dl { background-size: auto 90%; }
}

@media all and (max-width:568px) {
  #csHour { width: 90%; margin: 0 auto; }
  #csHour > div  { width: 100% !important; }
  #csHour .cont  { margin-top: 0; padding: 7% 6%; }
}




#sMap .root_daum_roughmap .wrap_map  { height: 600px !important;  }
#sMap #map { width: 100%; height: 600px; }

#sLoca-info { position: relative; width: 85%; padding: 3.5em; border: 1px solid #ebeff5; margin: -7% auto 0; z-index: 10; background: #fff; }
#sLoca-info h4 { font-size: 2.2rem; color:#14203c; font-weight: 400; font-family: 'ROKAFSans'; margin-bottom: 1em;  }
#sLoca-info dl { margin: 0.5em 0; }
#sLoca-info dt, #sLoca-info dd { display: inline-block; vertical-align: middle; font-size: 1.7rem;  }
#sLoca-info dt { width: 130px; font-weight: 700; color:#14203c; }
#sLoca-info dd { width: calc(100% - 130px); }
#sLoca-info dt i { display: inline-block; vertical-align: middle; width: 26px; height: 26px; margin-right: 10px;
                             background-size: 100% auto; background-repeat: no-repeat; }
#sLoca-info dt i.add { background-image: url("/images/sub/ico_map_230321.png"); }
#sLoca-info dt i.tel { background-image: url("/images/sub/ico_tel_230321.png"); }
#sLoca-info dt i.parking { background-image: url("/images/sub/ico_parking_230321.png"); }
#sLoca-info a { position: absolute; right:3.5em; top: 50%; transform: translateY(-50%); width: 120px; line-height: 120px;
                        border-radius: 7px; background: #0f69b2; color:#fff; text-align: center; }
#sLoca-info a .in { display: inline-block; vertical-align: middle; line-height: 1.2em; }
#sLoca-info a .in img { max-width: 80%; }
#sLoca-info a .in p { margin-top: 0.5em; font-family: 'ROKAFSans'; }

@media all and (max-width:976px) {

  #sMap .root_daum_roughmap .wrap_map  { height: 60vw !important;  }
  #sMap #map { height: 60vw; }

  #sLoca-info { padding: 3em 2.5em; }
  #sLoca-info .txt { max-width: calc(98% - 100px); }

  #sLoca-info dt { width: 100px; }
  #sLoca-info dd { width: calc(100% - 100px); }

  #sLoca-info a { width: 100px; line-height: 100px; right: 2em; }
}

@media all and (max-width:767px) {
  #sLoca-info { width: 100%; margin-top:0; }
  #sLoca-info dt, #sLoca-info dd { vertical-align: top; }
  #sLoca-info dt { width: 100px; }
  #sLoca-info dd { width: calc(100% - 100px); margin-top: 0.2em;}

  #sLoca-info .txt { max-width: calc(98% - 100px); }
  #sLoca-info a { width: 90px; line-height: 90px;  }
}

@media all and (max-width:568px) {
  #sMap #map { height: 70vw; }

  #sLoca-info .txt { max-width: 100%; }
  #sLoca-info a { margin-top: 1em; width: 100%; line-height: 1em; padding: 0.5em; display: inline-block; position: relative; right: inherit; top: inherit; transform: none; }
  #sLoca-info a .in img,
  #sLoca-info a .in p { display: inline-block; vertical-align: middle; }
  #sLoca-info a .in img { width: 20px; }
  #sLoca-info a .in p { margin-left: 1em; font-size: 1.7rem; margin-top:0; }
}




/* 클리닉 */
.clnBG::before,
.clnBG::after { content: ''; width: 580px; height: 100%; position: absolute; top:0; z-index:-1; background-repeat: no-repeat; background-size: 100% auto; }
.clnBG::before { left:0; background-image: url("/images/main/clinic_BG1.png"); }
.clnBG::after { right:0; background-image: url("/images/main/clinic_BG2.png"); }

@media all and (max-width:1480px) {
  .clnBG::before,
  .clnBG::after { width: 32%; }
}

@media all and (max-width:568px) {
  .clnBG::before,
  .clnBG::after { width: 38%; }
  .clnBG::after { top: 5%; }
}

.s-section { padding: 7% 0; }
.s-section.pds { padding: 5% 0; }

.bt_bar { position: relative; }
.bt_bar::before { content: ''; width: 100%; height: 50%; background: #f6f7f9; position: absolute; left:0; bottom: 0; z-index:-1; }

.s-section.bt_bar { padding-bottom: 5%; }

@media all and (max-width:1280px) {
  .bt_bar::before { height: 55%; }
}

@media all and (max-width:1080px) {
  .s-section { padding: 10% 0; }
  .s-section.pds { padding: 7% 0; }
  .s-section.bt_bar { padding-bottom: 7%; }

  .bt_bar::before { height: 70%; }
}

@media all and (max-width:767px) {
  .s-section { padding: 12% 0; }
  .s-section.pds { padding: 10% 0; }
  .s-section.bt_bar { padding-bottom: 10%; }
}

@media all and (max-width:400px) {
  .s-section { padding: 15% 0; }
  .s-section.pds { padding: 12% 0; }
  .bt_bar::before { height: 100%; }

  .bt_bar { margin-top: 15%; }
}



.halfCont { display: flex; align-items: center; }
.halfCont > div { width: 50%; }
.halfCont .img { text-align:  center; }
.halfCont .img img { max-width: 90%; }

.stxt2 + .halfCont { margin-top: 5%; }

@media all and (max-width:1380px) {
  .halfCont .img { text-align: left; }
  .halfCont .cont p br { display: none; }
}

@media all and (max-width:1080px) {
  .halfCont .img img { max-width: 100%; }
  .halfCont .cont { padding-left: 5%; }
}

@media all and (max-width:860px) {
  .halfCont { align-items: flex-start; }
  .stxt2 + .halfCont { margin-top: 10%; }
}

@media all and (max-width:767px) {
  .halfCont { display: block; }
  .halfCont > div { width: 100%; }
  .halfCont .img { text-align:  center; }
  .halfCont .img img { width: 500px; }
  .halfCont .cont { padding: 7% 0 0; }
  .halfCont .cont .stit1 { text-align: center; }
}

@media all and (max-width:568px) {
  .halfCont .cont { padding: 9% 0 0; }
}





.imgList { display: flex; align-items: stretch; justify-content: center; }
.imgList li { width: calc((100% - 60px) / 4); margin-left: 20px; background: #fff; }
.imgList li:first-child { margin-left:0; }
.imgList li img { max-width: 100%;  }
.imgList li dl { padding: 2.5em 1em; }
.imgList li dl dt { font-size: 2.4rem; line-height: 1.15em; color:#1b2f51; font-family: 'ROKAFSans'; letter-spacing: -0.03em; margin-bottom: 1em; }
.imgList li dl dd { line-height: 1.6em; padding: 0 1em; }


@media all and (max-width:1480px) {
  .imgList li { width: calc((100% - 30px) / 4); margin-left: 10px; }
  .imgList li dl dt { font-size: 2.2rem; margin-bottom: 0.8em; }
}

@media all and (max-width:1280px) {
  .imgList li dl { padding: 2em 1em; }
  .imgList li dl dt { font-size: 2rem; }
  .imgList li dl dd { line-height: 1.5em; }

  .imgList.col3 li { width: calc((100% - 20px) / 3); }
}

@media all and (max-width:1080px) {
  .imgList { flex-wrap: wrap; max-width: 790px; margin: 0 auto;  justify-content: space-between;}
  .imgList li { width: calc((100% - 20px) / 2); margin: 10px 0 10px 20px; }
  .imgList li:nth-child(odd) { margin-left:0; }

  .imgList.col3 li { width: 100%; margin: 5px 0; display: flex; align-items: center; }
  .imgList.col3 li img { width: 50%; }
  .imgList.col3 li:nth-child(even) { direction: rtl; }
  .imgList.col3 li dl { width: 50%; direction: ltr; }
}

@media all and (max-width:568px) {
  .imgList li { width: calc((100% - 10px) / 2); margin: 5px 0 5px 10px; }
  .imgList li dl { padding: 1.7em 1em; }
  .imgList li dl dt { font-size: 2.2rem; }
}

@media all and (max-width:400px) {
  /* .imgList { max-width: 90%; } */
  .imgList li { width: 100%; margin: 5px 0 5px 0;  }
  .imgList li dl { padding: 2.2em 1em; }

  .imgList.col3 li { display: block; }
  .imgList.col3 li img,
  .imgList.col3 li dl { width: 100%; }
}







.orderList { overflow: hidden; text-align: left; counter-reset: orderList; font-size:0;  }
.orderList > li { position: relative; counter-increment: orderList; width: calc((100% - 40px) / 3); display: inline-block; vertical-align: top;
                      padding: 1rem; border: 6px solid #eef3f7; border-radius: 60px; margin: 10px 0 10px 10px; }

.orderList.col2 > li { position: relative; counter-increment: orderList; width: calc((100% - 40px) / 2); display: inline-block; vertical-align: top;
                      padding: 1rem; border: 6px solid #eef3f7; border-radius: 60px; margin: 10px 0 10px 10px; }

.orderList.col2 > li:first-child { margin-left:0; }
.orderList.col2 > li:nth-child(2n+1) { margin-left:10px; }
.orderList.col2 > li:nth-child(3n+1) { margin-left:10px; }

.orderList > li:nth-child(3n+1) { margin-left:0; }
.orderList > li::before {  content: counter(orderList, decimal-leading-zero); color:#fff; text-align: center; text-indent: -0.2em;
                                 font-size: 1.75rem; font-family: 'GmarketSansBold'; font-style: italic;
                                 width: 46px; line-height: 46px; display: inline-block; vertical-align: middle; background:#86d1f5; border-radius: 100%; }
.orderList > li p { display: inline-block; vertical-align: middle; max-width: calc(100% - 46px);
                         line-height: 1.3em; font-size: 2rem; color:#5a6271;  padding-left: 0.6em; }

@media all and (max-width:1480px) {
  .orderList > li { width: calc((100% - 20px) / 2);  }
  .orderList > li:nth-child(3n+1) { margin-left:10px; }
  .orderList > li:nth-child(odd)  { margin-left:0; }
}

@media all and (max-width:1280px) {
  .orderList > li::before { width: 40px; line-height: 40px; font-size: 1.5rem; }
  .orderList > li p { font-size: 1.8rem; }
}

@media all and (max-width:976px) {
  .orderList > li { width: calc((100% - 10px) / 2); margin: 5px 0 5px 5px;  }
  .orderList > li:nth-child(3n+1) { margin-left:5px; }
  .orderList > li:nth-child(odd)  { margin-left:0; }
}

@media all and (max-width:767px) {
  .orderList > li { width: 100%; margin: 4px 0 4px 0 !important; border-width: 5px; padding: 0.8rem;  }
  .orderList > li::before { width: 36px; line-height: 36px; }

  .orderList.col2 > li { position: relative; counter-increment: orderList; width: 100%; display: inline-block; vertical-align: top;
                      padding: 1rem; border: 6px solid #eef3f7; border-radius: 60px; margin: 10px 0 10px 10px; }
.orderList.col2 > li:first-child { margin-left:0; }
.orderList.col2 > li:nth-child(2n+1) { margin-left:0; }
.orderList.col2 > li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:480px) {
    .orderList > li { margin: 2.5px 0 2.5px 0 !important;  }
    .orderList > li::before { width: 32px; line-height: 32px;  }
}



.equipCont { display: flex; align-items: center; background: #eef3f7; }
.equipCont.cancer1,
.equipCont.cancer4{margin-top:7%}
.equipCont > div { width: 50%; }
.equipCont .img { text-align:  center; }
.equipCont .img img { max-width: 100%;  }
.equipCont .cont { padding: 5% 7% 5% 1%; }

@media all and (max-width:1080px) {
  .equipCont .cont { padding: 7% 7% 7% 1%; }
}

@media all and (max-width:767px) {
  .equipCont { display: block; padding-top: 3%; }
  .equipCont > div { width: 100%; }
  .equipCont .img img { max-width: 90%;  }
  .equipCont .cont { padding: 7%; }
}

@media all and (max-width:480px) {
  .equipCont .img img { max-width: 100%;  }
}






.memberWrap { padding: 5%; border: 15px solid #f7f7f8; }
.memberWrap h4 { color:#1b2f51; font-size: 2rem; margin-bottom: 0.7em; }
.memberWrap p { font-size: 1.7rem; color:#5a6271; line-height: 1.6em; margin-bottom: 2em; }





.zzWrap .zzCont { position: relative;  width: 100%; overflow: hidden; margin: 0 auto; 
                            background-size: 50% cover;  background-position: left center; background-repeat: no-repeat;   margin-top: 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
.zzWrap .zzCont:first-child { margin-top:0; }
/* .zzWrap .zzCont:nth-child(even) { background-position: right center; color:#231815; } */

.zzWrap .zzCont .zz-cont { float: left; float: right; width: 50%; padding:  5%; box-sizing: border-box; background:#FFF }
.zzWrap .zzCont .zz-cont.birth4 { width: 60%; }
/* .zzWrap .zzCont:nth-child(even) .zz-cont { float: left;} */
.zzWrap .zzCont .zz-cont dt {font-family: 'ROKAFSans'; font-size: 2.2em; color:#212121; font-weight: NORMAL; letter-spacing: -0.03em; }
.zzWrap .zzCont .zz-cont dd.lt1 {font-size:1.45em; color:#222; font-weight:600; margin:0.7em 0 1em;}
.zzWrap .zzCont .zz-cont dd.lt2 { font-size:1.55em; color:#222; font-weight:600; margin:1.5em 0 0.3em;   font-weight: 500;   line-height: 1.5em;}
.zzWrap .zzCont .zz-cont dd {font-size:1.09em;  line-height: 1.9em; letter-spacing: -0.05em; }
.zzWrap .zzCont .zz-cont dd ul{padding-left: 2em;}
.zzWrap .zzCont .zz-cont dd ul li{list-style-type: auto; margin-bottom: .5em;}
.zzWrap .zzCont .zz-cont dd ul li b{font-weight: 500; color: #333;}
.zzWrap .zzCont .zz-cont dd.eff {font-size:1.25em; color:#222; font-weight:500; margin:1.3em 0; line-height:1.4em;}
.zzWrap .zzCont .zz-cont dd .point {display:inline-block; padding:3px 1.5em; color:#FFF; background:#cf7b77; border-radius:30px; margin-bottom:5px;}
.zzWrap .zzCont .zz-cont dd .point2 {display:inline-block; padding:3px 1.5em; color:#FFF; background:#bba293; border-radius:30px;  margin-bottom:5px;}
.zzWrap .zzCont .zz-cont dd .point3 {display:inline-block; padding:3px 1.5em; color:#FFF; background:#ed952a; margin-bottom:5px;}
.zzWrap .zzCont .zz-cont dd.st1 {font-size:1.09em; color:#222; }
#medical1-1 { background: #fff url("/images/sub/medi01.jpg") no-repeat; }
#medical1-2 { background: #fff url("/images/sub/medi02.jpg") no-repeat;}
#medical1-3 { background: #fff url("/images/sub/medi03.jpg") no-repeat;}
#medical1-4 { background: #fff url("/images/sub/medi04.jpg") no-repeat;}
#medical1-5 { background: #fff url("/images/sub/medi05.jpg") no-repeat;}
#medical1-6 { background: #fff url("/images/sub/medi06.jpg") no-repeat;}
#medical1-7 { background: #fff url("/images/sub/medi07.jpg") no-repeat;}
#medical1-8 { background: #fff url("/images/sub/medi08.jpg") no-repeat;}
#medical1-9 { background: #fff url("/images/sub/medi09.jpg") no-repeat;}
#medical1-10 { background: #fff url("/images/sub/medi10.jpg") no-repeat;}
#medical1-11 { background: #fff url("/images/sub/medi11.jpg") no-repeat;}
#medical1-12 { background: #fff url("/images/sub/medi12.jpg") no-repeat;}



@media all and (max-width:1280px) {
   .zzWrap .zzCont { background-size: auto 100%; }
   .zzWrap .zzCont .zz-cont dt { font-size: 1.8em; }
   .zzWrap .zzCont .zz-cont dd br { display: none; }
}

@media all and (max-width:860px) {
   .zzWrap .zzCont { background-size: 100% auto; background-position: center top !important; padding-top: 50vw;  }
    .zzWrap .zzCont#medical1-15{background-position: center top -180px !important;}
   .zzWrap .zzCont .zz-cont { width: 100%; }
	.zzWrap .zzCont .zz-cont.birth4 { width: 100%;  }

   #lift2-volet {  background-position: center -270px !important;}
}

@media all and (max-width:680px) {
   #lift2-volet {  background-position: center -220px !important;}
}

@media all and (max-width:530px) {
   #lift2-volet {  background-position: center -160px !important;}
}

@media all and (max-width:420px) {
   #lift2-volet {  background-position: center -130px !important;}
}

.parking{margin-top:4%;}
.parking img{max-width:100%;}