@charset "utf-8";

#mVisual {position:relative; width:100%;  height:100vh;  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;}

#mVisual .mv_slider.mv1 { background-image:url('/images/main/m_visual1.jpg'); }
#mVisual .mv_slider.mv2 { background-image:url('/images/main/m_visual1.jpg'); }

#mVisual .mv_slider .mv-txt { display:table; width:92%; height:85%;  margin:0 auto; max-width: 1600px; }
#mVisual .mv_slider .mv-txt div { display:table-cell; vertical-align:bottom }
#mVisual .mv_slider .mv-txt div h3 { font-size:7.0rem; line-height:1.2em; font-weight:700; color:#FFF  }
#mVisual .mv_slider .mv-txt div .t1 {margin-top:2em;  font-size:2.0rem; color:#FFF;  line-height:1.4em }
#mVisual .mv_slider .mv-txt div .t1 br {display:none}

@media all and (max-width:1280px){
	#mVisual .mv_slider .mv-txt div h3 { font-size:6.5rem}
}
@media all and (max-width:976px){
	#mVisual .mv_slider .mv-txt { height:70%; }
	#mVisual .mv_slider .mv-txt div h3 { font-size:5.5rem}
	#mVisual .mv_slider .mv-txt div .t1 { font-size:1.8rem;}
}
@media screen and (max-width:780px){
	#mVisual .mv_slider .mv-txt div .t1 br {display:block}
}
@media all and (max-width:480px){
	#mVisual .mv_slider .mv-txt div h3 { font-size:4.0rem}
	#mVisual .mv_slider .mv-txt div .t1 { font-size:1.6rem;}
}






.m-Part { margin-top:130px; }
.p-Part { padding-top:130px; }
.p-Part-all { padding:130px 0; }
@media all and (max-width:1280px){
	.m-Part { margin-top:100px; }
	.p-Part { padding-top:100px; }
	.p-Part-all { padding:100px 0; }
}

@media all and (max-width:1024px){
	.m-Part { margin-top:80px; }
	.p-Part { padding-top:80px; }
	.p-Part-all { padding:80px 0; }
}

@media all and (max-width:680px){
	.m-Part { margin-top:60px; }
	.p-Part { padding-top:60px; }
	.p-Part-all { padding:60px 0; }
}


#mTitle {margin-bottom:70px}
#mTitle h4 {padding-bottom:3.2em;font-size:1.5rem; color:#62c0d6; font-family: 'ONE-Mobile-Title'; font-weight:normal;
				letter-spacing:0.05em}
#mTitle h3 {font-size:5.0rem; color:#333; font-weight:300; line-height:1.2em}
#mTitle h3 br.br976 {display:none}
#mTitle .t1 {margin-top:1em; font-size:1.7rem; line-height:1.8em; opacity:.7}

@media all and (max-width:1280px){
	#mTitle {margin-bottom:50px}
}
@media all and (max-width:1024px){
	#mTitle h4 {padding-bottom:2.5em}
	#mTitle h3 {font-size:4.6rem;}
}
@media all and (max-width:976px){
	#mTitle h4 {padding-bottom:3.2em;font-size:1.3rem; }
	#mTitle h3 br.br976 {display:block}
}
@media all and (max-width:768px){ 
	#mTitle h3 br {display:block !important}
	#mTitle h3 br.br768 {display:block !important}
}
@media all and (max-width:480px){
	#mTitle h4 { padding-bottom:2.0em; font-size:1.2rem;}
	#mTitle h3 {font-size:3.4rem !important;}
	#mTitle .t1 { font-size:1.6rem !important; line-height:1.4em}
}





#mlink {margin-top:70px; display:flex; flex-wrap:wrap; justify-content:center; align-items: center; gap:5px}
#mlink a {padding:0.8em 1.5em; border-radius:60px; border:1px solid #4fb1c8; 
						display:inline-block}
#mlink a span {padding-right:2em; font-size:1.8rem; font-weight:600; color:#4fb1c8;}
#mlink a i {color:#4fb1c8}
#mlink a:hover {background:#4fb1c8} 
#mlink a:hover span,
#mlink a:hover i {color:#FFF}

