@charset "utf-8";

#mVisual{position: relative;}
#mVisual .visual{height:  calc(100vh - 90px); width: 100%;}
#mVisual .visual > div{height: 100%;}
#mVisual .visual > div > div{height: 100%;}
#mVisual .visual .mv{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
#mVisual .visual .mv.mv1{background-image: url(/images/main/mv1.jpg?v=1);}
#mVisual .visual .mv.mv2{background: url(/images/main/mv2_250122.png) 80% center / auto 100% no-repeat #d7d2cc;}
#mVisual .mv2 .mv-txt{color: #000; padding-right:32%;}
#mVisual .mv2 .mv-txt h3 {font-size: 7.0rem;font-weight: 900;border-bottom: 0; color: #000; line-height: 8rem;}
#mVisual .visual .mv .inner{position: relative; height: 100%;}
#mVisual .visual .mv .inner .mv-mark{position: absolute; right: 0; bottom: 40px;}
#mVisual .visual .mv .inner .mv-mark img{max-width: 100%;}
/* #mVisual .visual .mv .inner .mv-txt{height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
#mVisual .visual .mv .inner .mv-txt h3{font-size: 56px; font-weight: 800; color: #fff; line-height: 1.2em;}
#mVisual .visual .mv .inner .mv-txt h3 span{color: #24ffd8;}
#mVisual .visual .mv .inner .mv-txt p{font-size: 20px; color: #fff; font-weight: 400; margin: 20px 0 55px; word-break: keep-all;}
#mVisual .visual .mv .inner .mv-txt a.more{font-size: 17px; font-weight: 600; color: #000000; display: inline-flex; align-items: center; gap:50px; background-color: #fff; border-radius: 30px; line-height: 60px; padding: 0 40px;}
#mVisual .visual .mv .inner .mv-txt a.more::after{content: '→';} */
#mVisual .mv-txt {text-align:center; color:#FFF; position:absolute; width:90%; margin:0 auto; left: 50%; top:60%; transform:translate(-50%, -50%); z-index:5 }
#mVisual .mv-txt h3 {font-size: 7.0rem;font-weight:700;line-height: 0.84em; overflow:hidden;border-bottom: 1px solid #FFF;display: inline-block;}
#mVisual .mv-txt h3 br.br1024 {display:none}
#mVisual .mv-txt dl dt {margin:3em 0 1em; font-size: 2.9rem; font-weight:600}
#mVisual .mv-txt dl dd {font-size: 1.8rem; font-weight:400; line-height:1.6em}
#mVisual .mv-txt dl dt.big {margin: 0; font-size: 3.3rem;}
#mVisual .visual .slick-dots{transform: translateX(-50%); bottom: 30px;}
#mVisual .visual .slick-dots li{width: 7px; height: 7px; margin: 0 4px; transition: .3s;}
#mVisual .visual .slick-dots li.slick-active{width: 37px; border-radius: 3.5px; background-color: #fff;}

@media all and (max-width:1280px){
    #mVisual .visual{height: 90vh;}
	/* #mVisual .visual .mv .inner .mv-txt h3{font-size: 48px;}
	#mVisual .visual .mv .inner .mv-txt p{font-size: 19px;}
	#mVisual .visual .mv .inner .mv-txt a.more{font-size: 16px; gap:45px; padding: 0 35px;} */
    #mVisual .mv-txt h3 {font-size: 6.0rem;}
	#mVisual .mv-txt dl dt {margin:2em 0 0.7em; }
    #mVisual .visual .mv.mv2{background-position: 70% center;}
}
@media all and (max-width:1024px){
    #mVisual .mv-txt h3 br.br1024 {display:block}
	#mVisual .mv-txt h3 { font-size: 7.0rem; line-height: 1.2em;border-bottom:0 }
    #mVisual .visual .mv .inner .mv-mark{right: 10px; max-width: 25%; bottom: 100px;}
}
@media all and (max-width:976px){
    #mVisual .visual{height: 85vh;}
	#mVisual .visual .mv .inner{width: 100%; padding: 0 3%;}
	/* #mVisual .visual .mv .inner .mv-txt{justify-content: flex-start; padding-top: 40px; text-align: center; width: 100%;}
	#mVisual .visual .mv .inner .mv-txt h3{font-size: 42px;  text-align: center;}
	#mVisual .visual .mv .inner .mv-txt h3 span{color: #0bdfb9}
	#mVisual .visual .mv .inner .mv-txt p{font-size: 18px; margin: 15px auto 40px; color: #444; width: 90%;}
	#mVisual .visual .mv .inner .mv-txt a.more{line-height: 54px; padding: 0 30px; gap:35px; margin-left: auto; margin-right: auto;} */
    
    #mVisual .mv2 .mv-txt{top: 40%;}
}
@media screen and (max-width:780px){
    #mVisual .visual .mv.mv2{background-position: 170% bottom; background-size: 130%;}
    #mVisual .mv2 .mv-txt{top: 30%; padding-right: 0;}
    #mVisual .mv2 .mv-txt h3 {font-size: 5.0rem;line-height: 6rem;}
    #mVisual .mv-txt dl dt {font-size: 2rem;}
    #mVisual .mv-txt dl dt.big {font-size: 2.4rem;}
}
@media all and (max-width:640px){
    #mVisual .mv-txt {top:70%; }
	#mVisual .mv-txt h3 {font-size: 5.4rem}
	#mVisual .mv-txt dl dt {font-size: 2.2rem; margin:1em 0 0;  font-weight:500 }
    #mVisual .mv-txt dl dt.big {font-size: 2.7rem;}
	#mVisual .mv-txt dl dd {display:none}
    #mVisual .visual .mv.mv2{background-position: 60% center;}
    #mVisual .visual .mv .inner .mv-mark{bottom: 30px; max-width: 30%;}
	/* #mVisual .visual .mv .inner .mv-txt h3{font-size: 36px;}
	#mVisual .visual .mv .inner .mv-txt p{font-size: 17px; margin: 13px auto 30px;}
	#mVisual .visual .mv .inner .mv-txt p br{display: none;}
	#mVisual .visual .mv .inner .mv-txt a.more{line-height: 50px; padding: 0 26px; gap:30px;} */
}
@media all and (max-width:640px){
    #mVisual .visual{height: 80vh;}
	/* #mVisual .visual .mv .inner .mv-txt h3{font-size: 32px;}
	#mVisual .visual .mv .inner .mv-txt p{font-size: 17px; margin: 11px auto 25px;}
	#mVisual .visual .mv .inner .mv-txt a.more{line-height: 46px; padding: 0 22px; gap:25px; font-size: 15px;} */
}
@media screen and (max-width:580px){
    #mVisual .visual .mv.mv2{background-position: 130% bottom; background-size: 160%;}
}
@media all and (max-width:480px){
    #mVisual .visual{height: 78vh;}
    #mVisual .mv-txt {top:75%; }
	#mVisual .mv-txt h3 {font-size: 4.2rem}
	#mVisual .mv-txt dl dt {font-size: 1.8rem; }
    #mVisual .mv-txt dl dt.big {font-size: 2.3rem; margin-top: 10px;}
	/* #mVisual .visual .mv .inner .mv-txt h3{font-size: 28px;}
	#mVisual .visual .mv .inner .mv-txt p{font-size: 16px; margin: 10px auto 20px;}
	#mVisual .visual .mv .inner .mv-txt a.more{line-height: 43px; padding: 0 19px; gap:22px; font-size: 14px;} */
        #mVisual .visual .mv.mv2{background-position: -90vw bottom; background-size: 180vw;}
}



