@charset "utf-8";

#mVisual {position:relative; width:100%; height:850px; overflow:hidden; }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.mv_slider.mv1 {background-image:url('/images/main/m_visual1_230403.jpg'); }
.mv_slider.mv2 {background-image:url('/images/main/m_visual2_230403.jpg'); }

#mVisual .mv_slider .mv-txt { display:flex; align-items: center; width:92%; height:100%; margin:0 auto; max-width: 1600px; }
#mVisual .mv_slider .mv-txt.txtR { justify-content: flex-end; }
#mVisual .mv_slider .mv-txt div { width: 50%; padding: 0 2%; box-sizing:border-box; color:#fff; margin-top: -2%;  }
#mVisual .mv_slider .mv-txt div .t1 { font-size: 5rem;  font-family: 'Hardworking'; }
#mVisual .mv_slider .mv-txt div .t2 { font-size: 6rem; font-weight: 700; font-family: 'ROKAFSans'; line-height: 1.1em; margin: 0.1em 0 0.4em;  }
#mVisual .mv_slider .mv-txt div .t3 { font-size: 1.3rem; font-weight: 100; letter-spacing: 1.4em; display: inline-block; background: rgba(255,255,255,0.2); padding: 0.3em 0.3em 0.22em 1.5em; line-height: 1.0em; }
#mVisual .mv_slider .mv-txt div .t4 { font-size: 2rem; line-height: 1.7em; margin-top: 1.2em; }


@media all and (max-width:1480px) {
  #mVisual { height: 60vw; }
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 4.5rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 7rem; margin: 0.2em 0 0.5em; }
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 1.2rem; }
  #mVisual .mv_slider .mv-txt div .t4 { font-size: 1.8rem; margin-top: 1.8em; }
}

@media all and (max-width:1080px) {
  #mVisual { height: 70vw; }
  #mVisual .mv_slider .mv-txt div { width: auto; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 6.2rem; }
}

@media all and (max-width:860px) {
  #mVisual { height: 80vw; }
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 4.2rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 5.8rem; }
}

@media all and (max-width:568px) {
  #mVisual { height: 100vw; }
  #mVisual .mv_slider .mv-txt.txtR { justify-content: flex-start; }

  #mVisual .mv_slider .mv-txt div .t1 { font-size: 4rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 5.2rem; }
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 1.1rem; }
  #mVisual .mv_slider .mv-txt div .t4 { font-size: 1.6rem; }
}

@media all and (max-width:400px) {
  #mVisual .mv_slider .mv-txt div { margin-top: -5%; }
  #mVisual .mv_slider .mv-txt div .t1 { font-size: 3.5rem; }
  #mVisual .mv_slider .mv-txt div .t2 { font-size: 4.2rem; }
  #mVisual .mv_slider .mv-txt div .t3 { font-size: 1.0rem; letter-spacing: 1em; }
  #mVisual .mv_slider .mv-txt div .t4 { font-size: 1.5rem; line-height: 1.5em; }
  #mVisual .mv_slider .mv-txt div .t4 br { display: none; }
}

@media all and (max-width:350px) {
  #mVisual { height: 120vw; }
}