#mlink.wh a {border-color:rgba(255,255,255,0.5)}
#mlink.wh a span {color:#FFF}
#mlink.wh a i {color:#FFF}
#mlink.wh a:hover {border-color:#4fb1c8} 

@media all and (max-width:1599px){
	#mlink {margin-top:50px; }
}
@media all and (max-width:480px){
	#mlink {margin-top:10vw }
	#mlink a {padding:0.7em 1.2em;}
	#mlink a span {padding-right:1.3em; font-size:1.6rem; }
}




#mIntro {position:relative}
#mIntro:before {content:''; width:480px; height:360px; background:url('/images/main/mintro-sb.png') no-repeat right top;
					position:absolute; right:0; top:0; background-size:100% auto}
#mIntro .inner {display:flex; flex-wrap:wrap; justify-content:center; align-items: center;}
#mIntro #img {width:50%}
#mIntro #img img {width:100%; max-width:800px}
#mIntro #cont {width:50%; padding-left:7%; text-align:center}
#mIntro #cont .t1 {opacity:1}
@media all and (max-width:1599px){
	#mIntro #cont {padding-left:5%; }
}
@media all and (max-width:1280px){
	#mIntro .inner {align-items: start}
	#mIntro #cont #mTitle p br {display:none}
}
@media all and (max-width:1024px){
	#mIntro:before { width:30%}
	#mIntro #img {width:70%}
	#mIntro #cont {margin-top:3em; width:90%}
}
@media all and (max-width:768px){
	#mIntro #img {width:85%}
}
@media all and (max-width:480px){
	#mIntro #cont {margin-top:3em; width:100%}
}






#mImplant {background:url('/images/main/mimplant-bg.png') no-repeat center top;}

.implantSwiper .swiper-wrapper {padding-bottom:60px}
.implantSwiper a {transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s; -ms-transition:all 0.5s;
								display:block;width:100%; height:500px; position:relative;
								background-size:auto 100%; background-repeat:no-repeat; background-position:center center}
.implantSwiper a:hover {background-size:auto 110%;}
.implantSwiper a.bg1 {background-image:url('/images/main/mimplant-img1.png') }
.implantSwiper a.bg2 {background-image:url('/images/main/mimplant-img2.png') }
.implantSwiper a.bg3 {background-image:url('/images/main/mimplant-img3.png') }
.implantSwiper a.bg4 {background-image:url('/images/main/mimplant-img4.png') }
.implantSwiper a.bg5 {background-image:url('/images/main/mimplant-img5.png') }
.implantSwiper a.bg6 {background-image:url('/images/main/mimplant-img6.png') }