/* #mVisual { position:relative; width:100%; height:100vh; overflow:hidden; }
#mVisual .mv-txt {text-align:center; color:#FFF; position:absolute; width:90%; margin:0 auto; left: 50%; top:60%; transform:translate(-50%, -50%); z-index:5 }
#mVisual .mv-txt h3 {font-size: 7.0rem;font-weight:700;line-height: 0.84em; overflow:hidden;border-bottom: 1px solid #FFF;display: inline-block;}
#mVisual .mv-txt h3 br.br1024 {display:none}
#mVisual .mv-txt dl dt {margin:3em 0 1em; font-size: 2.9rem; font-weight:600}
#mVisual .mv-txt dl dd {font-size: 1.8rem; font-weight:400; line-height:1.6em}
#mVisual .mv-vod {position:relative;  width: 100%; height: 100%; }
#mVisual .mv-vod:after {content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; left:0; bottom:0; display: block; z-index:2; }



@media all and (max-width:1280px){
	#mVisual .mv-txt h3 {font-size: 6.0rem;}
	#mVisual .mv-txt dl dt {margin:2em 0 0.7em; }
}
@media all and (max-width:1024px){
	#mVisual .mv-txt h3 br.br1024 {display:block}
	#mVisual .mv-txt h3 { font-size: 7.0rem; line-height: 1.2em;border-bottom:0 }
}
@media all and (max-width:976px){
	#mVisual { height:75vw;}
}
@media all and (max-width:768px){ 
	#mVisual .mv-txt {top:70%; }
	#mVisual .mv-txt h3 {font-size: 5.4rem}
	#mVisual .mv-txt dl dt {font-size: 2.2rem; margin:1em 0 0;  font-weight:500 }
	#mVisual .mv-txt dl dd {display:none}
}
@media all and (max-width:580px){ 
}
@media all and (max-width:480px){
	#mVisual .mv-txt {top:75%; }
	#mVisual { height:130vw;}
	#mVisual .mv-txt h3 {font-size: 4.2rem}
	#mVisual .mv-txt dl dt {font-size: 1.8rem; }
} */






.m-Part { margin:130px 0; }
.p-Part { padding:130px 0; }

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

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

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



#mTitle .eng { margin-bottom:3em; letter-spacing:0.2em; font-size:1.4rem; color:#60bfd6; font-family:'Montserrat';font-weight:600}
#mTitle h3 {font-size:5.0rem; color:#333; font-weight:300; line-height:1.2em}
#mTitle h3 br.br768 {display:none}
#mTitle .t1 {margin-top:1em; font-size:1.7rem; line-height:1.6em;}

@media all and (max-width:1024px){
	#mTitle h3 {font-size:4.6rem;}
}
@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 .eng { font-size:1.2rem;}
	#mTitle h3 {font-size:3.4rem !important;}
	#mTitle .t1 { font-size:1.6rem !important; line-height:1.4em}
}





#btnPlus {width:70px; height:70px; background:#60bfd6 url('/images/main/btn-plus.png') no-repeat center center;
			background-size:cover; border-radius:35px;}
#btnPlus:hover {background-color:#1292b3}








#mIntro {display:flex; overflow:hidden; align-items: center; flex-wrap:wrap; position:relative; margin-top: 120px;}
#mIntro #btnPlus {position:absolute; left:42%; top:50%; transform:translate(-35px, -50%); z-index:3}
#mIntro #mTitle {width:42%; text-align:right; padding-right:8%;}
#mIntro #m-vod {width:58%; height:33vw; position:relative}
#mIntro #m-vod:before, 
#mIntro #m-vod:after {content:''; width:100%; height:140px; background:#FFF; position:absolute; left:0; z-index:3  }
#mIntro #m-vod:before { top:0 }
#mIntro #m-vod:after {bottom:0; }
#mIntro #m-img {width:58%; height:19vw; background:url('/images/main/mintro-bg1_ex.png') no-repeat center center;background-size:cover}

#mIntro.ver2 {margin-top: 120px; position:relative; z-index:3}
/* #mIntro.ver2 {margin-top:-70px; position:relative; z-index:3} */
#mIntro.ver2 #btnPlus {position:absolute; left:58%; top:50%; transform:translate(-35px, -50%); z-index:3}
#mIntro.ver4 #btnPlus {position:absolute; left:58%; top:50%; transform:translate(-35px, -50%); z-index:3}
#mIntro.ver2 #mTitle {text-align:left; padding-left:8%; padding-right:0}
#mIntro.ver2 #m-img {width:58%; height:19vw; background:url('/images/main/mintro-bg2_250103.jpg') no-repeat center center;background-size:cover}
#mIntro.ver3 #m-img {width:58%; height:19vw; background:url('/images/main/mintro-bg3.jpg?v=1') no-repeat center center;background-size:cover}
#mIntro.ver4 #m-img {width:58%; height:19vw; background:url('/images/main/mintro-bg4.png') no-repeat center center;background-size:cover}

@media all and (max-width:1450px){
	#mIntro #mTitle {width:46%;}
	#mIntro #mTitle h3 {font-size:4.6rem;}
	#mTitle .t1 {font-size:1.6rem; }
	#mIntro #m-vod,
	#mIntro #m-img,
	#mIntro.ver2 #m-img,
    #mIntro.ver3 #m-img {width:54%;}
	#mIntro #mTitle,
	#mIntro.ver2 #mTitle {padding:0 5%;}

	#mIntro #btnPlus { width:60px; height:60px; left:46%; transform:translate(-30px, -50%); }
	#mIntro.ver2 #btnPlus {left:54%;  transform:translate(-30px, -50%);}
	#mIntro.ver4 #btnPlus {left:54%;  transform:translate(-30px, -50%);}

	#mIntro #m-vod:before, 
	#mIntro #m-vod:after {height:8vw  }
}
@media all and (max-width:1024px){
    #mIntroWrap {padding:5% 0}
    #mIntro {margin-top: 0px;}
	#mIntro #mTitle {width:50%; padding:6% 3%}
	#mIntro #m-vod { width:50%; height:28.5vw;} 
	#mIntro #m-vod:before, 
	#mIntro #m-vod:after {display:none}

	#mIntro.ver2 {margin-top:0; }
	#mIntro #m-img,
	#mIntro.ver2 #m-img,
    #mIntro.ver3 #m-img {width:50%; height:28.5vw;}
	#mIntro.ver2 #mTitle {padding:6% 3%}

	#mIntro #btnPlus { width:50px; height:50px; left:50%; transform:translate(-25px, -50%); }
	#mIntro.ver2 #btnPlus {left:50%;  transform:translate(-25px, -50%);}
	#mIntro.ver4 #btnPlus {left:50%;  transform:translate(-25px, -50%);}
}
@media all and (max-width:976px){
	#mIntro {width:100%}
	#mIntro #mTitle {width:100%;}
	#mIntro #mTitle h3 {font-size:4.6rem;}
	#mIntro #mTitle .t1 { font-size:1.6rem; }

	#mIntro #m-vod { height:56.5vw;} 
	#mIntro #m-vod:before, 
	#mIntro #m-vod:after {display:none}

	#mIntro #m-vod,
	#mIntro #m-img,
	#mIntro.ver2 #m-img,
    #mIntro.ver3 #m-img {width:100%;}
	#mIntro #mTitle,
	#mIntro.ver2 #mTitle {padding:60px 5%;}

	#mIntro.ver2 {margin-top:0}
	#mIntro #m-img,
	#mIntro.ver2 #m-img,
    #mIntro.ver3 #m-img {order:2}
	#mIntro.ver2 #mTitle {order:1}
	
	#mIntro #btnPlus { width:50px; height:50px; left:5%; top:5%;  transform:translate(0, 0); }
	#mIntro.ver2 #btnPlus {left:unset; right:5%; top:5%;  transform:translate(0, 0);}
	#mIntro.ver4 #btnPlus {left:unset; right:5%; top:5%;  transform:translate(0, 0);}
}
@media all and (max-width:768px){
		#mIntro #mTitle,
	#mIntro.ver2 #mTitle {padding-bottom:30px;}
}