.mtit { font-size: 4.2rem; color:#212121; font-weight: 400; font-family: 'ROKAFSans'; margin-bottom: 0.7em; }
.mtit_en { font-size: 1.2rem; color:#212121; letter-spacing: 1.5em; font-weight: 300; }
.typo1 { font-size: 3.2rem; font-family: 'Arita-buri-SemiBold'; color:#989898; }
.mtxt1 { font-size: 1.8rem; color: #989898; line-height: 1.5em; }

@media all and (max-width:1080px) {
  .mtit { font-size: 3.6rem; }
  .mtit_en { font-size: 1.05rem;  }
  .typo1 { font-size: 3rem; }
  .mtxt1 { font-size: 1.7rem; }
}

@media all and (max-width:480px) {
  .typo1 { font-size: 2.6rem; }
}

.go { position: relative; }
.go p { font-size: 1.5rem; font-weight: 700; text-align: center; width: 50px; line-height: 42px;
          border: 4px solid rgba(255,255,255,0.4); display: inline-block; vertical-align: middle; }
.go::before { content: ''; width: calc(100% - 65px); margin-right: 15px; height: 1px; display: inline-block; vertical-align: middle; background: rgba(255,255,255,0.2); }
.go::after { content: ''; top: 50%; left:0; margin-top: -0.5px; width: calc(100% - 65px); height: 1px;
                background: #86d1f5;  z-index:1; display: inline-block; position: absolute; transform:scaleX(0); transform-origin: left; }

@media all and (max-width:480px) {
  .go p { width: 46px; line-height: 40px; border-width: 3px; }
  .go::before { width: calc(100% - 56px); margin-right: 10px; }
  .go::after { width: calc(100% - 56px); }
}


#mClinic1 { position: relative; width: 100%; padding: 6% 0; }
#mClinic1::before,
#mClinic1::after { content: ''; width: 580px; height: 100%; position: absolute; top:0; z-index:-1; background-repeat: no-repeat; background-size: 100% auto; }
#mClinic1::before { left:0; background-image: url("/images/main/clinic_BG1.png"); }
#mClinic1::after { right:0; background-image: url("/images/main/clinic_BG2.png"); }
#mClinic1 .txt { text-align: center; color: #989898; }
#mClinic1 .txt .typo1 { margin: 1.8em 0 1.6em; }
#mClinic1 ul { overflow: hidden; margin-top: 5%; }
#mClinic1 ul li { position: relative; float: left; width: calc((100% - 60px) / 4); margin-left: 20px; height: 480px; max-height: 28vw;
                        background-repeat: no-repeat; background-size: cover; background-position: center; }
#mClinic1 ul li:first-child { margin-left:0; }
#mClinic1 ul li a { display: block; width: 100%; height: 100%; color:#fff; padding: 3.5em 2.5em;  }
#mClinic1 ul li h4 { font-size: 2.8rem; margin-bottom: 1em; font-family: 'ROKAFSans'; line-height: 1.25em; }
#mClinic1 ul li p { font-size: 1.8rem; }
#mClinic1 ul li .go { position: absolute; left: 1.5em; bottom: 1.5em; width: 100%;  }
#mClinic1 ul li .go::before { width: calc(100% - 3em - 65px);  }
#mClinic1 ul li .go::after { width: calc(100% - 3em - 65px); }
#mClinic1 ul li a:hover .go p { background: #86d1f5; border-color:#86d1f5; transition:all 1s; }
#mClinic1 ul li a:hover .go::after { transform:scaleX(1); transition:all 0.5s; }

#mClinic1 ul li.mCancer1 { background-image: url("/images/main/clinic1_230403.png"); }
#mClinic1 ul li.mCancer2 { background-image: url("/images/main/clinic2.png"); }
#mClinic1 ul li.mCancer3 { background-image: url("/images/main/clinic3.png"); }
#mClinic1 ul li.mCancer4 { background-image: url("/images/main/clinic4.png"); }


@media all and (max-width:1480px) {
  #mClinic1::before,
  #mClinic1::after { width: 32%; }
  #mClinic1 ul li a { padding: 2.5em 2em;  }
  #mClinic1 ul li .go::before { width: calc(100% - 2.5em - 60px);  }
  #mClinic1 ul li .go::after { width: calc(100% - 2.5em - 60px); }
  #mClinic1 ul li .go p { width: 45px; line-height: 37px; font-size: 1.4rem;  }
}


@media all and (max-width:1280px) {
  #mClinic1 ul li { width: calc((100% - 45px) / 4); margin-left: 15px; }
  #mClinic1 ul li h4 { font-size: 2.5rem; }
  #mClinic1 ul li p { font-size: 1.6rem; }
}

@media all and (max-width:1080px) {
  #mClinic1 { padding: 8% 0; }
  #mClinic1 ul li a { padding: 2em 1.5em;  }
  #mClinic1 ul li h4 { font-size: 2.3rem; }
  #mClinic1 ul li p { font-size: 1.5rem; }
}

@media all and (max-width:976px) {
  #mClinic1 { padding: 9% 0; }
  #mClinic1 ul { width: 90%; max-width: 700px; margin: 5% auto 0; }
  #mClinic1 ul li { width: calc((100% - 15px) / 2); margin-top: 15px; max-height: 25em; }
  #mClinic1 ul li:nth-child(odd) { margin-left:0; }
  #mClinic1 ul li a { padding: 2.5em 2em;  }
  #mClinic1 ul li h4 { font-size: 2.5rem; }
  #mClinic1 ul li p { font-size: 1.6rem; }
}

@media all and (max-width:767px) {
  #mClinic1 ul li { max-height: 46vw; }
}

@media all and (max-width:568px) {
  #mClinic1 { padding: 14% 0; }
  #mClinic1::before,
  #mClinic1::after { width: 38%; }
  #mClinic1::after { top: 17%; }
  #mClinic1 ul { width: 100%;}
  #mClinic1 ul li { width: calc((100% - 8px) / 2); margin-top: 8px; margin-left: 8px; max-height: 54vw; }
  #mClinic1 ul li a { padding: 2.2em 1.8em;  }
  #mClinic1 ul li h4 { font-size: 2.4rem; }
  #mClinic1 ul li p { font-size: 1.5rem; }

  #mClinic1 ul li .go::before { width: calc(100% - 2.5em - 55px);  }
  #mClinic1 ul li .go::after { width: calc(100% - 2.5em - 55px); }
  #mClinic1 ul li .go p { width: 40px; line-height: 32px; font-size: 1.3rem;  }


  #mClinic1 .txt .mtxt1 { padding: 0 8%; }
  #mClinic1 .txt .mtxt1 br { display: none; }
}

@media all and (max-width:400px) {
  #mClinic1 ul li { max-height: 58vw; }
  #mClinic1 ul li a { padding: 1.8em 1.4em;  }
  #mClinic1 ul li h4 { font-size: 2.2rem; }
  #mClinic1 ul li .go::before { width: calc(100% - 2.5em - 45px);  }
  #mClinic1 ul li .go::after { width: calc(100% - 2.5em - 45px); }
  #mClinic1 ul li .go p { width: 36px; line-height: 30px; border-width: 3px; font-weight: 800; }
}



#mClinic2 { position: relative; width: 100%; overflow: hidden; display: flex; }
#mClinic2 > div {  width: 33.33333%; background-repeat: no-repeat; background-size: cover; overflow: hidden;}
#mClinic2 > div a { width: 100%; height: 100%;  display: flex; align-items: flex-end; color:#fff; }
#mClinic2 > div .txt { width: 100%; direction: ltr; padding-top: 3%; padding-bottom: 5%; padding: 8% 5%; display: flex; flex-direction: column; justify-content: center; position: relative; height: 100%; text-align: center;}
#mClinic2 > div .txt::after{content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.05); z-index: -1; display: block; position: absolute; left: 0; top: 0; opacity: 1; transition: .2s ease-in-out;}
#mClinic2 > div .img { width: 50%; opacity: 0; display: none;}
#mClinic2 > div .mtit,
#mClinic2 > div .mtit_en,
#mClinic2 > div .mtxt1 { color:#fff; }
#mClinic2 > div .mtxt1 { margin-top: 2.5em;  }
#mClinic2 > div .mtit_en { letter-spacing: 1.2em; white-space: nowrap; }
#mClinic2 > div .go { width: 90%; display: inline-block; margin-top: 4em; }
#mClinic2 > div a:hover .go p { background: #fff; border-color:#fff; transition:all 1s; }
#mClinic2 > div a:hover .txt::after{opacity: 0;}
#mClinic2 > div a:hover .go::after { transform:scaleX(1); transition:all 0.5s; background: rgba(255,255,255,0.4);  }

#mClinic2 > div.mRehab .go { position: relative; text-align: right; }
#mClinic2 > div.mRehab .go::before { position: absolute; left: 0; top: 50%; margin-top: -0.5px; margin-right:0;}
#mClinic2 > div.mRehab .go::after { left: inherit; left:0; margin-right:0; transform-origin: left;}
#mClinic2 > div.mRehab:hover .go p { color:#26b9c2; }

#mClinic2 > div.mRehab .mtit_en { direction: rtl; }

#mClinic2 > div.mAntiaging:hover .go p { color:#4976c4; }

.mRehab  { background-image: url("/images/main/mRehab_BG.png"); direction: rtl;  text-align: right; }
.mRehab.mRehab2  { background-image: url("/images/main/mRehab2_BG.png"); direction: rtl;  text-align: right; }
.mAntiaging  { background-image: url("/images/main/mAntiaging_BG.png"); }

/*
.mRehab .txt { padding-right: 8%; padding-left: 3%;  }
.mAntiaging .txt { padding-right: 3%; padding-left: 8%; }
*/


@media all and (max-width:1780px) {
  #mClinic2 > div .img img { max-width: 100%; display: inline-block; vertical-align: bottom; }
/*  #mClinic2 > div .txt  { padding-top: 8%;  }*/
  .mRehab .txt { padding-left:0;  }
}

@media all and (max-width:1480px) {
  #mClinic2 > div .mtit { font-size: 3.6rem; }
  #mClinic2 > div .mtit_en { font-size: 1.1rem; letter-spacing: 1.2em; }
  #mClinic2 > div .mtxt1 { font-size: 1.7rem; }

/*  .mRehab .txt .mtxt1 { margin-left: -20%;  }*/
}

@media all and (max-width:1280px) {
/*  #mClinic2 > div .txt  { padding-top: 10%;  }*/
}

@media all and (max-width:1080px) {
  #mClinic2 { display: block; }
  #mClinic2 > div { width: 100%; overflow: visible;}
  #mClinic2 > div .img { width: 40%; display: none;}
  #mClinic2 > div .txt  { width: 100%; position: relative;}
  #mClinic2 > div .mtxt1 { width: 100%; margin-top: 1.5em;}
  .mRehab .txt .mtxt1 { margin-left: 0%;  }
  #mClinic2 > div .go { margin: 0 auto; margin-top: 1.5em; }
}

@media all and (max-width:767px) {
/*  .mRehab .txt { padding-right: 5%;  }*/
/*  .mAntiaging .txt { padding-left: 5%; }*/

  #mClinic2 > div .img { width: 45%; }
  #mClinic2 > div .txt  { width: 100%; }
}

@media all and (max-width:568px) {
/*  #mClinic2 > div .txt { padding-top: 8%; }*/
  #mClinic2 > div .img { width: 50%; }
  #mClinic2 > div .txt  { width: 100%; padding-top: 8%; padding-bottom: 8%; }
}

@media all and (max-width:400px) {
  #mClinic2 > div a { position: relative; display: block; }
  #mClinic2 > div .img,
  #mClinic2 > div .txt  { width: 100%; }
/*  #mClinic2 > div .txt { padding: 4em 2em 0 !important;  }*/
  #mClinic2 > div .img img { max-width: 70%; }
  #mClinic2 > div .img { text-align: left; }
  #mClinic2 > div.mAntiaging .img { text-align: right; }

  #mClinic2 > div.mRehab .go,
/*  #mClinic2 > div .go {  position: absolute; bottom: 5%; right: 5%;  }*/
  #mClinic2 > div.mRehab .go  { text-align:  right; }
  #mClinic2 > div.mRehab .go::before { right: inherit; left:0; }
  #mClinic2 > div.mRehab .go::after { right: inherit; left:0;  transform-origin: left; }

/*  #mClinic2 > div.mAntiaging .go {text-align: left; }*/
/*  #mClinic2 > div.mAntiaging .go::before { position: absolute; right: 0; top: 50%; margin-top: -0.5px; margin-right:0;}*/
/*  #mClinic2 > div.mAntiaging .go::after { left: inherit; right:0; margin-right:0; transform-origin: right;}*/
}





#mIntro { position: relative; display: flex; align-items: stretch; padding: 5% 0; }
#mIntro > div { width: 50%; }

#mDoctor { position: relative; display: flex; align-items: center;}
#mDoctor::before { content: ''; position: absolute; left:0; bottom:0; width: 100%; height: 68%; background: #f7f7f8; border-radius: 0 7em 0 0; z-index: -1; }
#mDoctor .img { width: 58%; text-align: center; }
#mDoctor .img img { max-width: 95%; }
#mDoctor .txt { color:#212121; padding-left: 1%; }
#mDoctor .txt dl { margin-bottom: 4.5em; }
#mDoctor .txt dl dt { font-size: 2.2rem; font-weight: 600; }
#mDoctor .txt dl dd { font-size: 5.5rem; font-family: 'ROKAFSans'; }
#mDoctor .txt ul li { font-size: 2rem; margin: 0.6em 0; }
#mDoctor .txt ul + ul { margin-top: 2em; } /*220413수정 { margin-top: 3em; } */
#mDoctor .txt a { position: absolute; right: 0; bottom:0; background: #86d1f5; color:#fff;
                                      width: 100px; line-height: 100px; text-align: center; }
#mDoctor .txt a p { display: inline-block; vertical-align: middle; font-size: 1.8rem; font-weight: 700; line-height: 1.2em; }
#mDoctor .txt a:hover { background: #4976c4;transition:all 0.5s;  }



#mEquip { position: relative; padding-left: 3%; font-size: 0;  }
#mEquip > div { position: relative; display: inline-block; vertical-align: middle; }
#mEquip > p { font-size: 15rem; color:#f7f7f8; font-weight: 900; font-family: 'Poppins'; line-height: 0.6em; }

#mEquip .img { position: absolute; left:3%; top:0; z-index: 10; max-width: 50%;  }
#mEquip .img img { max-width: 100%;  }
#mEquip .txt { float: right; padding: 13% 0; width: 700px; max-width: 80%; color:#212121; margin: 9% -7% 3.5% 0;
                      background: url("/images/main/equip_txtBG_230321.png") no-repeat center; background-size: 100% auto; text-align: center; }
#mEquip .txt .in { display: inline-block; text-align: left; }
#mEquip .txt h4 { display: inline-block; font-size: 4rem; font-family: 'ROKAFSans'; line-height: 1.0em; padding: 0 4rem; position: relative;  }
#mEquip .txt h4 .fs-s { font-size: 0.65em; font-weight: 400; }
#mEquip .txt h4::before,
#mEquip .txt h4::after { font-family: 'SBAggro'; position: absolute; line-height: 1.0em; }
#mEquip .txt h4::before { content: '“'; left:0; top:0.3em;  }
#mEquip .txt h4::after { content: '”'; right:0; bottom:-0.7em;  }
#mEquip .txt p { font-size: 1.8rem; line-height: 1.5em; padding: 0 4rem; margin-top: 2em; }


@media all and (max-width:1780px) {
  #mEquip .img { max-width: 40%; }
  #mEquip > p { font-size: 8vw; position: absolute; bottom:0.05em; left:3%;  }
}

@media all and (max-width:1480px) {
  #mDoctor .img { width: 50%; }
  #mDoctor .txt dl dt { font-size: 2rem; }
  #mDoctor .txt dl dd { font-size: 5rem; }
  #mDoctor .txt ul li { font-size: 1.8rem; }
  #mDoctor .txt a { width: 90px; line-height: 90px; }

  #mEquip .txt h4 { font-size: 3.6rem; }
  #mEquip > p { font-size: 7.8vw; l}
}

@media all and (max-width:1280px) {
  #mIntro { padding: 7% 0; }
  #mDoctor .txt dl dd { font-size: 4.5rem; }
  #mDoctor .txt ul li { font-size: 1.7rem; }
  #mDoctor .txt ul + ul { margin-top: 1.5em; }
  #mDoctor .txt a { width: 80px; line-height: 80px; }
  #mDoctor .txt a p { font-size: 1.6rem; }

  #mEquip .txt { margin-right: -10%; }
  #mEquip .txt h4 { font-size: 3rem; padding: 0 3rem; }
  #mEquip .txt p { font-size: 1.6rem; padding: 0 3rem; }
}

@media all and (max-width:1080px) {
  #mIntro { display: block; }
  #mIntro > div { width: 95%;  }
  #mDoctor { max-width: 800px; }
  #mDoctor .img { width: 55%; }
  #mDoctor .img img { max-width: 85%; }

  #mEquip { display: block; margin: 5% auto 0; overflow: hidden; }
  #mEquip > p { font-size: 15vw; position: relative; left: inherit; bottom: inherit; line-height: 1.0em;}
  #mEquip .img { position: relative; display: inline-block; vertical-align: top; left: inherit; max-width: 38%; margin-left: 7%; }
  #mEquip .txt { max-width: 65%; float: inherit; display: inline-block; vertical-align: top; margin: 5% 0 0 -15%;  }
}

@media all and (max-width:860px) {
  #mEquip .txt { margin-left: -12%; }
}

@media all and (max-width:640px) {
  #mDoctor .txt ul li { margin: 0.4em 0; }

  #mIntro #mEquip { width: 100%; }
  #mEquip .img { margin-left: 4%; }
  #mEquip .txt { margin-left: -8%; margin-right: -5%;  }
}

@media all and (max-width:568px) {
  #mDoctor .txt dl { margin-bottom: 2em; }
  #mDoctor .txt dl dt { font-size: 1.8rem; }
  #mDoctor .txt dl dd { font-size: 4rem; }
  #mDoctor .txt ul + ul { margin-top: 1em; }
  #mDoctor .txt ul li { margin: 0.3em 0; }
  #mDoctor .txt a { width: 60px; line-height: 60px; }
  #mDoctor .txt a p { font-size: 1.5rem; }
}

@media all and (max-width:480px) {
  #mDoctor { display: block; }
  #mDoctor::before { display: none; }
  #mDoctor .img { position: relative; width: 100%; }
  #mDoctor .img::before { content: ''; position: absolute; left:0; bottom:0; width: 100%; height: 60%; background: #f7f7f8; border-radius: 0 7em 0 0; z-index: -1; }
  #mDoctor .img img { max-width: 60%; }
  #mDoctor .txt { position: relative; padding: 7%; border-bottom: 1px solid #e5e5e5;  }
  #mDoctor .txt a { bottom: inherit; top:-60px; }
  #mDoctor .txt dl { margin-bottom: 0; }
  #mDoctor .txt ul { display: inline-block; vertical-align: top; margin-right:5%; margin-top: 2em;   }
  #mDoctor .txt ul + ul { margin-top:2em; margin-left: 0;  }


  #mEquip .img { margin-left: 0; max-width: 45%;  }
  #mEquip .txt { max-width: 65%; margin-left: -10%; padding: 7rem 0; background-size: auto 100%; background-position: left center}
}


@media all and (max-width:380px) {
  #mEquip { padding: 5% 0 0 0; }
  #mEquip .img { max-width: 100%; text-align: center; }
  #mEquip .img img { max-width: 70%; }
  #mEquip .txt { max-width: 100%; margin: -8% 0 0 0; text-align: left; padding: 7rem 5rem; background-position: center; }
  #mEquip > p { font-size: 17vw; margin-top: -0.4em; }
}


#mCenter { padding-bottom: 5%; }
#mCenter .s-inner { display: flex; justify-content: space-between; align-items: stretch;}
#mCenter .s-inner > div { border: 1px solid #dde1ea; padding: 3% 2.5% 2%; }
#mCenter .s-inner > div h4 { font-size: 2.4rem; color:#212121; font-weight: 400; font-family: 'ROKAFSans'; }
#mCenter .box1 { width: calc(50% - 10px); }
#mCenter .box2 { width: calc(25% - 20px); margin-left: 20px; }

#csCenter .tel { font-size: 3.6rem; color:#4976c4; font-weight: 700; font-family: 'GmarketSansBold'; line-height: 1.4em; }
#csCenter .hour { font-size:0; margin: 0.3rem 0 2rem;  }
#csCenter .hour dl,
#csCenter .hour dl dt,
#csCenter .hour dl dd { display: inline-block; vertical-align: middle; }
#csCenter .hour dl dt { width: 80px; }
#csCenter .hour dl dd { width: calc(100% - 80px);  }
#csCenter .hour dl { font-size: 1.7rem; margin: 0.2em 0; font-weight: 400; }
#csCenter .hour dl:nth-child(odd) { width: 40%; }
#csCenter .hour dl:nth-child(even) { width: 60%; }
#csCenter .hour dl:nth-child(even) dd { padding-left: 1em; }

#csCenter .mAPI { position: relative; height: 140px; overflow: hidden; }
#csCenter .root_daum_roughmap .wrap_map  { height: 220px !important;  }
.wrap_controllers  { display: none; }
.map_border {  display: none; }


#mCenter .box2 .tit { overflow: hidden; margin-bottom: 1.5em;  }
#mCenter .box2 .tit h4 { float: left; }
#mCenter .box2 .tit a { position: relative; float: right; width: 34px; height: 34px; border: 1px solid #dde1ea; border-radius: 100%; display: inline-block; }
#mCenter .box2 .tit a span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #4976c4; }
#mCenter .box2 .tit a span.bar1 { width: 12px; height: 2px;  }
#mCenter .box2 .tit a span.bar2 { width: 2px; height: 12px;  }
#mCenter .box2 .tit a:hover { background: #4976c4; border-color:#4976c4; }
#mCenter .box2 .tit a:hover span { background: #fff; }

#mCenter .box2 .bdList li { padding: 0.9em 0; background: url("/images/common/dotline.png") repeat-x bottom; }
#mCenter .box2 .bdList li a { font-size: 1.7rem; color:#585858; display: block; }
#mCenter .box2 .bdList li a span { float: right; color:#989898; }



@media all and (max-width:1480px) {
  #mCenter .box1 { width: 50%; }
  #mCenter .box2 { width: calc(25% - 10px); margin-left: 10px; }
  #csCenter .hour dl { font-size: 1.5rem; }

  #mCenter .box2 .bdList li a { font-size: 1.6rem; }
}

@media all and (max-width:1280px) {
  #mCenter .s-inner > div h4 { font-size: 2.2rem; }
  #csCenter .tel { font-size: 3.2rem; }
  #csCenter .hour dl { width: 100% !important; }
  #csCenter .hour dl, #csCenter .hour dl dt, #csCenter .hour dl dd { vertical-align: top; }
  #csCenter .hour dl:nth-child(even) dd { padding-left:0; }
  #csCenter .mAPI { position: relative; height: 120px; overflow: hidden; }
  #csCenter .root_daum_roughmap .wrap_map  { height: 200px !important;  }


  #mCenter .box1 { width: 40%; }
  #mCenter .box2 { width: calc(30% - 10px); margin-left: 10px; }
}


@media all and (max-width:1080px) {
  #mCenter .s-inner { display: block; overflow: hidden; }
  #mCenter .s-inner > div { padding: 2em; }
  #mCenter .box1 { width: 100%; }
  #mCenter .box2 { float: left;  width: calc(50% - 5px); margin-left: 0; margin-top: 10px; }
  #mCenter .box2 + .box2 { margin-left:10px; }

  #csCenter .hour dl { width: 50% !important; }
  #csCenter .mAPI { height: 150px; }
  #csCenter .root_daum_roughmap .wrap_map  { height: 220px !important;  }
}

@media all and (max-width:640px) {
  #csCenter .hour dl { width: 100% !important; }
  #mCenter .box2  { width: 100%; }
  #mCenter .box2 + .box2 { margin-left:0; }
  #mCenter .box2 .tit { margin-bottom :1em; }
}