.implantSwiper a dl {color:#FFF; position:absolute; left:12%; bottom:10%}
.implantSwiper a dl dt {font-size:4.0rem; font-weight:200; letter-spacing:-0.03em}
.implantSwiper a dl dt span {display:block}
.implantSwiper a dl dd {margin-top:1em; font-size:1.8rem; line-height:1.6em; opacity:.7; font-weight:300}

.implantSwiper > .swiper-pagination { width:calc(100% - 150px)!important ; top:unset !important; bottom:28px !important ;
											background:#efefef }
.implantSwiper > .swiper-pagination .swiper-pagination-progressbar-fill {	background:#62c0d6 }
.implantSwiper > .swiper-button-next,
.implantSwiper > .swiper-button-prev { width:60px; height:60px; top:unset ; bottom:0 ; }
.implantSwiper > .swiper-button-next:after,
.implantSwiper > .swiper-button-prev:after {display:none}
.implantSwiper > .swiper-button-next {right:0}
.implantSwiper > .swiper-button-prev {left:unset; right:80px }
.implantSwiper > .swiper-button-prev:before {content:''; width:6px; height:6px; border-radius:6px; background:#62c0d6; 
														position:absolute; right:-12px; top:50%; transform:translateY(-50%)}

@media all and (max-width:1599px){
	#mImplant {background-size:auto 80%}
	.implantSwiper a { height:27vw;}
	.implantSwiper a dl dd br {display:none}
}
@media all and (max-width:1280px){
	.implantSwiper a { height:36vw;}
}
@media all and (max-width:1024px){
	.implantSwiper a dl dt {font-size:3.6rem}
	.implantSwiper a dl dd { line-height:1.4em;}
}
@media all and (max-width:976px){
	.implantSwiper .swiper-wrapper {padding-bottom:50px}
	.implantSwiper a { height:57vw;}
	.implantSwiper > .swiper-pagination { width:calc(100% - 130px)!important; bottom:24px !important; }
	.implantSwiper > .swiper-button-next,
	.implantSwiper > .swiper-button-prev { width:50px; height:50px; }
	.implantSwiper > .swiper-button-next img,
	.implantSwiper > .swiper-button-prev img {width:100%}
	.implantSwiper > .swiper-button-prev {right:70px }
	.implantSwiper > .swiper-button-prev:before {right:-14px; }
}
@media all and (max-width:580px){
	#mImplant #cont {padding:0 5%}
	.implantSwiper a { height:100vw;}
	.implantSwiper a dl {left:10%; bottom:7%}
}
@media all and (max-width:480px){
	.implantSwiper a dl dt {font-size:3.2rem}
	.implantSwiper a dl dd {font-size:1.7rem}
}







#mCare #cont {display:flex; flex-wrap:wrap }
#mCare #cont #in-box {width:50%; height:750px; text-align:center; background-position:center; background-repeat:no-repeat;
							background-size:cover;
							display:flex; flex-wrap:wrap; justify-content:center; align-items: center; flex-direction: column;}
#mCare #cont #in-box.bg1 {background-image:url('/images/main/mcare-bg1.png')}
#mCare #cont #in-box.bg2 {background-image:url('/images/main/mcare-bg2.png')}
#mCare #cont .img {width:70%; max-width:530px; border-radius:160px; overflow:hidden}
#mCare #cont .img img {width:100%; }
#mCare #cont dl {margin-top:40px}
#mCare #cont dl dt {font-size:4.0rem; font-weight:200; letter-spacing:-0.03em; color:#FFF}
#mCare #cont dl dd {margin-top:1em; font-size:1.8rem; line-height:1.6em; opacity:.7; font-weight:300; color:#FFF}
#mCare #mlink {margin-top:40px}
 
@media all and (max-width:1599px){
	#mCare #cont #in-box { height:46vw;}
}
@media all and (max-width:1280px){
	#mCare #cont #in-box { height:50vw;}
	#mCare #cont dl {margin-top:30px}
}
@media all and (max-width:1024px){
	#mCare #cont #in-box { height:55vw;}
	#mCare #cont dl dt {font-size:3.6rem}
	#mCare #cont dl dd { line-height:1.4em;}
}
@media all and (max-width:830px){
	#mCare #cont #in-box {width:100%; max-width:640px; height:640px; 	margin:0 auto}
}
@media all and (max-width:640px){
	#mCare #cont #in-box {width:90%; height:86vw;}
}
@media all and (max-width:480px){
	#mCare #cont .img {width:80%; }
	#mCare #cont #in-box { height:auto; padding:15% 0}
	#mCare #cont dl {margin-top:5vw}
	#mCare #cont dl dt {font-size:3.2rem}
	#mCare #cont dl dd { font-size:1.7rem}
	#mCare #mlink {margin-top:8vw}
}








#mSmart {background:url('/images/main/msmart-bg.png') no-repeat center bottom; background-size:100% auto; position:relative; overflow:hidden }
#mSmart:before {content:'SMART CLINIC'; width:105%; font-size:10.0vw; font-family:'Montserrat'; font-weight:900; letter-spacing:0.22em;
					position:absolute; left:-1vw; bottom:-3.5vw;  color:rgba(255,255,255,0.7)}
#mSmart #cont {width:1600px; margin:0 auto;}

.smartSwiper .swiper-wrapper {padding-bottom:60px}
.smartSwiper a {padding:30px; display:block; width:100%; border:1px solid #e8e8e8; background:#FFF}
.smartSwiper a .img {overflow:hidden; }
.smartSwiper a .img img {width:100%; transition:all 0.5s;
						-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s; -ms-transition:all 0.5s;}
.smartSwiper a:hover .img img {transform: scale(1.15) rotate(0.02deg); -ms-transform: scale(1.15) rotate(0.02deg);
									-o-transform: scale(1.15) rotate(0.02deg);  -moz-transform: scale(1.15) rotate(0.02deg);	 
									-webkit-transform: scale(1.15) rotate(0.02deg);}
.smartSwiper a dl {margin-top:30px;text-align:center}
.smartSwiper a dl dt {font-size:3.0rem; font-weight:200; letter-spacing:-0.03em; color:#333;}
.smartSwiper a  dl dt span {position:relative;z-index:3; }
.smartSwiper a  dl dt span:before {content:''; width:0; height:30%; background:#62c0d6; position:absolute; left:-5px; bottom:0; 
										z-index:-1;transition: all 0.3s ease-out;}
.smartSwiper a:hover dl dt span:before {width:115%; }
.smartSwiper a dl .eng {margin:0.7em 0 1em;font-size:1.5rem; font-family:'Montserrat'; font-weight:600; color:#62c0d6}
.smartSwiper a dl dd { font-size:1.8rem; line-height:1.6em; opacity:.8}

.smartSwiper > .swiper-pagination { width:calc(100% - 150px)!important ; top:unset !important; bottom:28px !important ;
											background:#efefef }
.smartSwiper > .swiper-pagination .swiper-pagination-progressbar-fill {	background:#62c0d6 }
.smartSwiper > .swiper-button-next,
.smartSwiper > .swiper-button-prev { width:60px; height:60px; top:unset ; bottom:0 ; }
.smartSwiper > .swiper-button-next:after,
.smartSwiper > .swiper-button-prev:after {display:none}
.smartSwiper > .swiper-button-next {right:0}
.smartSwiper > .swiper-button-prev {left:unset; right:80px }
.smartSwiper > .swiper-button-prev:before {content:''; width:6px; height:6px; border-radius:6px; background:#62c0d6; 
														position:absolute; right:-12px; top:50%; transform:translateY(-50%)}


@media all and (max-width:1599px){
	#mSmart #cont {width:90%; }
}
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
	#mSmart {background-size:auto 40%;}
	.smartSwiper a {padding:2vw; }
	.smartSwiper a dl {margin-top:2vw}
	.smartSwiper a dl dt {font-size:2.8rem}
	.smartSwiper a dl dd {font-size:1.7rem; line-height:1.4em;}
}
@media all and (max-width:976px){
	.smartSwiper .swiper-wrapper {padding-bottom:50px}
	.smartSwiper > .swiper-pagination { width:calc(100% - 130px)!important; bottom:24px !important; }
	.smartSwiper > .swiper-button-next,
	.smartSwiper > .swiper-button-prev { width:50px; height:50px; }
	.smartSwiper > .swiper-button-next img,
	.smartSwiper > .swiper-button-prev img {width:100%}
	.smartSwiper > .swiper-button-prev {right:70px }
	.smartSwiper > .swiper-button-prev:before {right:-14px; }
}
@media all and (max-width:680px){
	#mSmart #cont {width:80%}
}
@media all and (max-width:480px){
	.smartSwiper a {padding:4vw; }
	.smartSwiper a dl {margin-top:4vw}
}








#mBfat {position:relative; height:100%; overflow:hidden}
#mBfat:before {content:'BEFORE'; font-size:10.0vw; font-family:'Montserrat'; font-weight:900; 
					position:absolute; left:-1vw; bottom:-3.5vw;  color:rgba(255,255,255,0.5)}
#mBfat:after {content:'AFTER'; font-size:10.0vw; font-family:'Montserrat'; font-weight:900; 
					position:absolute; right:-1vw; bottom:-3.5vw;  color:rgba(98,192,214,0.05)}
#mBfat .mBfat-bg {width:50%; height:100%; background:#f4f9fa; position:absolute; left:0; top:0; z-index:-1}
#mBfat .inner { display:flex; flex-wrap:wrap }
#mBfat #mTitle {margin-bottom:0; width:600px; height:100%; position:relative}
#mBfat #cont {width:calc(100% - 600px);position:relative}
#mBfat #cont .mbfatSlick {width:2080px /*width:145% */}
#mBfat #cont .mbfatSlick li {margin-right:40px;display:flex; flex-wrap:wrap; text-align:center }
#mBfat #cont .mbfatSlick li > div {width:50%;}
#mBfat #cont .mbfatSlick li .img {position:relative; color:#FFF}
#mBfat #cont .mbfatSlick li .img img {width:100%; aspect-ratio:300 / 164; height: 100%;}
#mBfat #cont .mbfatSlick li .t1 {padding:1em 0}
#mBfat #cont .mbfatSlick li .mBefore .login {background:rgba(0,0,0,0.9); width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;
													display:flex; flex-wrap:wrap; justify-content:center; flex-direction: column;}
#mBfat #cont .mbfatSlick li .mBefore i {font-size:2.0rem; width:56px; line-height:50px; text-align:center; 
												border:3px solid #FFF; border-radius:50px; margin:0 auto}
#mBfat #cont .mbfatSlick li .mBefore .st1 {margin:1em 0 1.5em; font-size:1.4rem; font-weight:300}
#mBfat #cont .mbfatSlick li .mBefore .btn {padding:0.7em 0; width:100px; border-radius:30px; background:rgba(255,255,255,0.1); 
													margin:0 auto; color:#FFF}
#mBfat #cont .mbfatSlick li .mBefore .btn:hover {background:#62c0d6}
#mBfat #cont .mbfatSlick li .mBefore .t1 {font-size:1.8rem; background:#565656; color:#62c0d6}
#mBfat #cont .mbfatSlick li .mAfter .t1 {font-size:1.8rem; background:#62c0d6; color:#FFF}

#mBfat .mArrow {margin-top:50px; display:flex; margin-left:-20px}
#mBfat .mArrow div img {width:100%}
#mBfat .mArrow .prev {position:relative; cursor:pointer}
#mBfat .mArrow .prev:before {content:''; width:6px; height:6px; border-radius:6px; background:#62c0d6; 
							position:absolute; right:-12px; top:50%; transform:translateY(-50%)}
.mArrow .next {margin-left:20px; cursor:pointer}

@media all and (max-width:1599px){
	#mBfat #mTitle {width:530px}
	#mBfat #cont {width:calc(100% - 530px);}
	#mBfat #cont .mbfatSlick {width:210%}
	#mBfat #cont .mbfatSlick li {margin-right:20px}
}
@media all and (max-width:1399px){
	#mBfat #mTitle {width:100%; margin-bottom:70px}
	#mBfat #cont {width:100%}
	#mBfat #cont .mbfatSlick {width:180%}
	#mBfat .mArrow {position:absolute;right:0; bottom:0; margin-top:0; margin-left:0 }
}
@media all and (max-width:1280px){
	#mBfat #mTitle {margin-bottom:50px}
}
@media all and (max-width:976px){
	#mBfat:before { width:70%; }
	#mBfat #cont .mbfatSlick {width:100%}
	#mBfat #cont .mbfatSlick li {margin-right:0}

	#mBfat .mArrow { bottom:-20px; }
	#mBfat .mArrow .prev,
	#mBfat .mArrow .next {width:50px}
	.mArrow .next {margin-left:10px;} 
	#mBfat .mArrow .prev:before {right:-8px}
}
@media all and (max-width:640px){
	#mBfat #cont .mbfatSlick li .mBefore i {font-size:1.6rem; width:34px; line-height:30px;  border:2px solid #FFF; }
	#mBfat #cont .mbfatSlick li .mBefore .st1 {margin:0.5em 0 1em}
}
@media all and (max-width:480px){
	#mBfat .inner {padding:0 5%}
	#mBfat #cont .mbfatSlick li > div {width:100%;}
}







#mYoutube {position:relative}
#mYoutube:before {content:''; width:100%; height:40%; background:#f4f9fa; position:absolute; left:0; bottom:0 }
#mYoutube #mTitle h3 br.br680 {display:none}
#mYoutube #mTitle .sb-img {padding:0 10px;}

#mYoutube .inner {position: relative;}
#mYoutube #cont {background:#FFF}
#mYoutube .vod-wrap { display:flex; align-items: start;  }
#mYoutube .v-con {width:880px; height:495px; }
#mYoutube .v-con iframe {width:100%; }
#mYoutube .v-txt { display:flex; align-items: center;  height:270px; margin:0 50px; width:calc(100% - 880px - 50px); 
						border-top:5px solid #eff9fb; border-bottom:5px solid #eff9fb}
#mYoutube .v-txt .t1 {font-size:1.5rem; font-family:'Montserrat';color:#62c0d6; font-weight:600}
#mYoutube .v-txt .t2 {margin:1.5em 0 0.5em; font-size:2.8rem; color:#222; font-weight:600;line-height:1.4em}
#mYoutube .v-txt .t3 {font-size:1.7rem; line-height:1.6em;  height:3.2em; overflow: hidden; text-overflow: ellipsis;
						display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

#mYoutube .subInterview-wrap {position: absolute; right:50px; bottom:50px; width:calc(100% - 880px - 70px);  }
#mYoutube .subInterview {width: calc(100% + 10px );}
#mYoutube .subInterview li {margin-right:10px; cursor: pointer;}
#mYoutube .subInterview li img {max-width: 100%;}

#mYoutube .inner .prev,
#mYoutube .inner .next {position: absolute; bottom: -80px;  z-index: 2; width: 60px; height: 60px; border-radius:0;  cursor:pointer}
#mYoutube .inner .prev {right:50% }
#mYoutube .inner .prev:before {content:''; width:6px; height:6px; border-radius:6px; background:#62c0d6; 
														position:absolute; right:-12px; top:50%; transform:translateY(-50%)}