#mSpecial {padding-bottom:80px; overflow:hidden}
#mSpecial #contWrap {margin-top:60px; border-top:1px solid #e8f6f9; border-bottom:1px solid #e8f6f9;  }
#mSpecial #contWrap .inner { border-left:1px solid #e8f6f9; border-right:1px solid #e8f6f9;; }
#mSpecial #contWrap .inner li {padding:55px 41px; border-right:1px solid #e8f6f9; }
#mSpecial #contWrap .inner li img {width:100%; }
#mSpecial #contWrap .inner li dl {background:#FFF}
#mSpecial #contWrap .inner li dl dt {margin:1.2em 0 0.7em; font-size:3.0rem; font-weight:700; color:#333}
#mSpecial #contWrap .inner li dl dd  {font-size:1.7rem; line-height:1.6em}

@media all and (max-width:1599px){
	#mSpecial #contWrap .inner li {padding:40px;}
	#mSpecial #contWrap .inner li dl dt {margin:1em 0 0.3em}
}
@media all and (max-width:1280px){
	#mSpecial #contWrap .inner li {padding:25px;}
	#mSpecial #contWrap .inner li dl dt {margin:1em 0 0.3em}
}
@media all and (max-width:1024px){
	#mSpecial #contWrap .inner li { border-right:0 }
	#mSpecial #contWrap .inner {position:relative}
	#mSpecial #contWrap .inner:before {content:''; width:1px; height:100%; background:#e8f6f9; position:absolute;
												left:50%; margin-left:-1px; top:0; }
}
@media all and (max-width:768px){
	#mSpecial {padding-bottom:60px}
	#mSpecial #contWrap {margin-top:30px;}
	#mSpecial #contWrap .inner li dl dt {  font-size:2.6rem}
}
@media all and (max-width:640px){
	#mSpecial #contWrap .inner:before {display:none}
}





#mImplant {display:none; background:url('/images/main/mimplant-bg.png') no-repeat right top; position:relative;
				background-size: cover;   background-attachment: fixed; padding-bottom:180px; }

#mImplant #in-box {display:flex; flex-wrap:wrap; justify-content:center;}

#mImplant #titWrap {width:800px; position:sticky; top:0; max-height:950px;  }
#mImplant #titWrap #mTitle {padding:130px 0}
#mImplant #titWrap #mTitle h3 { font-size:5.5rem; }
#mImplant #titWrap .subBtn {margin-top:3em; display:inline-block; padding:1em 2em; border:1px solid rgba(255,255,255,0.3); border-radius:50px; 
									font-size:1.8rem; color:#FFF}
#mImplant #titWrap .subBtn:hover {background:#60bfd6; border-color:#60bfd6}

#mImplant #titcont {width:610px; background:#60bfd6; border-radius:0 180px 0 0;
						padding:10% 3% 8% 3%; transform:translateX(-160px); position:relative}
#mImplant #titcont:before {content:''; width:249px; height:208px; background:url('/images/main/mimplant-sb.png') no-repeat right top;
								position:absolute; right:8%; top:8%; background-size:100% auto}
#mImplant #titcont dl {width:300px; margin:0 auto; color:#FFF}
#mImplant #titcont dl dt {font-size:2.0rem; font-weight:600}
#mImplant #titcont dl dd {margin:0.3em 0 2em; font-size:1.5rem; opacity:.4}
#mImplant #titcont dl .counter {font-size:9.0rem; font-family: "Prata", serif; }


#mImplant #contWrap {width:800px; display:flex; flex-wrap:wrap; justify-content:space-between;  }
#mImplant #contWrap li {width:360px; height:500px;  backdrop-filter: blur(5px);  
								  -webkit-backdrop-filter: blur(5px); /* Safari, iOS */
									 backdrop-filter: blur(5px); /* 다른 지원 브라우저 */
								background-color:rgba(255,255,255,0.05); margin-top:60px; position:relative	 }
#mImplant #contWrap li:nth-child(odd) {transform:translateY(120px)}
#mImplant #contWrap li .eng {opacity:.2; font-size:1.2rem; font-weight:600; font-family:'Montserrat';writing-mode: vertical-rl;
									position:absolute; right:-27px; top:0; color:#FFF; text-transform:uppercase; letter-spacing:0.2em}
#mImplant #contWrap li a {padding:55px 50px; display:block; color:#FFF; width:100%; height:100%; position: relative;  z-index: 2;
								display:flex; flex-wrap:wrap; align-content: space-between; }
#mImplant #contWrap li a:before {content:''; width:100%; height:100%; border:1px solid #60bfd6; position:absolute; left:0; top:0;
											opacity:0}
#mImplant #contWrap li a:hover::before {opacity:1; border-width:10px; transition: all 0.3s;}
#mImplant #contWrap li a dl {width:100%}
#mImplant #contWrap li a dl dt {font-size:4.0rem; font-weight:300px}
#mImplant #contWrap li a dl dd {margin-top:1.3em; font-size:1.7rem; line-height:1.6em; opacity:.7}


@media all and (max-width:1699px){
	#mImplant #titWrap {width:calc(90% - 765px); }
	#mImplant #contWrap {width:765px; }
}
@media all and (max-width:1399px){
	#mImplant #titWrap {width:calc(90% - 655px);  max-height:768px;  }
	#mImplant #titWrap #mTitle {padding:80px 0}
	#mImplant #titcont {width:450px; background:#60bfd6; border-radius:0 130px 0 0; transform:translateX(-15%); }
	#mImplant #titcont:before {width:30%; }
	#mImplant #titcont dl {width:270px;}
	#mImplant #titcont dl .counter {font-size:8.0rem; }
	#mImplant #titcont dl dd {margin:0.3em 0 1em; }

	#mImplant #contWrap {width:655px; }
	#mImplant #contWrap li {width:300px; height:415px; }
	#mImplant #contWrap li .eng {font-size:1.0rem; }
	#mImplant #contWrap li a {padding:45px 40px;}
	#mImplant #contWrap li a dl dt {font-size:3.5rem;}
	#mImplant #contWrap li a dl dd br {display:none}
}

