@charset "utf-8";

#sMap { position: relative; overflow: hidden; z-index:-1  }
#sMap .root_daum_roughmap .wrap_map  { height: 550px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none;}

@media all and (max-width:976px) {

#sMap .root_daum_roughmap .wrap_map  { height: 55vw !important; }
.locaInfo dl { padding: 5% 0 5% 100px; background-size: 80px; font-size: 1.3em; }

}



.intro-top { position: relative; width: 100%; height: 500px; overflow: hidden; text-align: center; color:#fff; 
			 background-repeat: no-repeat; background-position: center; background-size: cover; }
.intro-top .txt { position: absolute; width: 100%; bottom: 0; }
.intro-top .txt .t1 { font-family: 'Poppins', sans-serif; font-size: 3.66em; font-weight: 700; opacity: 0.2; }
.intro-top .txt .t2 { font-family: 'Arita-buri-SemiBold'; font-size: 2.26em; line-height: 1.5em; margin-top: -10px;  }
.intro-top .txt .t2 .line { position: relative;  }
.intro-top .txt .t2 .line:before { position: absolute; content:''; width: 100%; height: 1px; background:rgba(255,255,255,0.3); bottom:0.1em; }
.intro-top .txt .t3 { font-family: 'Poppins', sans-serif; font-size: 1.73em; font-weight: 600; margin-top: 65px; line-height: 0.7em; letter-spacing: 1em; text-transform:uppercase; }

#greet-img { background-image:url("/images/sub/intro1.png"); }
#intro3 { background-image:url("/images/sub/intro3.png"); }

#greet-txt { text-align: center;  padding: 7%; }
#greet-txt .img { }
#greet-txt .typo { position: relative; font-family: 'S-CoreDream-3Light'; display: inline-block; margin-top: 30px; color:#000; font-size: 2.26em; line-height: 1.7em;  }
#greet-txt .typo:before { position: absolute; content:''; width: 100%; height: 1px; background:rgba(0,0,0,0.3); bottom:0em; }
#greet-txt .txt { text-align: left; font-size: 1.2em; font-family: 'S-CoreDream-4Regular'; line-height: 1.8em; color:#484848; }
#greet-txt .txt p .name { font-size: 1.33em; font-family: 'S-CoreDream-6Bold'; margin-left: 10px;  }


@media all and (max-width:1024px) {

.intro-top { height: 40vw; font-size: 0.9em; }
.intro-top .txt .t3 { margin-top: 5%;  letter-spacing: 0.8em; }

#greet-txt { padding: 7% 3%; }
#greet-txt .img img { max-width: 35%; }
#greet-txt .typo { font-size: 2.0em; }

}


@media all and (max-width:767px) {

.intro-top { height: 45vw; }
.intro-top .txt .t3 { font-size: 1.5em; }

#greet-txt .typo { font-size: 2.26em; }
#greet-txt .typo:before { display: none; }
#greet-txt .typo .line { position: relative; }
#greet-txt .typo .line:before { position: absolute; content:''; width: 100%; height: 1px; background:rgba(0,0,0,0.3); bottom:0; }

}

@media all and (max-width:568px) {

.intro-top { height: 50vw; }
.intro-top .txt .t2 { line-height: 1.4em; }
.intro-top .txt .t3 { font-size: 1.3em; letter-spacing: 0.7em; }
#greet-txt .typo { line-height: 1.4em; }

}