#mYoutube .inner .next {right:calc(50% - 80px);}
#mYoutube .inner .prev img,
#mYoutube .inner .next img {width:100%}

@media all and (max-width:1599px) {
#mYoutube .v-con {width:60%; height:30vw; }
#mYoutube .v-txt {height:21vw; margin:0 50px; width:calc(40% - 50px); }
#mYoutube .subInterview-wrap {position: absolute; right:50px; bottom:30px; width:calc(40% - 70px);  }
}
@media all and (max-width:1024px) {
	#mYoutube .vod-wrap {flex-wrap:wrap}
	#mYoutube .v-con {width:100%; height:48vw; }
	#mYoutube .v-txt {width:100%; height: auto; margin:50px; margin-bottom:30px; padding:30px 0 }
	#mYoutube .subInterview-wrap {position: unset; width:100%; padding:50px; padding-top:0}
}
@media all and (max-width:976px) {
	#mYoutube #mTitle .sb-img {display:none}
}
@media all and (max-width:680px) {
	#mYoutube .v-txt {; margin:30px; margin-bottom:20px; padding:20px 0 }
	#mYoutube .subInterview-wrap {padding:30px; padding-top:0}
	#mYoutube .inner .prev,
	#mYoutube .inner .next {width:50px; height:50px; bottom: -50px;  }
	#mYoutube .inner .next {right:calc(50% - 70px);}
	#mYoutube .inner .prev:before {right:-14px}
	#mYoutube .v-txt .t2 {margin:1em 0 0.3em}
	#mYoutube .subInterview li {margin-right:5px;}
}
@media all and (max-width:480px) {
	#mYoutube .v-txt { border-top:3px solid #eff9fb; border-bottom:3px solid #eff9fb}
	#mYoutube .v-txt .t2 { font-size:2.6rem;}
}