@media all and (max-width:1199px){
	#mImplant {overflow:hidden}
	#mImplant #titWrap {width:100%;  position:unset;  max-height:unset; padding:5%;
								display:flex; justify-content:space-between;  align-items: end;}
	#mImplant #titWrap #mTitle {padding:0}
	#mImplant #titcont {padding:5%; width:auto; transform:translateX(0); border-radius:20vw }

	#mImplant #contWrap {width:100%;}
	#mImplant #contWrap li:nth-child(odd) {transform:translateY(0)}
}

 /* 최신글 수정 */
 #mBfAt {position:relative}
 #mBfAt:before {content:''; width:84%; height:60%; border-radius:0 0 150px 150px; background:#e7f3f7;
                                 position:absolute; left:50%; bottom:0; transform:translateX(-50%)}
 #mBfAt #contWrap {overflow:hidden; margin-top:60px; padding-bottom:90px; position:relative}
 #mBfAt #contWrap:before {content:''; width:10%; height:100%;  position:absolute; left:0; top:0; z-index:3;
                                 background: linear-gradient(to right, 
                                 rgba(255, 255, 255, 1) 0%,   /* 0%에서 완전 흰색 */
                                 rgba(255, 255, 255, 1) 20%, 
                                 rgba(255, 255, 255, 0.9) 40%, /* 40%까지 완전 흰색 유지 */
                                 rgba(255, 255, 255, 0) 100%);}
 #mBfAt #contWrap:after {content:''; width:10%; height:100%; background:#FFF; position:absolute; right:0; top:0;
                                 background: linear-gradient(to left, 
                                 rgba(255, 255, 255, 1) 0%,   /* 0%에서 완전 흰색 */
                                 rgba(255, 255, 255, 1) 20%, 
                                 rgba(255, 255, 255, 0.9) 40%, /* 40%까지 완전 흰색 유지 */
                                 rgba(255, 255, 255, 0) 100%);}
 
 
 #mBfAt #bfatSlick { width:218%; margin-left:-59%;  text-align: center;}
 #mBfAt #bfatSlick li {margin:0 50px; display:flex; position:relative}
 #mBfAt #bfatSlick li:before {content:''; width:70px; height:70px; background:url('/images/main/bfat-arrow.png') no-repeat;
                                 background-size:cover; position:absolute; left:47.5%; top:50%; transform:translate(-50%, -80%); z-index:3}
#mBfAt .slick-prev{right: calc(50% + 40px);}
#mBfAt .slick-next{left: calc(50% - 20px);}
#mBfAt #bfatSlick li img{max-width: 100%;}                                 
 
 #mBfAt #bfatSlick li .mafter {position:relative; width: 100%; max-width:600px;}
 #mBfAt #bfatSlick li .mbefore{width: 100%; max-width:600px;}
 #mBfAt #bfatSlick li .mafter .imgWrap {position:relative; overflow:hidden}
 #mBfAt #bfatSlick li .mafter .imgWrap:before {content:''; width:100%; height:100%; background:rgba(101,101,101,0.90);
                                             position:absolute; left:0; top:0;}
 
 #mBfAt #bfatSlick li .mafter .login-t {position:absolute; z-index: 2; left:50%; top:50%; transform:translate(-50%, -48%); text-align:center}
 #mBfAt #bfatSlick li .mafter .login-t img {width:48px; margin:0 auto}
 #mBfAt #bfatSlick li .mafter .login-t .t1 {margin:0.7em 0 1.2em; color:#FFF}
 #mBfAt #bfatSlick li .mafter .login-t .bfatBtn {border:1px solid #FFF; border-radius:60px; padding:0.5em 1.5em;display:inline-block; color:#FFF; font-family:'Montserrat'; font-weight:500;font-size:1.4rem}
 #mBfAt #bfatSlick li .mafter .login-t .bfatBtn:hover {background:#60bfd6; border-color:#60bfd6}
 #mBfAt #bfatSlick li .mafter .imgWrap .img  { filter: blur(5px); position:relative; z-index:-1; aspect-ratio:300 / 169;}
 #mBfAt #bfatSlick li .mafter .imgWrap .img img{width: 100%; height: 100%; object-fit: cover;}
 #mBfAt #bfatSlick li .imgWrap .img img {width:100%;}
 #mBfAt #bfatSlick li .txtWrap {padding:1em 0;font-size:1.9rem; font-weight:500; color:#FFF; position:relative}
 #mBfAt #bfatSlick li .txtWrap:before {font-size:1.4rem; font-family:'Montserrat'; position:absolute; right:20px; top:50%; 
                                     transform:translateY(-50%); opacity:.5; font-weight:500; letter-spacing:0.1em;}
 #mBfAt #bfatSlick li .txtWrap.bf {background:#565656}
 #mBfAt #bfatSlick li .txtWrap.bf:before {content:'BEFORE'; color:#60bfd6;}
 #mBfAt #bfatSlick li .txtWrap.at {background:#60bfd6}
 #mBfAt #bfatSlick li .txtWrap.at:before {content:'AFTER'; color:#FFF;}
 @media all and (max-width:1699px){
    #mBfAt #bfatSlick li:before{left: 50%;}
    #mBfAt .slick-prev{right: calc(50% + 10px);}
    #mBfAt .slick-next{left: calc(50% + 10px);}
}
 
 @media all and (max-width:1399px){
     #mBfAt #bfatSlick li {margin:0 30px;}
     #mBfAt #bfatSlick li:before {width:60px; height:60px; }
 }
 @media all and (max-width:1024px){
     #mBfAt #contWrap { padding-bottom:60px; }
     #mBfAt #bfatSlick { width:240%; margin-left:-70%}
     #mBfAt #bfatSlick li {margin:0 15px;}
     #mBfAt #bfatSlick li:before {width:50px; height:50px; }
 
     #mBfAt #bfatSlick li .mafter .login-t img {width:36px;}
     #mBfAt #bfatSlick li .mafter .login-t .t1 {font-size:1.5rem}
     #mBfAt #bfatSlick li .mafter .login-t .bfatBtn {font-size:1.2rem}
 
     #mBfAt #bfatSlick li .txtWrap {font-size:1.7rem;}
 }
 @media all and (max-width:768px){
     #mBfAt #contWrap { margin-top:30px; }
     #mBfAt #contWrap:before,
     #mBfAt #contWrap:after {display:none}
 
     #mBfAt #bfatSlick { width:94%; margin-left:0; margin:0 auto }
     #mBfAt #bfatSlick li {margin:0;}
     #mBfAt #bfatSlick li:before {width:40px; height:40px; }
 }
 @media all and (max-width:610px){
     #mBfAt:before { width:100%; height:60%; border-radius:0;}
     #mBfAt #bfatSlick { width:80%;}
     #mBfAt #bfatSlick li {flex-wrap:wrap;}	
     #mBfAt .slick-slide img{width: 100%;}
     #mBfAt #bfatSlick li:before { display:none}
 }
 @media all and (max-width:480px){
         #mBfAt #bfatSlick li {margin:0 10px;}
 }
 
 