#drProfile { overflow: hidden; background:#f8f9fb url("/images/sub/symbolBG.png") no-repeat 98% 95%; }
#drProfile .drImg { float: left; width: 42.85%; text-align: center; box-sizing: border-box; }
#drProfile .drImg img { width: 100%; max-width: 600px;  }
#drProfile .drInfo { float: right; width: 57.15%; padding: 7% 5% 5%; box-sizing: border-box;   }
#drProfile .drName { color:#5b5c5d; }
#drProfile .drName > span { font-family: 'Poppins', sans-serif; font-size: 3.33em; font-weight: 700; color:#dddde1; opacity:0.7;  }
#drProfile .drName dl { position: relative; margin-top: -20px;   }
#drProfile .drName dl dt { font-size: 3.66em; color:#5b5c5d; line-height: 1.0em; font-weight: 700; display: inline-block; vertical-align: bottom; }
#drProfile .drName dl dd { font-size: 1.46em; line-height: 1.0em; display: inline-block; vertical-align: bottom; margin-left: 10px;  }
#drProfile .profile { color:#585656; line-height: 2em; font-size: 1.2em;  }


@media all and (max-width:1240px) {

#drProfile { background-size: 25% auto; }

}

@media screen and (max-width:976px) {

#drProfile { background: none; }
#drProfile .drImg { width: 100%; }
#drProfile .drInfo { width: 90%; margin: -20vw 5% 0; padding: 10% 8%; border:1px solid #f4f4f4; border-right-color:#ccc; border-bottom-color:#ccc; 
					 background:#fff url("/images/sub/symbolBG.png") no-repeat 98% 95%;  background-size: 40% auto; }

}



#CSinfo { position: relative; overflow: hidden; margin-top: 7%; }
#CSinfo:before { content:''; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -0.5px; background:#e5e5e5; }
#CSinfo > div { float: left; width: 50%; padding: 0 3.5%; box-sizing: border-box;  }

#CSinfo .tit { margin-bottom: 40px; }
#CSinfo .tit h4 { font-family: 'S-CoreDream-5Medium'; color:#333; font-size: 2.66em; line-height: 1.5em; font-weight: normal;   }
#CSinfo .tit p { color:#999; font-size: 1.2em; line-height: 1.5em;  }

#CSinfo .hour { font-family: 'S-CoreDream-4Regular'; }
#CSinfo .hour dl { overflow: hidden; color:#333; font-size: 1.6em; }
#CSinfo .hour dl dt,
#CSinfo .hour dl dd { line-height: 2em; float: left;  }
#CSinfo .hour dl dt { width: 155px; } 
#CSinfo .hour dl dd { width: calc(100% - 155px); letter-spacing: 0; }
#CSinfo .hour p { font-size: 1.2em; }

#CSinfo .csTel .tel { background:url("/images/sub/ico_tel.png") no-repeat right 90%; display:inline-block; padding-right: 80px; }
#CSinfo .csTel .tel dt { font-family: 'Poppins', sans-serif; font-size: 3.33em; font-weight: 700; color:#dddde1; opacity:0.7; }
#CSinfo .csTel .tel dd { position: relative; color:#8ec542; font-size: 3.66em; line-height: 1.2em; font-family: 'S-CoreDream-7ExtraBold'; margin-top: -15px; }


@media all and (max-width:1099px) {

#CSinfo .csTel { padding-right:0; }

}

@media all and (max-width:976px) {

#CSinfo .csTel .tel { background-size: 50px auto; background-position: 98% center; padding-right: 65px; font-size: 0.9em;  }
#CSinfo .hour dl dt { width: 110px; } 
#CSinfo .hour dl dd { width: calc(100% - 110px); }

}

@media all and (max-width:800px) {

#CSinfo .tit  { margin-bottom: 30px; }
#CSinfo .tit h4 { font-size: 2.4em; }

#CSinfo .hour dl { font-size: 1.3em; }
#CSinfo .hour dl dt { width: 90px; } 
#CSinfo .hour dl dd { width: calc(100% - 90px); }

#CSinfo .csTel .tel { font-size: 0.75em; background-size: 40px auto; padding-right: 55px; }

}


@media all and (max-width:640px) {

#CSinfo:before { display: none; }
#CSinfo > div { width: 100%; }
#CSinfo .tit  { margin-bottom: 20px; }
#CSinfo .csHour { padding-bottom: 5%; margin-bottom: 5%; border-bottom:1px solid #e5e5e5; }
#CSinfo .csTel .tel { font-size: 1.0em; }
#CSinfo .csTel .tel dd { margin-top: -0.2em;}

}