#mInfo {margin-bottom:-10vw}
#info-box {border:15px solid #4fb1c8; background:#4fb1c8; display:flex; align-items: center; position:relative; z-index:3}
#info-box .infoSlick {width:930px; }
#info-box .infoSlick  li img {width:100%}
#info-box .infoTxt {width:calc(100% - 930px); text-align:center; color:#FFF }
#info-box .infoTxt h3 {font-size:4.0rem;}
#info-box .infoTxt .t1 {margin:1em 0 0.3em; font-size:2.4rem;}
#info-box .infoTxt .st1 {font-size:1.7rem; opacity:.7}
#info-box .infoTxt .tel {margin:30px auto;  padding:0.4em 0;font-size:3.4rem; font-weight:700; color:#f5ffbd; text-shadow:2px 2px 0 rgba(0,0,0,0.1);
							border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1);
							width:fit-content; display:flex; align-items: center;}
#info-box .infoTxt .tel span {padding-right:10px}
#info-box .infoTxt .tel .btn {margin-left:3px; width:50px; height:50px; border-radius:50px; background:rgba(255,255,255,0.1); 
								display:inline-block}
#info-box .infoTxt .tel .btn:hover {background:rgba(0,0,0,0.2)}
#info-box .infoTxt .tel .btn img {width:64%; vertical-align:middle}
#info-box .infoTxt .time { width:fit-content; margin:0 auto; text-align:left; font-size:1.9rem; font-family:'Roboto', 'Pretendard'}
#info-box .infoTxt .time span { width:100px; display:inline-block;}
#info-box .infoTxt .time li + li {padding-top:5px}
#mMap {position:relative; left:0; top:-10vw;}
#mMap .mapBtn {position:absolute; top:15vw; left:50%; transform:translateX(-50%); z-index:5}
#mMap .mapBtn a {font-size:2.2rem; font-weight:600; padding:1em 2em; display:inline-block}
#mMap .mapBtn a span {padding:10px 0;}
#mMap .mapBtn a.bg1 {background:#fae100; color:#222}
#mMap .mapBtn a.bg1 span { padding-left:32px; background:url('/images/main/mapbtn-icon1.png') no-repeat left center}
#mMap .mapBtn a.bg2 {background:#00bb47; color:#FFF}
#mMap .mapBtn a.bg2 span { padding-left:40px; background:url('/images/main/mapbtn-icon2.png') no-repeat left center}