#doctorSlick {margin-top:60px;}
#doctorSlick .cont {height:720px; background-size:cover; position:relative; background-position:center top}
#doctorSlick .cont dl {width:100%; color:#FFF}

#doctorSlick .cont .name dd {margin-bottom:1.2em; font-size:1.6rem;}
#doctorSlick .cont .name dt {font-size:5.0rem; font-weight:300}

#doctorSlick .cont .txtOff {position:absolute; left:10%; bottom:15%}
#doctorSlick .cont .txtOff .t1 {margin-top:60px; display:inline-block; padding-right:2em; color:#FFF;  line-height:0.3em; font-weight:normal; font-size: 2.2rem;}
#doctorSlick .cont .txtOff .t1.f-fm1 {font-size:2.6rem;  font-family: 'ROEHOE-CHAN'; }
#doctorSlick .cont .txtOff .t1.f-fm2 { font-size:2.8rem;  font-family: 'KyoboHandwriting2020A';;  }
#doctorSlick .cont .txtOff .t1.f-fm3 { font-size:2.8rem; font-family: 'GangwonEdu_OTFBoldA'; }
#doctorSlick .cont .txtOff .t1.f-fm4 {font-size:3.2rem; font-family: 'JNE-Yuna-TTF-Regular';  }
#doctorSlick .cont .txtOff img {position: absolute; right: -160px; bottom: -30px; width: 180px;}

#doctorSlick .cont .txtOn {background:#60bfd68f; width:100%; height:100%; text-align:center;position:absolute; left:0; top:0; opacity:0; display:flex; flex-wrap:wrap; justify-content:center;  align-content: center;}
#doctorSlick .cont .txtOn .line {width:1px; height:50px; background:#FFF; margin:30px auto}
#doctorSlick .cont .txtOn ul {margin-bottom:3em; width:100%; color:#FFF}
#doctorSlick .cont .txtOn ul li {line-height:1.8em}

#doctorSlick .cont:hover .txtOff {opacity:0; transition: all 0.3s;}
#doctorSlick .cont:hover .txtOn {opacity:1; transition: all 0.3s;}

#doctorSlick .cont.bg1 {background-image:url('/images/main/mdoctor-bg1_250109.png')}
#doctorSlick .cont.bg2 {background-image:url('/images/main/mdoctor-bg2.png?v=2')}
#doctorSlick .cont.bg3 {background-image:url('/images/main/mdoctor-bg3.png?v=1')}
#doctorSlick .cont.bg4 {background-image:url('/images/main/mdoctor-bg4.png?v=1')}



@media all and (max-width:1600px){
#doctorSlick .cont .txtOff img {right: -120px; bottom: -80px; width: 160px;}
}
@media all and (max-width:1399px){
	#doctorSlick .cont .name dt {font-size:4.0rem; font-weight:300}

	#doctorSlick .cont .txtOff .t1 {margin-top:50px; }
	#doctorSlick .cont .txtOff .t1.f-fm1 {font-size:2.4rem; }
	#doctorSlick .cont .txtOff .t1.f-fm2 { font-size:2.6rem; }
	#doctorSlick .cont .txtOff .t1.f-fm3 { font-size:2.6rem; }
	#doctorSlick .cont .txtOff .t1.f-fm4 {font-size:3.0rem; }

	#doctorSlick .cont .txtOn .line {width:1px; height:40px;  margin:20px auto} 
}
@media all and (max-width:1280px){
	#doctorSlick .cont {height:680px;}

	#doctorSlick .cont .txtOff .t1 { padding-right:1em}
	#doctorSlick .cont .txtOff .t1.f-fm1 {font-size:2.2rem; }
	#doctorSlick .cont .txtOff .t1.f-fm2 { font-size:2.4rem; }
	#doctorSlick .cont .txtOff .t1.f-fm3 { font-size:2.4rem; }
	#doctorSlick .cont .txtOff .t1.f-fm4 {font-size:2.8rem; }
}
@media all and (max-width:1024px){
	#doctorSlick .cont .name dt {font-size:4.5rem;}
	#doctorSlick .cont .txtOff .t1 { padding-right:2em; line-height:2.5rem; font-size: 1.8rem;}
}
@media all and (max-width:768px){
	#doctorSlick {margin-top:30px;}
	#doctorSlick .cont {height:600px;}
	#doctorSlick .cont .name dt {font-size:4.2rem;}
	#doctorSlick .cont .txtOff .t1 { padding-right:1em; margin-top:2em}
    #doctorSlick .cont .txtOff img {right: -10vw; bottom: -10vw; width: 100px;}
}
@media all and (max-width:640px){
    #doctorSlick .cont .txtOff img {right: auto; left: 100%; bottom: -7vw; width: 100px;}
}
@media all and (max-width:480px){
	#doctorSlick .cont {height:110vw;}
}




#mYoutube {position:relative}
#mYoutube:before {content:''; width:50%; height:100%; background:#f8f8f8; position:absolute; left:0; top:0; z-index:-1}
#mYoutube .inner {display:flex; flex-wrap:wrap; align-items: center;}
#mYoutube #mTitle {width:calc(100% - 910px)}
#mYoutube #mTitle img {padding:60px 0 40px; width:86%; max-width:434px}
#mYoutube #mTitle ul {width:86%; max-width:400px; display:flex; flex-wrap:wrap; gap:20px 30px}
#mYoutube #mTitle ul li a {position:relative; }
#mYoutube #mTitle ul li a span {font-size:1.8rem; color:#333; position:relative; z-index:3 }
#mYoutube #mTitle ul li a:before { content:''; width:100%; height:10px; background:#f9dfdf; position:absolute; left:0; bottom:0; z-index:1	}
#mYoutube #mTitle ul li a:hover span {color:#FFF}
#mYoutube #mTitle ul li a:hover::before {height:100%; background:#ff0000; transition: all 0.2s ease-out;}

#mYoutube #contWrap {width:910px;}
#mYoutube #contWrap .youtubeSlick {margin-bottom:10px}
#mYoutube #contWrap .youtubeSlick li .vod {width:100%; height:510px;  border:1px solid #f3f3f3}

#mYoutube #contWrap .subInterview-wrap {position:relative}
#mYoutube #contWrap .subInterview-wrap .prev,
#mYoutube #contWrap .subInterview-wrap .next {position:absolute; top:50%;  z-index:3; transform:translate(-50%, -50%);
															border-radius:60px; height:60px; background:rgba(255,255,255,0.3);
															box-shadow:0 0 10px rgba(0,0,0,0.1)}
#mYoutube #contWrap .subInterview-wrap .prev { left:0; }
#mYoutube #contWrap .subInterview-wrap .next { left:100%;}
#mYoutube #contWrap .subInterview li {margin:0 5px;cursor:pointer; border:1px solid #f3f3f3}
#mYoutube #contWrap .subInterview li img {width:100%}