#sMap-info { position: relative; overflow: hidden; width: 92%; margin: -3vw auto 0; padding: 5%;  border:1px solid #f4f4f4; border-right-color:#ccc; border-bottom-color:#ccc; 
			 background:#fff url("/images/sub/symbolBG.png") no-repeat 105% center; background-size: auto 90%; }
#sMap-info .tit { float: left; width: 40%; border-right: 1px solid #e5e5e5; }
#sMap-info .tit h4 { font-family: 'S-CoreDream-5Medium'; color:#333; font-size: 2.66em; line-height: 1.5em; font-weight: normal;   }
#sMap-info .tit p { color:#999; font-size: 1.2em; line-height: 1.5em;  }
#sMap-info .txt { float: left; width: 60%; padding: 1% 0 0 5%; font-size: 1.5em; font-family: 'S-CoreDream-4Regular'; line-height: 1.5em;  }


@media all and (max-width:1399px) {

#sMap-info .tit { width: 35%; }
#sMap-info .txt { width: 65%; }

}


@media all and (max-width:767px) {

#sMap-info .tit { width: 100%; border-right:0; border-bottom: 1px solid #e5e5e5; padding-bottom: 3%; margin-bottom: 3%; }
#sMap-info .txt { width: 100%; padding-left:0; font-size: 1.3em; }

}



/*클리닉*/