#mMap .root_daum_roughmap .wrap_map { height: 700px;}
#mMap .root_daum_roughmap_landing .wrap_map .map > div {top:5vw !important}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont {display:none}


@media all and (max-width:1599px) {
	#info-box {align-items: start; }
	#info-box .infoSlick {width:calc(100% - 480px); }
	#info-box .infoTxt {width:480px }
	#info-box .infoTxt .time span { width:80px; }
}

@media all and (max-width:1399px) {
	#info-box .infoTxt {padding:20px 0}
	#info-box .infoTxt .tel {margin:20px auto; font-size:3.2rem;}
	#info-box .infoTxt .tel .btn {margin-left:3px; width:40px; height:40px;}
	#info-box .infoTxt .tel .btn img {width:70%}
	#info-box .infoTxt .time {font-size:1.8rem;}
}
@media all and (max-width:1280px) {
	#info-box .infoSlick {width:calc(100% - 420px); }
	#info-box .infoTxt {width:420px }	
	#mMap .mapBtn {width:590px;}
}
@media all and (max-width:1024px) {
	#mMap .root_daum_roughmap .wrap_map { height:600px;}

	#info-box {border:10px solid #4fb1c8; flex-wrap:wrap }
	#info-box .infoSlick {width:100%; }
	#info-box .infoTxt {width:100% }
}
@media all and (max-width:976px) {
	#mMap .mapBtn {width:90%; display:flex;  justify-content:center; }
	#mMap .mapBtn a {font-size:2.0rem; }
}
@media all and (max-width:580px) {
	#mMap .root_daum_roughmap .wrap_map { height: 500px;}
	#mMap .mapBtn {width:220px; display:block; }
	#mMap .mapBtn a {width:100%;padding:1em; }
}
@media all and (max-width:480px) {
	#mMap .root_daum_roughmap .wrap_map { height:120vw;}
	#info-box .infoTxt .time span { width:16vw;}
	#mMap .mapBtn {width:60vw}
	#mMap .mapBtn a {font-size:1.8rem; text-align:center; padding:1em 0  }
}