@media all and (max-width:1499px){	
	#mYoutube #mTitle {width:450px;}
	#mYoutube #contWrap {width:calc(100% - 450px)}
	#mYoutube #contWrap .youtubeSlick li .vod {height:34vw}
}
@media all and (max-width:1280px){	
	#mYoutube #mTitle {width:400px;}
	#mYoutube #mTitle ul { gap:20px 20px}
	#mYoutube #contWrap {width:calc(100% - 400px)}
	#mYoutube #contWrap .youtubeSlick li .vod {height:33vw}
}
@media all and (max-width:1024px){	
	#mYoutube .inner { align-items: end;}
	#mYoutube #contWrap .youtubeSlick li .vod {height:29vw}
	#mYoutube #contWrap .subInterview-wrap .prev,
	#mYoutube #contWrap .subInterview-wrap .next {width:40px; height:40px}	
	#mYoutube #contWrap .subInterview-wrap .prev img,
	#mYoutube #contWrap .subInterview-wrap .next img {width:100%}
}
@media all and (max-width:976px){	
	#mYoutube:before { width:100%; height:30%; background:#f8f8f8; position:absolute; left:0; top:unset; bottom:0}
	#mYoutube #mTitle {width:100%; text-align:center}
	#mYoutube #mTitle h3 br {display:none}
	#mYoutube #mTitle img {width:80%;padding:30px 0 20px;}
	#mYoutube #mTitle ul {width:100%; margin:0 auto;  max-width:100%; justify-content:center;
								gap:10px 20px}
	#mYoutube #contWrap {margin-top:50px; width:100%}
	#mYoutube #contWrap .youtubeSlick li .vod {height:51vw}
}
@media all and (max-width:768px){	
	#mYoutube #contWrap {margin-top:30px;}
}






#mSmartv {position:relative}
#mSmartv:before {content:''; width:50%; height:100%; background:#f8f8f8; position:absolute; left:0; top:0}
#mSmartv .inner {}
#mSmartv #titleWrap {width:calc(100% - 910px); position:absolute; right:0; top:0}
#mSmartv #titleWrap #mTitle {width:480px; margin:0 auto}
#mSmartv #contWrap {padding-bottom:90px; position:relative}
#mSmartv #contWrap:before {content:''; width:120%; height:380px; background:#60bfd6; position:absolute; right:0; bottom:0 }
#mSmartv .tvSlick li {display:flex; flex-wrap:wrap;align-items: end}
#mSmartv .tvSlick li .vod { width:910px; height:510px;  }
#mSmartv .tvSlick li .cont {width:calc(100% - 910px); color:#FFF}
#mSmartv .tvSlick li .cont .in-box {width:480px; margin:0 auto}
#mSmartv .tvSlick li .cont dl {padding-bottom:20px; margin-bottom:20px; width:100%; 
									border-bottom:1px solid rgba(255,255,255,0.2)}
#mSmartv .tvSlick li .cont dl dd {margin-bottom:0.5em; font-size:1.7rem;  font-weight:600}
#mSmartv .tvSlick li .cont dl dt {font-size:2.8rem; font-weight:600}
#mSmartv .tvSlick li .cont .t1 {font-size:1.7rem;	line-height:1.6em; height:4.8em; overflow: hidden; text-overflow: ellipsis; 
									display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
#mSmartv .tvSlick li .cont .t2 {margin-top:1em; font-size:2.0rem; font-weight:500}

@media all and (max-width:1599px){	
	#mSmartv #titleWrap {width:540px ; }
	#mSmartv #titleWrap #mTitle {width:440px;}
	#mSmartv .tvSlick li .vod { width:calc(100% - 540px); height:32vw;  }
	#mSmartv .tvSlick li .cont {width:540px }
	#mSmartv .tvSlick li .cont .in-box {width:440px;  }
}
@media all and (max-width:1499px){	
	#mSmartv #contWrap:before  {height:350px;}
		#mSmartv .tvSlick li .vod {  height:30vw;  }
}
@media all and (max-width:1399px){	
	#mSmartv #contWrap:before  {height:320px;}
	#mSmartv .tvSlick li .cont .t1 { height:3.2em; 	display: -webkit-box; -webkit-line-clamp: 2; }
}
@media all and (max-width:1280px){	
	#mSmartv #titleWrap {width:100%;  position:unset; text-align:center;;}
	#mSmartv #titleWrap #mTitle {width:100%; }
	#mSmartv #titleWrap #mTitle h3 br {display:none}
	#mSmartv #contWrap {margin-top:60px}
	#mSmartv #contWrap:before  {height:90%;}
	#mSmartv .tvSlick li {align-items: center;}
	#mSmartv .tvSlick li .vod { width:calc(100% - 420px); height:32vw;  }
	#mSmartv .tvSlick li .cont {width:420px; padding-top:3% }
	#mSmartv .tvSlick li .cont .in-box {width:360px;  }	
	#mSmartv .tvSlick li .cont .t1 {height:4.8em;  display: -webkit-box; -webkit-line-clamp: 3; }
}
@media all and (max-width:1024px){	
	#mSmartv #contWrap {padding-bottom:60px; }
	#mSmartv #contWrap:before  {height:95%;}
		#mSmartv .tvSlick li {align-items: end;}
	#mSmartv .tvSlick li .vod {  height:28vw;  }
}
@media all and (max-width:976px){	
	#mSmartv  {padding-top:80px; overflow:hidden}
	#mSmartv:before {display:none}
	#mSmartv #contWrap:before  {height:70%;; right:-10%}
	#mSmartv .tvSlick li .vod { width:100%; height:51vw;  }
	#mSmartv .tvSlick li .cont {width:100%; padding-top:5%; }
	#mSmartv .tvSlick li .cont .in-box {width:100%;  }	
}
@media all and (max-width:768px){	
	#mSmartv #contWrap { margin-top:30px; }
}
















































#mLocation {margin-top:60px; display:flex;  align-items: center;}
#mLocation #contWrap {width:42%}
#mLocation #contWrap ul {display:flex; flex-wrap:wrap; margin-bottom:40px}
#mLocation #contWrap ul li.tit {width:120px; font-size:1.7rem; color:#333; font-weight:500}
#mLocation #contWrap ul li.cont {width:calc(100% - 120px);}

#mLocation #contWrap ul li h3 {font-size:2.2rem; font-weight:600; color:#333}
#mLocation #contWrap ul li .st1  {margin-top:0.5em; font-size:1.6rem;}
#mLocation #contWrap ul li .tel {font-size:3.0rem; font-weight:700; color:#60bfd6; margin-bottom:0.3em}
#mLocation #contWrap ul li .btn {display:inline-block; padding:0.7em 1em; font-size:1.5rem; color:#FFF}
#mLocation #contWrap ul li .btn i {padding-left:1.2em; font-size:1.4rem}
#mLocation #contWrap ul li .btn.bg1 {background:#f9e000; color:#5d5d5d}
#mLocation #contWrap ul li .btn.bg2 {background:#327fc0}
#mLocation #contWrap ul li .btn.bg3 {background:#00c73c}
#mLocation #contWrap ul li .time {display:flex; flex-wrap:wrap}
#mLocation #contWrap ul li .time dt {width:80px; margin-bottom:0.3em;}
#mLocation #contWrap ul li .time dd {width:calc(100% - 80px);  margin-bottom:0.3em; font-family:'Roboto','Pretendard'; 
												font-weight:400}