.cln-top { position: relative; width: 100%; height: 500px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.cln-top .cln-txt { padding: 8% 5% 7% 8%; box-sizing: border-box; }
.cln-top .cln-txt h3 { font-size: 3.66em; font-family: 'S-CoreDream-6Bold'; line-height: 1.2em;  }
.cln-top .cln-txt .t1 { font-size: 1.73em; font-family: 'S-CoreDream-4Regular'; line-height: 1.5em; }
.cln-top .cln-txt .t2 { font-size: 3.33em; font-family: 'Poppins', sans-serif; font-weight: 700; opacity:0.2; line-height: 1.0em; margin-top: -0.6em; }
.cln-top .cln-txt .t3 { font-size: 1.46em; line-height: 1.4em; opacity:0.8; margin-top: 40px;  }

#clinic1 { background-image: url("/images/sub/clinic1_top.png"); background-color:#efefec; color:#8f7967; }
#clinic2 { background-image: url("/images/sub/clinic2_top.png"); background-color:#98a1a9; color:#fff; }
#clinic3 { background-image: url("/images/sub/clinic3_top.png"); background-color:#eff2f3; color:#7797b6; }
#clinic4 { background-image: url("/images/sub/clinic4_top.png"); background-color:#efefec; color:#fff; }
#clinic5 { background-image: url("/images/sub/clinic5_top.png"); background-color:#efefec; color:#fff; }
#clinic6 { background-image: url("/images/sub/clinic6_top.png"); background-color:#efefec; color:#8b9399; }
#clinic7 { background-image: url("/images/sub/clinic7_top.png"); background-color:#efefec; color:#fff; }
#knowledge1 { background-image: url("/images/sub/knowledge1_top.png"); background-color:#efefec; color:#fff; }
#knowledge2 { background-image: url("/images/sub/knowledge2_top.png"); background-color:#efefec; color:#fff; }
#knowledge3 { background-image: url("/images/sub/knowledge3_top.png"); background-color:#efefec; color:#8f7967; }


@media all and (max-width:1240px) {

.cln-top { height: 40vw; }
.cln-top .cln-txt { padding-top: 10%; }

}

@media all and (max-width:1024px) {

.cln-top .cln-txt { padding: 8vw 0 0 6vw; font-size: 0.9em; }
.cln-top .cln-txt .t3 { margin-top: 4%; }

}

@media all and (max-width:767px) {

.cln-top { height: 45vw; }
.cln-top .cln-txt { font-size: 0.85em; padding-top: 10vw; }

}

@media all and (max-width:640px) {

.cln-top { height: 50vw; }
.cln-top .cln-txt h3 { font-size: 3em; }
.cln-top .cln-txt .t1 { font-size: 1.5em; }
.cln-top .cln-txt .t2 { font-size: 2.8em; }

}

@media all and (max-width:480px) {

.cln-top .cln-txt { font-size: 0.8em; }
.cln-top .cln-txt .t3 { max-width: 50%; }
.cln-top .cln-txt .t3 br { display: none; }

}

.s-section { padding: 6% 0; overflow: hidden; background:url("/images/sub/dotline.png") repeat-x bottom; }
.s-section.noBG { background: none; padding-bottom: 0; }

@media all and (max-width:976px) {

.s-section { padding: 8% 0; }

}

.stit1 { font-size: 2.66em; color:#333; text-align: center; padding-bottom: 26px; position: relative; line-height: 1.2em; margin-bottom: 40px; 
		 font-weight: normal;  font-family: 'S-CoreDream-5Medium'; }
.stit1 .fw-L { font-family: 'S-CoreDream-3Light'; }
.stit1:after { content:''; width: 50px; height: 1px; background:#000; position: absolute; bottom: 0; left: 50%; margin-left: -25px;  }
.stit1.noBG { padding-bottom: 0; }
.stit1.noBG:after { display: none; }
.stxt1 { font-size: 1.2em; color:#999; line-height: 1.8em; }

@media all and (max-width:767px) {

.stit1 { font-size: 2.2em; padding-bottom: 15px; margin-bottom: 7vw; }
.stit1:after { width: 30px; margin-left: -15px; }
.stxt1 br { display: none; }

}


.orderBox { overflow: hidden; text-align: center; }
.orderBox li { position: relative; counter-increment: number; float: left; width: 20%; background:#8f7967; box-sizing: border-box;  }
.orderBox li:before { content: counter(number, decimal-leading-zero); color:rgba(255,255,255,0.5); text-decoration:underline; margin-bottom: 20px; display:inline-block;
				      font-size: 1.86em;  font-family: 'S-CoreDream-7ExtraBold';  line-height: 1.0em; position: absolute; top: 40px; left:0; width: 100%; }
.orderBox li dl dt { color:#fff; font-family: 'S-CoreDream-5Medium'; font-size: 2em; box-sizing: border-box; line-height: 1.0em; padding: 95px 0 0; 
					 border-right: 1px solid rgba(255,255,255,0.4); height: 180px; overflow: hidden; }
.orderBox li dl dd { background:#f5f2eb; color:#434343; height: 120px; padding: 40px 0; box-sizing: border-box; font-size: 1.2em; position: relative;
					 border-right: 1px solid rgba(255,255,255,0.8); line-height: 1.5em; }
.orderBox li dl dd:before { content:''; width: 0; height:0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 20px solid #f5f2eb;
							position: absolute; top: -15px; left: 50%; margin-left: -15px; }

.orderBox.col3 li { width: 33.33%; }
.orderBox.col4 li { width: 25%; }
.orderBox.col3.gray li { background:#a5aeb6; }
.orderBox li dl dd { height: 150px; padding: 30px 0; }


@media all and (max-width:976px) {

.orderBox li:before { top: 35px; }
.orderBox li dl dt { height: 150px; padding-top: 80px; }
.orderBox li dl dd { height: 100px; }

.orderBox.col3 li dl dt { height: 170px; padding-left: 1%; padding-right:1%; line-height: 1.2em;  }
.orderBox.col3 li dl dd { height: 140px; padding-left: 3%; padding-right:3%;  }
.orderBox.col3 li dl dd br { display: none; }

.orderBox.col4 li dl dt { height: 170px; padding-left: 1%; padding-right:1%; line-height: 1.2em;  }
.orderBox.col4 li dl dd { height: 140px; padding-left: 3%; padding-right:3%;  }
.orderBox.col4 li dl dd br { display: none; }

}

@media all and (max-width:767px) {

.orderBox li:before { font-size: 1.3em; top: 3.5vw; }
.orderBox li dl dt { font-size: 1.6em; height: 18vw; padding-top: 9vw; }
.orderBox li dl dd { height: 16vw; padding: 3.5vw 0; }
.orderBox li dl dd:before { top: -10px; }

.orderBox.col3 li { width: 100%; }
.orderBox.col3 li dl dt { height: 20vw;  }
.orderBox.col3 li dl dd { height: 22vw;  padding-left: 5%; padding-right:5%; }

.orderBox.col4 li dl dt { height: 20vw;  }
.orderBox.col4 li dl dd { height: 22vw;  padding-left: 5%; padding-right:5%; }
.orderBox.col4 li { width: 50%; }


}

@media all and (max-width:568px) {

.orderBox li { width: 33.33%; }

}

.imgCont li { overflow: hidden; margin-bottom: 20px;}
.imgCont li:last-child { margin-bottom:0; }
.imgCont li .img { float: left; width: 300px; }
.imgCont li .img img { width: 100%; }
.imgCont li dl { float: left; width:calc(100% - 300px); box-sizing: border-box; padding: 3% 5%; }
.imgCont li dl dt { color:#8ec542; font-size: 2.13em; font-family: 'S-CoreDream-6Bold'; line-height: 1.3em; }
.imgCont li dl dd.t1 { color:#333; font-size: 1.6em; font-family: 'S-CoreDream-3Light'; line-height: 1.3em; }
.imgCont li dl dd.stxt1 { margin-top: 30px; }


@media all and (max-width:976px) {

.imgCont li .img { width: 30%; }
.imgCont li dl { width: 70%; padding: 3% 0 3% 4%; }
.imgCont li dl dd.stxt1 { margin-top: 2vw; }
.imgCont li dl dd.stxt1 br { display: none; }

}

@media all and (max-width:767px) {

.imgCont li .img { width: 35%; }
.imgCont li dl { width: 65%; }

}

@media all and (max-width:568px) {

.imgCont li { margin-bottom: 5vw; padding-bottom: 3vw; background:url("/images/sub/dotline.png") repeat-x bottom;  }
.imgCont li:last-child { background: none; margin: 0; padding: 0; }
.imgCont li .img { width: 100%; text-align: center; margin-bottom: 3%; }
.imgCont li .img img { width: 60%; max-width: 300px; }
.imgCont li dl { width: 100%; padding-left:0;  }

}


.zzCont { position: relative;  width: 100%; overflow: hidden; margin: 0 auto; }
.zzCont > li { position: relative; overflow: hidden;
			   background-color:#f9f9f9; background-size: 50% cover;  background-position: left center; overflow: hidden; background-repeat: no-repeat; }
.zzCont > li .zz-cont { float: right; height: 100%;  min-height: 450px; padding: 5% 1% 4% 5%; background-color:#f9f9f9; display:flex; align-items: center;
						box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.zzCont li:nth-child(even) .zz-img, 
.zzCont li:nth-child(even) .zz-cont { float: left; }
.zzCont li:nth-child(even) .zz-cont { /*padding: 3% 4% 3% 0; */ }

.zzCont li:nth-child(even) { background-position: right center; }

.zzCont2 > li { overflow: hidden; text-align: center; position: relative;  }
.zzCont2 > li .zzImg { width:50%; height: 100%;  position: absolute; left:0; top:0;  background-size: cover; background-position: center; }
.zzCont2 > li .zzTxt { width:50%; height: 100%; float: right; padding: 13% 3%; box-sizing: border-box; }
.zzCont2 > li .zzTxt.pd-s { padding: 5% 7%; }
.zzCont2 > li .zzTxt.BGnv,
.zzCont2 > li .zzTxt.BGbu { color:#fff; border:0;}
.zzCont2 > li dl.zzTxt { padding: 7% 4%; }
.zzCont2 > li dl.zzTxt dt {color:#8ec542; font-size: 2.13em; font-family: 'S-CoreDream-6Bold'; line-height: 1.3em;}
.zzCont2 > li dl.zzTxt dd.t1 { color:#333; font-size: 1.6em; font-family: 'S-CoreDream-3Light'; line-height: 1.3em;  margin-top:10px;}
.zzCont2 > li dl.zzTxt dd.stxt1 {margin-top: 30px;}
.zzCont2 > li:nth-child(even) .zzImg { left: auto; right:0; }
.zzCont2 > li:nth-child(even) .zzTxt { float: left; }


.clinic2_1 { background-image: url("/images/sub/clinic2_img1.png"); }
.clinic3_1 { background-image: url("/images/sub/clinic3_img1.png"); }
.clinic5_1 { background-image: url("/images/sub/clinic5_img1.png"); }
.clinic7_1 { background-image: url("/images/sub/clinic7_img5.png"); }

.knowledge3_1 { background-image: url("/images/sub/knowledge3_img1.png"); }
.knowledge3_2 { background-image: url("/images/sub/knowledge3_img2.png"); }
.knowledge3_3 { background-image: url("/images/sub/knowledge3_img3.png"); }
.knowledge3_4 { background-image: url("/images/sub/knowledge3_img4.png"); }
.knowledge3_5 { background-image: url("/images/sub/knowledge3_img5.png"); }
.knowledge3_6 { background-image: url("/images/sub/knowledge3_img6.png"); }


@media screen and (max-width:1240px) {

.zzCont > li { background-position: -15% center;  }

}

@media screen and (max-width:976px) {

.zzCont > li { background-position: -45% center; background-size: auto 100%;  }
.zzCont > li .zz-cont { min-height: 45vw; }

.zzCont2 > li dl.zzTxt dd.t1 {margin-top:1vw}
.zzCont2 > li dl.zzTxt dd.stxt1 { margin-top: 2vw; }
.zzCont2 > li dl.zzTxt dd.stxt1 br { display: none; }

}


@media screen and (max-width:767px) {

.zzCont > li { padding: 50% 5% 5%; background-size: 100% auto; background-position: center top; background-color:#fff; }
.zzCont > li .zz-cont { background-color:rgba(255,255,255,0.95) !important; height: auto !important; display: block;}

.zzCont > li .zz-cont { padding: 7% 5%; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #ccc; }
.zzCont > li .zz-cont dt { margin-bottom: 2%; }


.zzCont2 > li  { padding-top: 40vw; }
.zzCont2 > li .zzImg { width: 100%; height: 40vw;  }
.zzCont2 > li .zzTxt { width: 100%; }

.zzCont2 > li dl.zzTxt { padding: 8% 6%; }
.zzCont2 > li dl.zzTxt dt {  margin-bottom: 2.5vw; }
}


@media screen and (max-width:568px) {

.zzCont > li { padding: 50% 3% 3% ; }
.zzCont > li .zz-cont { padding: 8% 6%; } 


.zzCont2 > li { padding-top: 45vw; }
.zzCont2 > li .zzImg { height: 45vw; }

}



.checkList { overflow: hidden;  }
.checkList li { position: relative; font-size: 1.2em; color:#5d5d5d; padding: 6px 0 6px 40px; overflow: hidden; min-height: 24px; margin-bottom: 5px; }
.checkList li:before { content:''; width: 28px; height: 24px; background:url("/images/sub/ico_check.png") no-repeat; position: absolute; left: 0; top: 4.5px;  }
.checkList li p { color:#4b4b4b; }


@media screen and (max-width:767px) {

.checkList li { padding-left: 30px; }
.checkList li:before { width: 23px; height: 20px; background-size: 23px auto; }

}