#mLocation #contWrap ul li .fc-0 {color:#000}
#mLocation #contWrap ul li .f-color1 {color:#FF0000}

#mLocation #maptWrap {width:58%}

.root_daum_roughmap .wrap_controllers {display:none}
#mLocation .root_daum_roughmap .wrap_map {height: 420px !important; }


@media all and (max-width:1399px){
	#mLocation #contWrap {width:530px}
	#mLocation #contWrap ul li.tit {width:100px;}
	#mLocation #contWrap ul li.cont {width:calc(100% - 100px);}
	#mLocation #maptWrap {width:calc(100% - 530px);}
}
@media all and (max-width:1024px){
	#mLocation #contWrap {width:410px}
	#mLocation #contWrap ul { margin-bottom:30px;}
	#mLocation #contWrap ul li.tit {width:100%; margin-bottom:0.7em; ;}
	#mLocation #contWrap ul li.cont {width:100%}
	#mLocation #maptWrap {width:calc(100% - 410px);}
	#mLocation .root_daum_roughmap .wrap_map {height: 490px !important; }
}
@media all and (max-width:976px){
	#mLocation {flex-wrap:wrap; background:#f1f9fb; margin-top:30px}
	#mLocation #contWrap {width:100%; padding:4%}
	#mLocation #contWrap ul li.tit {width:90px; ;}
	#mLocation #contWrap ul li.cont {width:calc(100% - 90px)}
	#mLocation #maptWrap {width:100%; }
}
@media all and (max-width:768px){
	#mLocation #contWrap {width:470px; margin:0 auto}
	#mLocation #contWrap ul { margin-bottom:20px}
	#mLocation #contWrap ul li .time dt {width:70px; }
	#mLocation #contWrap ul li .time dd {width:calc(100% - 70px); }	

	#mLocation .root_daum_roughmap .wrap_map {height: 380px !important; }
}
@media all and (max-width:480px){
	#mLocation #contWrap {width:100%;padding:7% }
	#mLocation #contWrap ul { margin-bottom:6vw}
	#mLocation #contWrap ul li.tit {width:100%; margin-bottom:0.5em;  font-size:1.8rem;}
	#mLocation #contWrap ul li.cont {width:100%}
	#mLocation #contWrap ul li h3 {font-size:2.0rem;}
	#mLocation #contWrap ul li .st1  { font-size:1.5rem;}
	#mLocation #contWrap ul li .btn { padding:0.6em 0.8em; font-size:1.4rem; }
	#mLocation #contWrap ul li .time dt {width:15vw; }
	#mLocation #contWrap ul li .time dd {width:calc(100% - 15vw); }	

	#mLocation .root_daum_roughmap .wrap_map {height: 65vw !important; }
}


#mSbjt{width: 100%;margin-top: 120px;}
#mSbjt ul{width: 100%; display: flex; flex-wrap: wrap;}
#mSbjt ul li{width: calc(100%/5); height: 500px; background: #ddd; transition: 0.3s; position: relative;}
#mSbjt ul li:nth-child(1){background: url('/images/main/mSbjt_img1.png') no-repeat center center;}
#mSbjt ul li:nth-child(2){background: url('/images/main/mSbjt_img2.png') no-repeat center center;}
#mSbjt ul li:nth-child(3){background: url('/images/main/mSbjt_img3.png') no-repeat center center;}
#mSbjt ul li:nth-child(4){background: url('/images/main/mSbjt_img4.png') no-repeat center center;}
#mSbjt ul li:nth-child(5){background: url('/images/main/mSbjt_img5.png') no-repeat center center;}
#mSbjt ul li a{width: 100%; height: 100%; display: inline-block; padding: 30px; display: flex;flex-wrap: wrap;align-items: end; justify-content: center; position: relative; transition: 0.3s;}
#mSbjt ul li .txt{text-align: center; color: #fff; z-index: 2; transition: 0.3s; opacity: 1;}
#mSbjt ul li:hover .txt{opacity: 0; transition: 0.3s;}
#mSbjt ul li .txt h4{font-size: 2rem;}
#mSbjt ul li .txt h3{font-size: 3rem; padding-bottom: 10px; position: relative;}
#mSbjt ul li .txt h3::after{position: absolute; content: '';width: 20px; height: 1px; background: #fff; bottom: 0;left: 50%; transform: translateX(-50%);}
#mSbjt ul li .txt p{font-size: 1.6rem; padding-top: 10px;}
#mSbjt ul li a::after{position: absolute; content: ''; color: #fff; top: 50px; left: 50%; transform: translate(-50%, -50%); font-weight: bold;    font-family: 'Montserrat'; letter-spacing: 1px; text-transform: uppercase; text-align: center; transition: 0.3s; opacity: 0;}
#mSbjt ul li:hover a::after{ letter-spacing: 3px; opacity: 1;}
#mSbjt ul li a::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1; transition: all .3s ease-in-out; opacity: 1;}
#mSbjt ul li:hover a::before{opacity: 0; transition: all .3s ease-in-out;}
#mSbjt ul li:nth-child(1) a:after{content: 'GOOD TEETH';}
#mSbjt ul li:nth-child(2) a:after{content: 'Conscious sedation';}
#mSbjt ul li:nth-child(3) a:after{content: 'cerec';}
#mSbjt ul li:nth-child(4) a:after{content: 'incisor treatment';}
#mSbjt ul li:nth-child(5) a:after{content: 'oral spa';}

@media all and (max-width:1280px){
    #mSbjt ul li .txt h4{font-size: 1.8rem;}
    #mSbjt ul li .txt h3{font-size: 2.5rem;}
    #mSbjt ul li .txt p{font-size: 1.5rem;}
    #mSbjt ul li{width: calc(100%/3); height: 400px;}
    #mSbjt ul li:nth-child(4),#mSbjt ul li:nth-child(5){width: calc(100%/2); background-size: cover;}
}
@media all and (max-width:1024px){
    #mSbjt{ margin-top: 0;}
}
@media all and (max-width:780px){
    #mSbjt ul li{width: calc(100%/2);}
    #mSbjt ul li:nth-child(5){width: 100%;}
}
@media all and (max-width:580px){
    #mSbjt ul li .txt h4{font-size: 1.6rem;}
    #mSbjt ul li .txt h3{font-size: 2.3rem;}
    #mSbjt ul li .txt p{font-size: 1.4rem;}
}


#mImplant_s {background:url('/images/main/mimplant-bg.png') no-repeat right top; position:relative; background-size: cover;   background-attachment: fixed; margin-top: 120px;}
#mImplant_s #in-box {display:flex; flex-wrap:wrap; justify-content:center;}
#mImplant_s #titWrap {width:100%; display: flex; max-width: 1600px; align-items: center;}
#mImplant_s #titWrap #mTitle {padding:130px 0; width: 50%;}
#mImplant_s #titWrap #mTitle h3 { font-size:5.5rem; }
#mImplant_s #titWrap .subBtn {margin-top:3em; display:inline-block; padding:1em 2em; border:1px solid rgba(255,255,255,0.3); border-radius:50px; font-size:1.8rem; color:#FFF}
#mImplant_s #titWrap .subBtn:hover {background:#60bfd6; border-color:#60bfd6;}
#mImplant_s #titcont {width:50%; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color:rgba(255,255,255,0.05); position:relative; height: 60%; display: flex;align-items: center;}
/* #mImplant_s #titcont:before {content:''; width:249px; height:208px; background:url('/images/main/mimplant-sb.png') no-repeat right top; position:absolute; right:8%; top:8%; background-size:100% auto} */
#mImplant_s #titcont dl {width:300px; margin:0 auto; color:#FFF}
#mImplant_s #titcont dl dt {font-size:3.0rem; font-weight:600}
#mImplant_s #titcont dl dd {margin:0.3em 0 2em; font-size:1.8rem; opacity:.4}
#mImplant_s #titcont dl .counter {font-size:9.0rem; font-family: "Prata", serif; }


@media all and (max-width:1620px){
    #mImplant_s #titWrap {width:94%;}
}
@media all and (max-width:1080px){
    #mImplant_s #titWrap {justify-content: space-between; flex-wrap: wrap;}
    #mImplant_s #titWrap #mTitle {width: 49%;}
    #mImplant_s #titcont {width:49%;}
}
@media all and (max-width:1024px){
    #mImplant_s{margin-top: 0px;}
    #mImplant_s #titWrap #mTitle h3 { font-size:4.6rem; }
}
@media all and (max-width:976px){
    #mImplant_s{margin-top: 50px;}
    #mImplant_s #titWrap{height: 100%; padding-bottom: 70px;}
    #mImplant_s #titWrap #mTitle {width: 100%; padding: 70px 0; text-align: center;}
    #mImplant_s #titWrap .subBtn {margin-top:2em; padding:1em 2em;font-size:1.6rem;}
    #mImplant_s #titcont {width: 100%; padding: 50px 0; text-align: center;}
    #mImplant_s #titcont dl dt {font-size:2.5rem;}
    #mImplant_s #titcont dl dd {font-size:1.6rem;}
    #mImplant_s #titcont dl .counter {font-size:8.0rem;}
}
@media all and (max-width:480px){
    #mImplant_s #titWrap{padding-bottom: 50px;}
    #mImplant_s #titWrap #mTitle {padding: 50px 0;}
    #mImplant_s #titcont {padding: 30px 0;}
    #mImplant_s #titcont dl .counter {font-size:7.0rem;}
}





#mSbjt2{width: 100%;margin-top: 120px;}
#mSbjt2 ul{width: 100%; display: flex; flex-wrap: wrap;}
#mSbjt2 ul li{width: calc(100%/4); height: 500px; background: #ddd; transition: 0.3s; position: relative;}
#mSbjt2 ul li:nth-child(1){background: url('/images/main/mSbjt_img1.png') no-repeat center center/cover;}
#mSbjt2 ul li:nth-child(2){background: url('/images/main/mSbjt_img2.png') no-repeat center center/cover;}
#mSbjt2 ul li:nth-child(3){background: url('/images/main/mSbjt_img3.png') no-repeat center center/cover;}
#mSbjt2 ul li:nth-child(4){background: url('/images/main/mSbjt_img4.png') no-repeat center center/cover;}
#mSbjt2 ul li:nth-child(5){width: calc(100%/3); background: url('/images/main/mSbjt_img5.png') no-repeat center center/cover;}
#mSbjt2 ul li:nth-child(6){width: calc(100%/3); background: url('/images/main/mSbjt_img6.webp') no-repeat center center/cover;}
#mSbjt2 ul li:nth-child(7){width: calc(100%/3); background: url('/images/main/mSbjt_img7.webp') no-repeat center center/cover;}
#mSbjt2 ul li a{width: 100%; height: 100%; display: inline-block; padding: 30px; display: flex;flex-wrap: wrap;align-items: end; justify-content: center; position: relative; transition: 0.3s;}
#mSbjt2 ul li .txt{text-align: center; color: #fff; z-index: 2; transition: 0.3s; opacity: 1;}
#mSbjt2 ul li:hover .txt{opacity: 0; transition: 0.3s;}
#mSbjt2 ul li .txt h4{font-size: 2rem;}
#mSbjt2 ul li .txt h3{font-size: 3rem; padding-bottom: 10px; position: relative;}
#mSbjt2 ul li .txt h3::after{position: absolute; content: '';width: 20px; height: 1px; background: #fff; bottom: 0;left: 50%; transform: translateX(-50%);}
#mSbjt2 ul li .txt p{font-size: 1.6rem; padding-top: 10px;}
#mSbjt2 ul li a::after{position: absolute; content: ''; color: #fff; top: 50px; left: 50%; transform: translate(-50%, -50%); font-weight: bold;    font-family: 'Montserrat'; letter-spacing: 1px; text-transform: uppercase; text-align: center; transition: 0.3s; opacity: 0;}
#mSbjt2 ul li:hover a::after{ letter-spacing: 3px; opacity: 1;}
#mSbjt2 ul li a::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1; transition: all .3s ease-in-out; opacity: 1;}
#mSbjt2 ul li:hover a::before{opacity: 0; transition: all .3s ease-in-out;}
#mSbjt2 ul li:nth-child(1) a:after{content: 'Smart';}
#mSbjt2 ul li:nth-child(2) a:after{content: 'Laminate';}
#mSbjt2 ul li:nth-child(3) a:after{content: 'whitening';}
#mSbjt2 ul li:nth-child(4) a:after{content: 'gum';}
#mSbjt2 ul li:nth-child(5) a:after{content: 'oral spa';}
#mSbjt2 ul li:nth-child(6) a:after{content: 'Invisalign';}
#mSbjt2 ul li:nth-child(7) a:after{content: 'Beauty';}

@media all and (max-width:1280px){
    #mSbjt2 ul li .txt h4{font-size: 1.8rem;}
    #mSbjt2 ul li .txt h3{font-size: 2.5rem;}
    #mSbjt2 ul li .txt p{font-size: 1.5rem;}
    #mSbjt2 ul li{/*width: calc(100%/3);*/ height: 400px;}
    /* #mSbjt2 ul li:nth-child(4),#mSbjt ul li:nth-child(5){width: calc(100%/2); background-size: cover;} */
}
@media all and (max-width:1024px){
    #mSbjt2{ margin-top: 0;}
}
@media all and (max-width:780px){
    #mSbjt2 ul li{width: calc(100%/2);}
    #mSbjt2 ul li:nth-child(5){width: calc(100%/2);}
    #mSbjt2 ul li:nth-child(6){width: calc(100%/2);}
    #mSbjt2 ul li:nth-child(7){width: 100%;}
}
@media all and (max-width:580px){
    #mSbjt2 ul li .txt h4{font-size: 1.6rem;}
    #mSbjt2 ul li .txt h3{font-size: 2.3rem;}
    #mSbjt2 ul li .txt p{font-size: 1.4rem;}
}