@charset "utf-8";

/* 공통 */
#s-part {padding:6em 0}
#s-section {margin:10em 0}
.joint-section {padding-top:12em}
@media all and (max-width:580px) {	
	#s-part {padding:4em 0}
	#s-section {margin:8em 0}
	.joint-section {padding-top:8em}
}


.intro1-1 { margin-bottom:5em; position:relative; height:615px; background:url('/images/sub/intro1-img1.png') no-repeat; background-position:10% top; background-size:auto 100%}

/* .intro1-1:after {content:'suwol'; font-family: 'Montserrat', sans-serif;  font-weight: 800;
					font-size:5.5vw; color:rgba(248,237,237,0.4); text-transform:uppercase; position:absolute; left:0; bottom:2.6vw}
.intro1-1:before {content:'hospital korean medicine'; font-family: 'Montserrat', sans-serif;  font-weight: 800;
					font-size:3.8vw; color:rgba(248,237,237,0.4); text-transform:uppercase; position:absolute; left:0; bottom:0}
*/

#intro1 {overflow:hidden; ;}
#intro1 #cont {width:50%; background:#FFF; float:right}
#intro1 #img  { display:none; width:50%; float:left; }

#intro1 h4.intro1-tit {font-size:2.2em; color:#222; line-height:1.5em; font-weight:500;  font-family: 'GmarketSans';} 
#intro1 h3 {font-size:2.625em;  letter-spacing:-0.03em;  color:#222; line-height:1.5em; font-weight:700;  font-family: 'GmarketSans';}
#intro1 .t1 {padding-top:1.5em; line-height:1.8em;}
#intro1 #cont .point {font-size:1.125em; }
#intro1 #cont .name {padding-top:1.5em; font-size:1.125em; color:#222 }
#intro1 #cont .sign { padding-left:0.3em; font-size:1.5em; color:#222; font-family: 'ROEHOE-CHAN';}
.br1115 {display:none;}

@media all and (max-width: 1730px){
	#intro1 #cont {padding-left:2%}
}
@media all and (max-width: 1530px){
	.intro1-1 { height:auto;  background-position:-10% top; }
	#intro1 #cont {padding-right:5%}
	#intro1 #cont br.br1530 {display:none}
}
@media all and (max-width: 1456px){
	.intro1-1 { background-position:-25% top; }
}
@media all and (max-width: 1350px){
	.intro1-1 { background-position:-35% top; }
	#intro1 h4.intro1-tit {font-size:2.0em;}
}
@media all and (max-width: 1199px){
	#intro1 #cont {padding-right:2%}
}

@media all and (max-width: 1140px){
	.intro1-1 {background:none;}
	#intro1 #img { display:block; width:100%; text-align:center}
	#intro1 #img img {width:90%; max-width:767px}
	#intro1 #cont {margin-top:4em; width:100%}
	.br1115 {display:none;}
	.intro1-1:after {font-size:8vw; left:unset; right:0; bottom:3.5vw}
	.intro1-1:before { font-size:5.5vw; left:unset; right:0}
}
@media all and (max-width: 510px){
	#intro1 #cont {text-align:center}
	.br1115 {display:block;}
	#intro1 h3 {padding-top:0.5em }
}


.intro1-2 {text-align:center; position:relative}
.intro1-2 img {padding:3% 0}

.circle-cont {margin:4em 0}
.circle-cont ul {width:100%; max-width:780px; overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap; margin:0 auto;}
.circle-cont ul li {padding:7% 0; width:288px; height:288px; margin: auto -20px; display:inline-block; background:rgba(248,237,237,0.2); border-radius:100%; }
.circle-cont ul li p {padding-top:0.5em; font-size:1.125em; color:#222; line-height:1.3em;}
@media all and (max-width: 860px){
	.circle-cont ul li {padding:6vw 0; width:32vw; height:32vw;}
}
@media all and (max-width: 680px){
	.circle-cont ul li {padding:6vw 0; width:250px; height:250px;}
	.circle-cont ul li:last-child {margin-top:-65px}
}
@media all and (max-width: 530px){
	.intro1-2 img {width:20%}
	.circle-cont ul li {padding:8vw 0; width:45vw; height:45vw; margin: auto -15px; }
	.circle-cont ul li:last-child {margin-top:-60px}
	.circle-cont ul li img {width:23%}
}
@media all and (max-width: 430px){
	.intro1-2 img {width:35%}
	.circle-cont ul li { margin: auto -8px; }
	.circle-cont ul li:last-child {margin-top:-40px}
	.circle-cont ul li p {font-size:1.0em;}
}
@media all and (max-width: 530px){
	.intro1-2 img {width:20%}
}


.intro1-3 {padding:3em 0 8em;  position:relative}
.intro1-3:before {content:''; width:100%; height:50%; background:#fbf7f7; position:absolute;left:0; bottom:0}
.intro1-3 ul {overflow:hidden;}
.intro1-3 ul li {width:50%; float:left; } 
.intro1-3 ul li img {width:100%}

@media all and (max-width: 730px){
	.intro1-3 {padding:3em 0 5em; }
	.intro1-3 ul li {width:100%} 
}




.intro2-part {padding-top:12em; }
#intro2 {overflow:hidden; position:relative;}
#intro2:before {content:''; width:100%; height:60%; background:#fbfaf8; position:absolute;left:0; bottom:0}
#intro2 #img {width:50%; float:left; background:#FFF}
#intro2 #img img {width:90%; max-width:570px; }
#intro2 #cont {height:630px; padding-top:1em; width:50%; float:left; background:#FFF url('/images/sub/intro2-bg.png') no-repeat 98% top}
#intro2 #cont h3  {font-size:3.0em;  letter-spacing:-0.03em;  color:#222; line-height:1.5em; font-weight:700;  font-family: 'GmarketSans';}
#intro2 #cont h3 span {font-size:0.9em; font-weight:300;  }
#intro2 #cont .eng {padding:0.3em 0 3em; font-size:1.0em; font-family: 'Montserrat', sans-serif;  font-weight: 800; text-transform:uppercase; letter-spacing:0.02em }
#intro2 #schedule {margin:5em 0; width:100%; float:left}
#intro2 #schedule h4 {margin-bottom:0.5em; font-size:2.3em;  letter-spacing:-0.03em;  color:#222; line-height:1.5em; font-weight:700;  font-family: 'GmarketSans';}

@media all and (max-width: 1399px){
	#intro2 #cont {height:45vw;}
}
@media all and (max-width: 1280px){
	#intro2 #img {padding-left:2em}
	#intro2 #img, 
	#intro2 #cont {height:570px;}
	#intro2 #cont .eng {padding:0.3em 0 2em}
}
@media all and (max-width: 1199px){
	.intro2-part {padding-top:7em; }
}
@media all and (max-width: 976px){
	.intro2-part {margin:5em 0; }
	#intro2:before {height:80%; }
	#intro2 #img, 
	#intro2 #cont {height:520px; background-size:40% auto}
	#intro2 #schedule {margin:3em 0; }
}
@media all and (max-width: 800px){
	#intro2 #img {padding-left:0; padding-bottom:2em; width:100%; text-align:center}
	#intro2 #cont { padding:3em; width:100%; }
	#intro2 #img, 
	#intro2 #cont {height:auto;}
}
@media all and (max-width: 767px){
		.intro2-part {margin:0 }
}
@media all and (max-width: 430px){
	#intro2 #cont { padding:2em; padding-top:1em}
	#intro2 #cont h3  {font-size:2.7em;}
	#intro2 #cont .eng {padding:0.3em 0 3em; font-size:0.93em;}
}


.dotList h4 { font-size:1.3em; color:#FFF; font-weight:400; display:inline-block; margin-bottom:0.5em;  padding:0.3em 1.5em; border-radius:50px; background:#941011; letter-spacing:-0.02em} 
.dotList ul {padding:0.7em 0.5em}
.dotList ul li {position:relative; margin:0.4em 0; text-align:left;}
.dotList ul li:before {content:''; width:4px; height:4px; border-radius:4px; background:#941011; position:absolute; left:0; top:0.65em;}
.dotList ul.cm2 li:before { background:#a08255;}
.dotList ul li p {padding-left:0.7em; line-height:1.3em; font-size:1.063em;  } 
.dotList ul li a {color:#555}

.tb-style1 { width: 100%; border-top: 3px solid #b19667; text-align: center; }
.tb-style1 thead th { padding: 0.7em;  font-size:1.125em;  color:#222; border-bottom: 1px solid #ece4e0; border-left: 1px solid #ece4e0;  font-weight: 500;  background:#f8f5f2; }
.tb-style1 thead th.first { border-left:0; }
.tb-style1 tbody th, .tb-style1 tbody td {font-size:1.125em; padding: 1em; border-bottom: 1px solid #ece4e0;  }
.tb-style1 tbody th { color:#222; font-weight:500 }
.tb-style1 tbody td {  border-left: 1px solid #ece4e0; border-bottom: 1px solid #ece4e0; padding:1em 0 }
.tb-style1 tbody td.on p {display:inline-block; padding:1em 0.8em; font-size:0.8em; background:#b19667; border-radius:100px; color:#FFF} 

@media all and (max-width: 725px){
	.tb-style1 tbody td.on p { font-size:0.5em;}
}


.tb-style2 { width: 100%; border-top: 3px solid #941011; text-align: center; }
.tb-style2 thead th { padding: 0.5em;  font-size:1.125em;  color:#222; border-bottom: 1px solid #ece0e2; border-left: 1px solid #ece0e2;  font-weight: 500;  background:#f8f2f2; }
.tb-style2 thead th.first { border-left:0; }
.tb-style2 tbody th, .tb-style1 tbody td { padding: 0.7em; border-bottom: 1px solid #ece0e2;  }
.tb-style2 tbody th { font-size:1.065em; }
.tb-style2 tbody td {  border-left: 1px solid #ece0e2; border-bottom: 1px solid #ece0e2; padding:0.5em 0; color:#222; font-weight:500 }
.tb-style2 tbody td p {font-size:1.25em;}
.tb-style1 tbody td.on p .br550 {display:none}
@media all and (max-width: 550px){
	.tb-style2 tbody th, .tb-style1 tbody td { padding: 0;}
}
@media all and (max-width: 550px){
	.tb-style1 tbody td.on p .br550 {display:block}
}




#intro3 {height:650px; background:url('/images/sub/intro3-bg.png')no-repeat left top; display:table; width:100%;}
#intro3 .in-box {display:table-cell; vertical-align:middle; box-sizing:border-box;  }
#intro3 .in-box .cont { padding:2.3em; padding-right:0; width:45%; border-top-left-radius:50px; background:#FFF; float:right}
#intro3 .cont h3 {font-size:1.8em;  letter-spacing:-0.03em;  color:#222; line-height:1.5em; font-weight:700;  font-family: 'GmarketSans';}
#intro3 .in-box .cont .tel {}
#intro3 .in-box .cont p.num { margin-bottom: 0.6em; padding:0.1em 0 0 1.7em ; font-size: 2.3em; line-height:1.5em; font-weight:500;  font-family: 'GmarketSans'; background:url('/images/common/t_call.png') no-repeat left top; background-size:auto 80%}
#intro3 .in-box .cont a.mo {display:none}
#intro3 .in-box .cont a.mo p.num {color:#941011}
@media all and (max-width: 1280px){
	#intro3 {height:590px;}
}
@media all and (max-width: 1010px){
	#intro3 { padding-top:38vw; background-position:0 -25%; background-size:100% auto}
	#intro3 .in-box .cont { width:90%; margin:0 5%;  padding:2.3em;}

	#intro3 .in-box .cont a.mo {display:block}
	#intro3 .in-box .cont p.num.pc {display:none}
}
@media all and (max-width: 850px){
	#intro3 {  background-position:0 -10%;}	
}
@media all and (max-width: 480px){
	#intro3 { padding-top:41vw; background-position:0 0;}
	#intro3 .in-box .cont {width:100%; margin:0; padding:1.8em;}
}
@media all and (max-width: 380px){
	#intro3 .in-box .cont { border-top-left-radius:0; padding:1em; padding-top:1.5em}
}

#intro3-2 {margin-top:5em; text-align:center}
#intro3-2 h3 {font-size:1.8em;  letter-spacing:-0.03em;  color:#222; line-height:1.5em; font-weight:700;  font-family: 'GmarketSans';}
#intro3-2 ul  {overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap;}
#intro3-2 ul li {width:23%; margin:1%; display:inline-block; border:1px solid #e9e9e9 ;   counter-increment: number;   position: relative; }
#intro3-2 ul li:before {  content: counter(number, decimal-leading-zero); width: 50px; height: 46px; line-height: 46px;  background:#8c2232; color:#fff; font-size: 1.06em;
                           position: absolute; top:0; left: 10px; border-radius: 0 0 50px 50px; text-align: center; font-weight: 700 }

#intro3-2 ul li img {width:100%}
#intro3-2 ul li p {padding:1em 0}

@media all and (max-width: 1010px){
	#intro3-2 ul li {width:31%;}
}
@media all and (max-width: 780px){
	#intro3-2 ul li:before  {  width: 40px; height: 36px; line-height: 36px;}
}
@media all and (max-width: 580px){
	#intro3-2 ul li {width:48%;}
}
@media all and (max-width: 430px){
	#intro3-2 ul li:before  {  width: 30px; height: 26px; line-height: 26px;  font-size: 0.9em;}
}



#intro4 {overflow:hidden}
#sMap {width:calc(100% - 560px); float:left}
#sMap .root_daum_roughmap .wrap_map  { height: 800px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none;}

#sMap.mo {display:none}


#sMap-cont {width:560px; float:left}
#sMap-cont > div {padding:2em; color:#FFF} 
#sMap-cont > div h3 {padding-bottom:0.3em; font-size:2.1em; line-height:1.5em; font-weight:700;  font-family: 'GmarketSans'; letter-spacing:-0.02em}
#sMap-cont .cont {background:#4e0a15; } 
#sMap-cont .cont dl {padding:0.3em 0.5em}
#sMap-cont .cont dl dt {width:50px;; display:inline-block; vertical-align:top}
#sMap-cont .cont dl dd {width:calc(100% - 50px); display:inline-block; font-size:1.125em; }
#sMap-cont .bus {background:#b19667; } 
#sMap-cont .bus h3 img {background:rgba(0,0,0,0.1); border-radius:5px}
#sMap-cont .bus ul {padding:0 0.5em; padding-bottom:0.7em; margin-bottom:0.7em; border-bottom:1px solid rgba(255,255,255,0.1)}
#sMap-cont .bus ul li p {line-height:1.3em; padding-bottom:0.5em }
#sMap-cont .bus ul li .num {display:inline-block; /*width:70px; */ padding-right:20px;  font-size:1.125em; }
#sMap-cont .bus ul li .hour { font-size:0.9em; float:right; text-align:right; opacity:.7  }

@media all and (max-width: 1280px){
	#sMap {width:calc(100% - 440px); float:left}
	#sMap .root_daum_roughmap .wrap_map  { height:772px !important; }
	#sMap-cont {width:440px; float:left}
	#sMap-cont > div {padding:2em 1.5em; color:#FFF} 
	#sMap-cont .bus ul li .num {padding-right:10px}

}
@media all and (max-width: 1024px){	
	#sMap.pc {display:none}
	#sMap.mo {display:block}
	#sMap {width:100%; position:relative; z-index:1}
	#sMap .root_daum_roughmap .wrap_map  { height: 450px !important; }
	#sMap-cont {width:96%; margin: -7% 2% 0 2%;position:relative;   z-index:2}
	#sMap-cont > div {padding:2em;}
}
@media all and (max-width: 976px){	
	#sMap-cont .bus h3 img {height:33px}
}
@media all and (max-width: 480px){
	#sMap-cont > div {padding:2em 1.5em;}
	#sMap-cont {width:100%; margin: -100px auto 0}
	#sMap-cont .cont dl dt {width:45px;}
	#sMap-cont .cont dl dd {width:calc(100% - 45px);}
	#sMap-cont .bus ul li .hour .mo {display:none}
}
@media all and (max-width: 430px){
	#sMap-cont .bus ul li p img {height:18px}
}

#intro6 ul {overflow:hidden}
#intro6 ul li {width:calc(20% - 20px); margin:10px; margin-bottom:4em;  float:left; }
#intro6 ul li img {padding:20px 10px;  border:1px solid #e3e3e3; width:100%}
#intro6 ul li p { padding:0.7em 0 ; line-height:1.2em;  color:#555; text-align:center }
#intro6 ul li p.t2 {opacity:.6; font-weight:400}
@media all and (max-width: 1280px){
	#intro6 ul li {width:calc(20% - 10px); margin:5px; }
}
@media all and (max-width: 1010px){
	#intro6 ul li {width:calc(33.333% - 10px); margin-bottom:3em}
}
@media all and (max-width: 580px){
	#intro6 ul li {width:calc(50% - 10px); margin-bottom:2em}
	#intro6 ul li p { padding:1.0em 0.5em 0.3em ;}
}






/* 클리닉 공통 */
#clinic-tit {padding-bottom:1em; text-align:center}
#clinic-tit h3 {font-size:2.5em; font-weight:700; color:#222; font-family: 'GmarketSans'; letter-spacing:-0.02em; line-height:1.5em;  }
#clinic-tit h3 p.t1 {font-size:1.35em; line-height:1.5em; font-weight:300}
@media all and (max-width:480px) {
	#clinic-tit h3 {font-size:2.3em;  line-height:1.3em; }
}

#sIntro { position:relative; padding-bottom:5em}
#sIntro:before {content:''; width:100%;  height:70%; background:rgba(251,250,248,1); position:absolute; left:0; bottom:0; z-index:-1}

#clinicBox {overflow:hidden;}
#clinicBox .clinic-bg {width:50%; height:390px; float:left; background-repeat:no-repeat; background-position:center; background-size:cover;position:relative; }
#clinicBox .clinic-bg p {font-size:1.45vw; text-align:right; position:absolute; opacity:.3; right:10px; bottom:-50px; line-height:0.9em; color:#c1b285;  font-weight: 800; letter-spacing:0.03em; font-family: 'Montserrat', sans-serif; text-transform:uppercase }
#clinicBox .clinic-cont {width:50%; height:390px; float:left;  margin-top:70px; background:#8c2232 url('/images/sub/clinic-cont-bg.png') no-repeat right center; background-size:auto 85%; display:table; }
#clinicBox .clinic-cont .in-cont {padding:1em 1.8em; display:table-cell; vertical-align:middle; box-sizing:border-box; text-align:center; color:#fff;}
#clinicBox .clinic-cont h3 {font-size:3.2em; font-weight:700; color:#FFF; font-family: 'GmarketSans'; letter-spacing:-0.02em; line-height:1.2em;  }
#clinicBox .clinic-cont .eng {padding:0.5em 0 2.5em; font-size:0.938em;  color:#d9ae6e;letter-spacing:0; text-transform:uppercase;   font-family: 'Montserrat', sans-serif;font-weight:700; }
#clinicBox .clinic-cont p.t1 {font-size:1.35em; line-height:1.5em; font-weight:300}
#clinicBox .clinic-cont p.t1-1 {font-size:1.2em; line-height:1.5em; font-weight:300;}
#clinicBox .clinic-cont p.st1 {font-size:1.25em; line-height:1.6em; font-weight:300}

#sIntro .intro-con {width:95%; max-width:1024px; margin:0 auto; padding-top:6%;  text-align:center; }
#sIntro .intro-con .s-tit  {font-size:2.5em; font-weight:700; color:#222; font-family: 'GmarketSans'; letter-spacing:-0.02em; line-height:1.2em; padding-bottom:0.5em }
#sIntro .intro-con .t2 {font-size:1.35em; color:#222; font-weight:500; padding-bottom:1em; }
#sIntro .intro-con .t1 {font-size:1.063em; line-height:1.8em; font-weight:400}

.joint1-1 {background-image:url('/images/sub/joint1-1-bg.png')}
.joint1-2 {background-image:url('/images/sub/joint1-2-bg.png')}
.joint1-3 {background-image:url('/images/sub/joint1-3-bg.png')}
.joint1-4 {background-image:url('/images/sub/joint1-4-bg.png')}
.joint2-1 {background-image:url('/images/sub/joint2-1-bg.png')}
.joint2-2 {background-image:url('/images/sub/joint2-2-bg.png')}
.joint3-1 {background-image:url('/images/sub/joint3-1-bg.png')}
.joint3-2 {background-image:url('/images/sub/joint3-2-bg.png')}
.joint3-3 {background-image:url('/images/sub/joint3-3-bg.png')}
.joint3-4 {background-image:url('/images/sub/joint3-4-bg.png')}
.joint3-5 {background-image:url('/images/sub/joint3-5-bg.png')}
.joint4-1 {background-image:url('/images/sub/joint4-1-bg.png')}
.joint4-2 {background-image:url('/images/sub/joint4-2-bg.png')}
.joint4-3 {background-image:url('/images/sub/joint4-3-bg.png')}
.joint5-1 {background-image:url('/images/sub/joint5-1-bg.png')}
.joint6-1 {background-image:url('/images/sub/joint6-1-bg.png')}
.joint6-2 {background-image:url('/images/sub/joint6-2-bg.png')}
.joint6-3 {background-image:url('/images/sub/joint6-3-bg.png')}
.joint7-1 {background-image:url('/images/sub/joint7-1-bg.png')}
.joint7-2 {background-image:url('/images/sub/joint7-2-bg.png')}
.rehab1-1 {background-image:url('/images/sub/rehab1-1-bg.png')}
.rehab2-1 {background-image:url('/images/sub/rehab2-1-bg.png')}
.admission1-1 {background-image:url('/images/sub/admission1-1-bg.png')}
.accident1-1 {background-image:url('/images/sub/accident1-1-bg.png')}

@media all and (max-width:1010px) {
	#clinicBox .clinic-bg {width:100%;  height:45vw}
	#clinicBox .clinic-bg p {font-size:3.8vw;  bottom:10px;  color:#FFF; }
	#clinicBox .clinic-cont {width:100%;  margin-top:0; height:auto; padding:8% 0;}
}
@media all and (max-width:480px) {	
	#clinicBox .clinic-cont .line { height:20px;}
	#clinicBox .clinic-bg p {font-size:2.0em;}
	#clinicBox .clinic-cont .eng {padding-bottom:2em;}
	#clinicBox .clinic-cont h3 {font-size:2.6em; }
	#clinicBox .clinic-cont p.t1 {font-size:1.2em; }
}




#imgList {text-align:center}
#imgList > div {display:inline-block; margin:1%; border:1px solid #e3e3e3; }
#imgList > div .img {padding:1em}
#imgList > div .img .imgw422 {width:100%; max-width:422px}
#imgList > div dl.bg1 {background:#a08255}
#imgList > div dl.bg2 {background:#8c2232}
#imgList > div dl dt {padding:1em; font-size:1.35em; color:#FFF}




#zzCont { position: relative;  width: 100%; overflow: hidden; margin: 0 auto; color:#222; background-size: 50% cover;  background-position: left center; background-repeat: no-repeat; }

#zzCont:last-child { margin-bottom:0; }
#zzCont .zz-cont { float: right;  width: 50%; padding: 3% 4%; box-sizing: border-box; background:#fbfaf7; }
#zzCont .zz-cont.bg0 { padding:5em 4em; background:#FFF; }
#zzCont .zz-cont .zz-tit {font-size:2.5em; line-height:1.3em; padding-bottom:0.5em; font-weight:500}
#zzCont .zz-cont .t1 {font-size:1.063em; line-height:2.0em;}

.joint1-1-zz { background-image: url("/images/sub/joint1-1-zz-bg.png"); }
.joint1-3-zz { background-image: url("/images/sub/joint1-3-zz-bg.png"); }
.joint1-4-zz { background-image: url("/images/sub/joint1-4-zz-bg.png"); }
.joint2-1-zz { background-image: url("/images/sub/joint2-1-zz-bg.png"); }
.joint3-1-zz { background-image: url("/images/sub/joint3-1-zz-bg.png"); }
.joint4-1-zz { background-image: url("/images/sub/joint4-1-zz-bg.png"); }
.joint5-1-zz { background-image: url("/images/sub/joint5-1-zz-bg.png"); }
.joint6-1-zz { background-image: url("/images/sub/joint6-1-zz-bg.png"); }
.joint6-2-zz { background-image: url("/images/sub/joint6-2-zz-bg.png"); }
.joint6-3-zz { background-image: url("/images/sub/joint6-3-zz-bg.png"); }
.joint7-1-zz { background-image: url("/images/sub/joint7-1-zz-bg.png"); }
.joint7-2-zz { background-image: url("/images/sub/joint7-2-zz-bg.png"); }
.rehab1-1-zz { background-image: url("/images/sub/rehab1-1-zz-bg.png"); }
.rehab2-1-zz { background-image: url("/images/sub/rehab2-1-zz-bg.png"); }
.admission1-2-zz { background-image: url("/images/sub/admission1-2-zz-bg.png"); }
.accident1-3-zz { background-image: url("/images/sub/accident1-3-zz-bg.png"); }
.diet2-zz{background-image: url("/images/sub/diet2_img4.webp");}





.orderList { overflow: hidden; max-width: 1400px; margin: 0 auto; text-align:left}
.orderList li { position: relative; counter-increment: number;   float: left; width: 100%; margin: 0.3em 0;  background:rgba(255,255,255,0.5); border-radius:60px; }
.orderList li:nth-child(even) { float: right;  }
.orderList li:before {  content: counter(number, decimal-leading-zero); color:#fff; width: 50px; height: 50px; line-height: 50px;  border-radius:60px; font-size: 1.5em; background: #8c2232;
                              display: inline-block; vertical-align: middle; font-family: 'Jost', sans-serif; font-weight: 300; margin: 5px 15px 5px 5px; text-align: center; }
.orderList.color1 li:before { background: #5aa1cc;}
.orderList li p {font-size: 1.125em; color: #555; font-weight: 400; display: inline-block; vertical-align: middle;  max-width: calc(100% - 80px);  line-height:1.5em; padding:0.3em 0;}
.orderList li .s-t1 {font-size:0.85em;   opacity:0.8;}

@media all and (max-width:1499px) {
	#zzCont .zz-cont.bg0 { padding:3em; }
}
@media all and (max-width:976px) {
	#zzCont{ background-size: 100% auto; background-position: left top; } 
	#zzCont:nth-child(even)  { background-position:right top;}
	#zzCont .zz-cont { width: 100%; margin-top:51vw}
	.orderList li { margin: 0.3em 0; }
	.orderList li:before { width: 50px; height: 50px; line-height: 50px; }
}
@media all and (max-width:767px) {
	.orderList li { width: 100%; }
}
@media all and (max-width:500px) {
	#zzCont .zz-cont .zz-tit {font-size:2.0em;}
	.orderList li:before {width: 40px; height: 40px; line-height: 40px; }
}



#checkList  {}
#checkList ul {font-size: 1.125em; color: #555; font-weight: 400; overflow: hidden; } 
#checkList ul li {padding: 1.3em 0;  line-height: 1.2em; width: 49%; border-radius: 50px;  display: inline-block; position: relative; margin: 0 3px 6px; background:#fbfaf7; text-align:center }
#checkList ul li p {position:relative;  display:inline-block;}
#checkList ul li p:before {content:''; width:26px; height:26px; background: url('/images/sub/check_bg.png') no-repeat 0 center; position:absolute; left:-33px; top:-3px}
#checkList ul.w100 li {width: 100%;}

@media screen and (max-width:1060px) {	
	#checkList ul {width:80%; margin:0 auto;}
	#checkList ul li { width: 100%; }
}
@media screen and (max-width:810px) {	
	#checkList ul {width:100%}
	#checkList ul li {text-align:left}
	#checkList ul li p {display:block; padding-left:55px; }
	#checkList ul li p:before { left:20px; }
}





.tb-style {width:100%; margin:0 auto;}
.tb-style th {font-size:1.125em;  padding:1em 1.5em; background:#8c2232;  border-left:1px solid #993f4d;  color:#fff; line-height:1.5em; font-weight:500 }
.tb-style td {font-size:1.0em; padding:0.9em 1.5em;  text-align:center;  border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:1.5em; font-weight:400; letter-spacing:-0.01em;}
.tb-style td:first-child { border-left:0;}
.tb-style td.td1 { background:#faf8f8}
.tb-style td.td-h {border-left:1px solid #ddd;}
.tb-style td p {margin:0.6em 0;}
.tb-style tr.last td {background:#714a28; color:#FFF; font-size:1.2em; font-weight:500}
.scroll-txt { display: none; color:#888; text-align:center; font-size: 1em; margin: 1em 0;  font-weight:500; background:url('/images/sub/scroll-arrow.png') no-repeat top center; padding-top:30px}

@media all and (max-width:700px) {
	.tb-style {width:650px;}
	.tb-style.no-scroll {width:100%;}
	.tb-scroll { overflow-x: auto; }
	.scroll-txt { display: block;  }
}

@media all and (max-width:500px) {
	.tb-style {font-size:0.9em;}
}






.imgStep {overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap;}
.imgStep li { margin:10px; display:inline-block; position:relative }
.imgStep.w3 li {width:calc(33% - 20px);}
.imgStep li img {width:100%}
.imgStep li dl {padding:1em; width:100%; position:absolute; left:0; bottom:0; /*background:rgba(140,34,50,0.9)*/; background:rgba(160,130,85,0.9)}
.imgStep li dl dd {font-size:0.8em; padding-bottom:0.5em;  /*color:#d9ae6e*/; color:#ffdb86; letter-spacing:0; text-transform:uppercase;   font-family: 'Montserrat', sans-serif;font-weight:700; }
.imgStep li dl dt {font-size:1.125em; color:#FFF}

@media all and (max-width: 976px){
	.imgStep.w3 li {width:calc(50% - 20px);}
}
@media all and (max-width: 1010px){
	.imgStep li {width:31%;}
}
@media all and (max-width: 655px){
	.imgStep.w3 li {width:calc(50% - 10px); margin:5px;}
}
@media all and (max-width: 580px){
	.imgStep li {width:48%;}
	.imgStep.w3 li {width:100%; margin:5px 0;}
}




.circleList { text-align: center; padding-left: 30px; overflow: hidden; }
.circleList li { width: 280px; height: 280px; border: 10px solid #a08255; color:#555; border-radius: 100%;
                  margin-left: -20px; display: inline-block; background: #fff;  font-weight:400 }
.circleList li:nth-child(even) { border-color:#8c2232;  }
.circleList li p { font-size: 1.33em; line-height: 260px;}
.circleList li p span { display: inline-block; line-height: 1.5em; vertical-align: middle; }

.circleList.w5 li { width: 210px; height: 210px;}
.circleList.w5 li p { line-height: 190px;}

@media all and (max-width:1280px) {
  .circleList  { max-width: 820px; margin: 0 auto; }
}

@media all and (max-width:890px) {
  .circleList  { max-width: 90%; }
  .circleList li { width: 27vw; height: 27vw; }
  .circleList li p { line-height: calc(27vw - 20px); }
}

@media all and (max-width:745px) {
  .circleList  { max-width: 100%; padding-left: 15px;  }
  .circleList li { width: 30vw; height: 30vw; margin-left: -15px; border-width: 8px;  }
  .circleList li p { font-size:1.2em; line-height: calc(30vw - 16px); }
}
@media all and (max-width:590px) {
  .circleList  { max-width: 100%; padding-left: 15px;  }
  .circleList li { width: 45vw; height: 45vw; border-width: 5px;  }
  .circleList li:last-child {margin-top:-45px; border-color:#a65640}
  .circleList li p { font-size:1.33em; line-height: calc(45vw - 16px); }
}
@media all and (max-width:430px) {
  .circleList li p { font-size:1.2em;}
}




#treatmentStep {}
#treatmentStep { text-align:center}
#treatmentStep ul  {overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap;}
#treatmentStep ul li {width:23%; margin:1%; display:inline-block; border:1px solid #e9e9e9; counter-increment: number;   position: relative; }
#treatmentStep ul li:before {  content: counter(number, decimal-leading-zero); width: 50px; height: 46px; line-height: 46px;  background:#8c2232; color:#fff; font-size: 1.06em;
                           position: absolute; top:0; left: 10px; border-radius: 0 0 50px 50px; text-align: center; font-weight: 700 }
#treatmentStep ul.cm2 li:before {  background:#a08255; }
#treatmentStep ul.w3 li { width:31%; }
#treatmentStep ul.w5 li {width:19%;  margin:1% 0.5%;}
#treatmentStep ul.no-before li:before {display:none}
#treatmentStep ul li img {width:100%}
#treatmentStep ul li dl {padding:1.8em 1em}
#treatmentStep ul li dl dt {font-size:1.35em; color:#222; font-weight:500; font-family: 'GmarketSans'; line-height:1.5em}
#treatmentStep ul li dl dd {font-size:0.938em; font-weight:400}

@media all and (max-width: 1350px){
	#treatmentStep ul.w5 li {width:32%;}
}
@media all and (max-width: 1010px){
	#treatmentStep ul li {width:31%;}
}
@media all and (max-width: 835px){
	#treatmentStep ul li {width:48%;}
	#treatmentStep ul.w3 li { width:48%; }
}
@media all and (max-width: 690px){
	#treatmentStep ul.w5 li {width:48%; margin:1%;}
} 
@media all and (max-width:500px){
	#treatmentStep ul li {width:100%;}
	#treatmentStep ul.w3 li { width:100%; }
	#treatmentStep ul.w5 li {width:100%;}
	#treatmentStep ul li:before {  width: 40px; height: 36px; line-height: 36px;}
}





/* dl-table */
.dl-table dl { display: table; width:100%; ;margin: 3px 0;}
.dl-table dt, 
.dl-table dd { display: table-cell; vertical-align: middle; padding: 0.7em 2em;  }
.dl-table dt { width:15%; font-size:1.5em; text-align:center; color:#FFF; background:#a08255}
.dl-table dd { width:85%;background:#fbfaf7; line-height: 1.5em; font-weight:400}
.dl-table dd h5 {font-size:1.25em; padding:0.5em 0; color:#222;line-height:1.5em; font-weight:500}
.dl-table dd p {padding-bottom:0.7em}
@media screen and (max-width:1380px){
	.dl-table dt { width:20%;}
	.dl-table dd { width:80%}
}
@media screen and (max-width:885px){
	.dl-table dt, 
	.dl-table dd { padding: 0.5em 1em;  }
}
@media screen and (max-width:665px){	
	.dl-table dt, 
	.dl-table dd { display: block;}
	.dl-table dt { width:100%;}
	.dl-table dt br {display:none}
	.dl-table dd { width:100%; margin-bottom:5px;}
}

/* dl-table */
.dl-table2 dl { display: table; width:100%; ;margin: 3px 0;}
.dl-table2 dt, 
.dl-table2 dd { display: table-cell; vertical-align: middle;  }
.dl-table2 dt { width:110px; font-size:1.5em; text-align:center; color:#FFF; background:#a08255;   padding: 0.7em;  }
.dl-table2 dd { width: calc(100% - 110px); background:#fbfaf7; line-height: 1.5em; font-weight:400; padding: 0.7em 2em; }
.dl-table2 dd h5 {font-size:1.25em; padding:0.5em 0; color:#222;line-height:1.5em; font-weight:500}
.dl-table2 dd p {padding-bottom:0.7em}

@media screen and (max-width:1280px){	
	.dl-table2 dt { width:100px;}
	.dl-table2 dd { width: calc(100% - 100px)}
}
@media screen and (max-width:976px){	
	.dl-table2 dt { width:95px;}
	.dl-table2 dd { width: calc(100% - 95px)}
}
@media screen and (max-width:650px){	
	.dl-table2 dt { width:65px;}
	.dl-table2 dd { width: calc(100% - 65px)}
}



#rehabilitation2-img1 {margin-top:1em; text-align:center}
#rehabilitation2-img1 img {width:100%; max-width:900px}


#rehab2-3 {overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap;}
#rehab2-3 > div {display:inline-block; width:23%; margin:1% ; border:1px solid #f3f3f3; padding:0.5em; text-align:center  }
#rehab2-3 > div img {width:100%}
#rehab2-3 > div h3 {display:inline-block; margin-top:-1em; padding:0.8em 1.5em 0.3em 1.5em; font-size:1.4em;  font-weight:500; font-family: 'GmarketSans'; line-height:1.3em; color:#FFF;  background:#8c2232}

@media screen and (max-width:1280px){	
	#rehab2-3 > div {width:24%; margin:1% 0.5% ;}
}
@media screen and (max-width:978px){	
	#rehab2-3 > div {width:48%; margin:1% ;}
}






.twWrap {padding:2em;  margin:0 auto; overflow: hidden; }
.twWrap.bg1 {background:#fbfaf7}
.twCont { position: relative;  width: 100%; overflow: hidden; margin-bottom: 20px;
			   background-color:#fff; background-size: auto 100%;  background-position: left center;  background-repeat: no-repeat;}
.twCont .tw-cont { float: right; width: calc(100% - 400px); padding: 6% 4%; box-sizing: border-box; background:#fff; min-height: 300px; }
.twCont .tw-cont dt { color:#222; font-size: 1.8em; margin-bottom: 0.6em; font-weight:700; font-family: 'GmarketSans'; line-height:1.3em;  }
.twCont .tw-cont dd { font-size: 1.125em; line-height: 1.8em; font-weight:400}

.twWrap .twCont:last-child { margin-bottom:0; }
.twWrap .twCont:nth-child(even) { background-position: right center; }
.twWrap .twCont:nth-child(even) .tw-cont { float: left; }
.twCont .tw-cont.w100 { width: 100%;}

.rehab2-6-1 { background-image:url("/images/sub/rehab2-6-1-bg.png"); }
.rehab2-6-2 { background-image:url("/images/sub/rehab2-6-2-bg.png"); }
.rehab2-6-3 { background-image:url("/images/sub/rehab2-6-3-bg.png"); }

.coo2-1 { background-image:url("/images/sub/coo2-1-bg.png"); }
.coo2-2 { background-image:url("/images/sub/coo2-2-bg.png"); }
.coo2-3 { background-image:url("/images/sub/coo2-3-bg_new.png"); }
.coo2-4 { background-image:url("/images/sub/coo2-4-bg_new.png"); }

@media all and (max-width:1280px) {
    .twCont .tw-cont  {  min-height:20vw; }
}
@media all and (max-width:1080px) {
   .twCont { background-size: auto 100%; }
   .twCont .tw-cont { min-height:24vw;  }
}
@media all and (max-width:1024px) {
}
@media all and (max-width:976px) {
   .twCont { background-size: auto 100%; background-position: -5% center; }
   .twWrap .twCont { width: calc(50% - 10px); padding-top: 30vw; margin-right: 20px; float: left; vertical-align: top;
                  background-size: 100% auto;  background-position: center top; }
   .twWrap .twCont:nth-child(even) { margin-right:0; background-position: center top; }
   .twWrap .twCont .tw-cont { width: 100%; padding: 7% 6%; min-height:20vw; }
}

@media all and (max-width:767px) {
   .twCont,
   .twWrap .twCont { width: 100%; margin-right:0; padding-top: 65vw; background-size: 100% auto;  background-position: center top;}
   .twCont .tw-cont,
   .twWrap .twCont .tw-cont { min-height:0; width: 100%; padding: 7% 6%; }
}








.cooperationWrap {padding:2em;  margin:0 auto; overflow: hidden; }
.cooperationWrap.bg1 {background:#fbfaf7}
.cooCont { position: relative;  width: 100%; overflow: hidden; margin-bottom: 20px;
			   background-color:#fff; background-size: auto 100%;  background-position: left center;  background-repeat: no-repeat;}
.cooCont .coo-cont { float: right; width: calc(100% - 500px); padding: 4%; box-sizing: border-box; background:#fff;}
.cooCont .coo-cont dl {margin-bottom:2em;}
.cooCont .coo-cont dl dt { color:#222; font-size: 2.0em; font-weight:700; font-family: 'GmarketSans'; line-height:1.3em;  }
.cooCont .coo-cont dl dd { font-size: 1.063em; line-height: 1.8em; font-weight:400}
.cooCont .coo-cont dl dd.tp1 {color:#FFF; font-weight:500; background:#a08255; border-radius:30px; padding:0.3em 1em; display:inline-block}
.cooCont .coo-cont dl dd.tp1 .br1090 {display:none}
.cooCont .coo-cont .box-t {display:inline-block; background:#8c2232; color:#FFF; font-size:1.3em; padding:0.5em 1em }

.cooperationWrap .cooCont:last-child { margin-bottom:0; }
.cooperationWrap .cooCont:nth-child(even) { background-position: right center; }
.cooperationWrap .cooCont:nth-child(even) .coo-cont { float: left; }

.coo1-1 { background-image:url("/images/sub/coo1-1-bg.png"); }
.coo1-2 { background-image:url("/images/sub/coo1-2-bg.png"); }
.coo1-3 { background-image:url("/images/sub/coo1-3-bg.png"); }
.coo1-4 { background-image:url("/images/sub/coo1-4-bg.png"); }

@media all and (max-width:1280px) {
    .cooCont .coo-cont  {  min-height:20vw; }
}
@media all and (max-width:1090px) {
   .cooCont { background-size: auto 100%; }
   .cooCont .coo-cont { min-height:24vw;  }
   .cooCont .coo-cont dl dd.tp1 .br1090 {display:block}
}
@media all and (max-width:1024px) {
.cooCont .coo-cont {  width:50%;} 
}
/*
@media all and (max-width:976px) {
   .cooCont { background-size: auto 100%; background-position: -5% center; }
   .cooperationWrap .cooCont { width: calc(50% - 10px); padding-top: 36vw; margin-right: 20px; float: left; vertical-align: top;
                  background-size: 100% auto;  background-position: center top; }
   .cooperationWrap .cooCont:nth-child(even) { margin-right:0; background-position: center top; }
   .cooperationWrap .cooCont .coo-cont { width: 100%; padding: 7% 6%; min-height:20vw; }
     .cooCont .coo-cont dl dd.tp1 {width:100%; text-align:center; line-height:1.3em}

} */

@media all and (max-width:810px) {
   .cooCont,
   .cooperationWrap .cooCont { width: 100%; margin-right:0; padding-top: 69vw; background-size: 100% auto;  background-position: center top;}
   .cooCont .coo-cont,
   .cooperationWrap .cooCont .coo-cont { min-height:0; width: 100%; padding: 7% 6%; }
   .cooperationWrap .cooCont:nth-child(even) { background-position: center top; }
}





.termsWrap .termsSection {margin-bottom:3.5em}
.termsWrap .termsSection h4 {font-size:1.25em; padding-bottom:1em; color:#222}
.termsWrap .termsSection p {line-height:1.8em; font-weight:400}
.termsWrap .termsSection ul li {line-height:1.8em; font-weight:400; padding-bottom:1em}

.termsWrap p {font-size:1.125em; font-weight:400; line-height:1.8em; } 
.termsWrap .bgBox {background:#fbfaf7; overflow:hidden; padding:2em; }
.termsWrap .bgBox ul {width:50%; float:left}
.termsWrap .bgBox ul li { font-weight:400; padding-bottom:0.5em}
.termsWrap .bgBox .em {font-weight:500; color:#222; padding-bottom:1.3em}

@media all and (max-width:710px) {
	.termsWrap .bgBox ul {width:100%}
}







#comm6 ul { overflow: hidden; max-width: 1400px; margin: 0 auto; text-align:left}
#comm6 ul li { position: relative; counter-increment: number; padding-left:70px;  padding-bottom:1em; margin-bottom:1em; border-bottom:2px dotted #f3f3f3 }
#comm6 ul li:before {  content: counter(number, decimal-leading-zero); color:#fff; width: 50px; height: 50px; line-height: 50px;  border-radius:60px; font-size: 1.5em; background: #8c2232;
                              display: inline-block; vertical-align: middle; font-family: 'Jost', sans-serif; font-weight: 300; text-align: center;  position:absolute; left:0; top:0}
#comm6 ul li dl dt {font-size:1.25em; color:#222;}
#comm6 ul li dl dd {font-weight:400; line-height:1.5em; padding-top:0.5em;}

#comm6 ul.ver2 li:before { background: #a08255;}


@media all and (max-width:580px) {
	#comm6 ul li { padding-left:50px; }
	#comm6 ul li:before {  width: 35px; height: 35px; line-height:35px; font-size: 1.2em; }
}




#intro7{border: 1px solid #ddd;}
#intro7 .t-tool{width: 100%; display: flex; border-bottom: 1px solid #ddd;}
#intro7 .t-tool .txt{width: 5%; text-align: center; display: table;background: #f8f5f2;}
#intro7 .t-tool .txt p{vertical-align: middle; display: table-cell; font-weight: bold;}
#intro7 .t-tool ul{width: 95%; display: flex; flex-wrap: wrap;}
#intro7 .t-tool ul li{width: 20%; border-left: 1px solid #ddd;display: table; }
#intro7 .t-tool ul li{opacity: 0.6;}
#intro7 .t-tool ul li.on{opacity: 1;}
#intro7 .t-tool ul li .img{width: 100%;}
#intro7 .t-tool ul li .img img{width: 100%;}
#intro7 .t-tool ul li .img-l{height: 80%; display: table-cell; vertical-align: middle;}
#intro7 .t-tool ul li .img-l img{width: 100%;}
#intro7 .t-tool ul li .text{ padding: 10px; border-top: 1px solid #ddd;}
#intro7 .t-tool ul li .text h3{color:#8c2232; font-size: 18px;}
#intro7 .b-tool{width: 100%; display: flex;}
#intro7 .b-tool .txt{width: 5%; text-align: center; display: table; background: #f8f5f2;}
#intro7 .b-tool .txt p{vertical-align: middle; display: table-cell; font-weight: bold;}
#intro7 .b-tool ul{width: 95%; display: flex; flex-wrap: wrap;}
#intro7 .b-tool ul li{width: 20%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#intro7 .b-tool ul li:nth-child(n+6){ border-bottom: 0;}
#intro7 .b-tool ul li{opacity: 0.6;}
#intro7 .b-tool ul li.on{opacity: 1;}
#intro7 .b-tool ul li .img{width: 100%;}
#intro7 .b-tool ul li .img img{width: 100%;}
#intro7 .b-tool ul li.dn{display: none;}

#intro7 .b-tool ul li .text{ padding: 10px; border-top: 1px solid #ddd;}
#intro7 .b-tool ul li .text h3{color:#8c2232; font-size: 18px;}

#intro7_tap .tabcontent1{display: none;  padding: 50px 0;}
#intro7_tap .tabcontent1.on{display: block;}

#intro7_tap{margin-top: 50px;}
.tab1 { background-image: url("/images/sub/intro7_img1-1.jpg"); }
.tab2 { background-image: url("/images/sub/intro7_img1-2.jpg"); }
.tab3 { background-image: url("/images/sub/intro7_img2-1.jpg"); }
.tab4 { background-image: url("/images/sub/intro7_img2-2.jpg"); }
.tab5 { background-image: url("/images/sub/intro7_img2-3.jpg"); }
.tab6 { background-image: url("/images/sub/intro7_img2-4.jpg"); }
.tab7 { background-image: url("/images/sub/intro7_img2-5.jpg"); }
.tab8 { background-image: url("/images/sub/intro7_img2-6.jpg"); }
.tab9 { background-image: url("/images/sub/intro7_img2-7.jpg"); }
.tab10 { background-image: url("/images/sub/intro7_img2-8.jpg"); }
.tab11 { background-image: url("/images/sub/intro7_img2-9.jpg"); }
.tab12 { background-image: url("/images/sub/intro7_img2-10.jpg"); }


@media screen and (max-width:1200px){
    #intro7 .t-tool ul li .text h3{font-size: 14px;}
    #intro7 .b-tool ul li .text h3{font-size: 14px;}
}

@media screen and (max-width:830px){
    #intro7 .t-tool ul li .text h3{font-size: 12px;}
    #intro7 .b-tool ul li .text h3{font-size: 12px;}
    #intro7 .t-tool ul li .text{display: none;}
    #intro7 .b-tool ul li .text{display: none;}
    #intro7 .t-tool{flex-wrap: wrap;}
    #intro7 .t-tool .txt{width: 100%; padding: 5px; border-bottom: 1px solid #ddd; font-size: 12px;}
    #intro7 .t-tool .txt br{display: none;}
    #intro7 .b-tool{flex-wrap: wrap;}
    #intro7 .b-tool .txt{width: 100%; padding: 5px; border-bottom: 1px solid #ddd; font-size: 12px;}
    #intro7 .b-tool .txt br{display: none;}

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



#diet1Top{position: relative; padding: 6% 0; background:url('/images/sub/diet1_bg1.webp')no-repeat center center/cover; overflow: hidden;}
#diet1Top .dig{position: relative; z-index: 3; max-width: 50%;}
#diet1Top .lady{position: absolute; right: 0; bottom: 0; max-width: 50%;}
#diet1Top .lady img{max-width: 100%;}
@media all and (max-width:767px){
    #diet1Top{text-align: center;}
    #diet1Top .dig{max-width: 80%; margin: 0 auto;}
    #diet1Top .lady{display: none;}
}

.diet1_proc{background: #fbfaf7;}
.diet1_proc ul{max-width: 1280px; margin: 0 auto;}
.diet1_proc ul li{margin-bottom: 50px; display: flex; align-items: center;}
.diet1_proc ul li:last-child{margin-bottom: 0;}
.diet1_proc ul li .img{position: relative; width: 50%;}
.diet1_proc ul li .img .num{position: absolute; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; left: 0; top: 0; background-color: #8c2232; color: #fff; font-family: 'GmarketSans'; font-weight: 700; font-size: 30px; line-height: 1;}
.diet1_proc ul li .txt {width: 50%; padding: 40px;}
.diet1_proc ul li .txt .step{padding-bottom: 1%; font-size: 30px; font-weight: 300; font-family: 'GmarketSans'; color: #a08255;}
.diet1_proc ul li .txt strong{color: #000; font-size: 40px; font-family: 'GmarketSans'; }
.diet1_proc ul li .txt p.t1{margin-top: 3%; padding-top: 5%; border-top: 1px solid #a0825520; font-size: 18px;}
@media all and (max-width:1400px){
    .diet1_proc ul{max-width: 98%;}
    .diet1_proc ul li .img img{width: 100%;}
}
@media all and (max-width:976px){
    .diet1_proc ul li .txt .step{font-size: 20px;}
    .diet1_proc ul li .txt strong{font-size: 30px;}
    .diet1_proc ul li .txt p.t1{font-size: 16px;}
}
@media all and (max-width:767px){
    .diet1_proc ul li{display: block;}
    .diet1_proc ul li .img{width: 100%;}
    .diet1_proc ul li .txt{width: 100%; padding: 20px;}
    .diet1_proc ul li .txt .step{font-size: 18px;}
    .diet1_proc ul li .txt strong{font-size: 24px;}
    .diet1_proc ul li .txt p.t1{font-size: 15px;}
}
@media all and (max-width:568px){
    .diet1_proc ul li .img .num{font-size: 20px; width: 60px; height: 60px;}
}

.hanyak{background:url('/images/sub/diet1_bg2.webp')no-repeat center center/cover; }
.hanyak #clinic-tit h3{color: #fff;}
.hanyak #clinic-tit p{color: #fff; font-size: 1.2em;}
.hanyak ul{padding-top: 3%; display: flex; flex-wrap: wrap; gap: 20px;}
.hanyak ul li{width: calc((100% - 20px*3)/4);}
.hanyak ul li img{width: 100%;}
.hanyak ul li .txt{padding: 2em; background-color: #fff; text-align: center;}
@media all and (max-width:767px){
    .hanyak ul li{width: calc((100% - 20px*1)/2);}
}

.ansim #clinic-tit p{ font-size: 1.2em;}
.ansim .cont{margin-top: 2%; padding: 50px; background-color: #fcf7e1;}
.ansim .cont .symbol{text-align: center;}
.ansim .cont .gmp{padding: 3% 0; display: flex; gap: 30px; justify-content: center; flex-wrap: wrap;}
.ansim .cont .gmp dt{font-weight: 300; font-size: 36px; color: #000;  font-family: 'GmarketSans'; }
.ansim .cont .gmp dd{font-size: 18px; line-height: 1.6em; font-weight: 400;}
.ansim .cont ul{display: flex; gap: 20px; flex-wrap: wrap;}
.ansim .cont ul li{width: calc((100% - 20px*2)/3); background-color: #fff;}
.ansim .cont ul li .img{position: relative;}
.ansim .cont ul li .img p{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background-color: #a08255; color: #fff; padding: 8px 30px 0; font-family: 'GmarketSans'; font-weight: 300;}
.ansim .cont ul li img{width: 100%;}
.ansim .cont ul li .txt{padding: 2em; text-align: center;}
.ansim .cont ul li .txt p{font-weight: normal;}
@media all and (max-width:1024px){
    .ansim .cont .gmp dd{text-align: center;}
    .ansim .cont ul li{width: calc((100% - 20px*1)/2);}
}
@media all and (max-width:767px){
    .ansim .cont{padding: 1em;}
    .ansim .cont .gmp dd br{display: none;}
    .ansim .cont ul li{width: 100%}

}

.nonmun #clinic-tit h3{font-weight: normal;}
.nonmun .cont{background-color: #fbfaf7; padding: 2em;}
.nonmun .cont .box{display: flex; margin-bottom: 40px;}
.nonmun .cont .box:last-child{margin-bottom: 0;}
.nonmun .cont .box:nth-child(even){flex-direction: row-reverse;}
.nonmun .cont .box .img{width: 320px;}
.nonmun .cont .box dl{ padding: 0 90px; display: flex; align-items: center; width: calc(100% - 320px); background-color: #fff;}
.nonmun .cont .box dl dt{font-family: 'GmarketSans'; font-size: 28px; font-weight: 700; line-height: 1.2em;}
@media all and (max-width:976px){
    .nonmun .cont .box dl{padding:10px 40px}
    .nonmun .cont .box{display: block; background-color: #fff;}
    .nonmun .cont .box .img{width: 100%; text-align: center;}
    .nonmun .cont .box .img img{max-width: 320px; width: 100%;}
    .nonmun .cont .box dl{width: 100%;}
}
@media all and (max-width:568px){
    .nonmun #clinic-tit h3 br{display: none;}
    .nonmun .cont .box dl{padding: 1em;}
    .nonmun .cont .box dl dt{font-size: 20px;}
    .nonmun .cont .box dl dt br{display: none;}
}

.hyprice{}
.hyprice .cont{display: flex; justify-content: center;}
.hyprice .cont dl{width: 45%; max-width: 580px; border:1px solid #ddd;}
.hyprice .cont dl dt{padding: 3% 0 0; display: flex; justify-content: center; align-items: center; background-color: #a08255; color: #fff; font-family: 'GmarketSans'; font-size: 35px;}
.hyprice .cont dl dt b{padding-left: 0.2em;}
.hyprice .cont dl dd {padding: 6% 0 2%; display: flex; justify-content: center; align-items: center; font-family: 'GmarketSans'; font-weight: 700;}
.hyprice .cont dl dd .s1{font-size: 30px; color: #bfbfbf; text-decoration: line-through;}
.hyprice .cont dl dd .s2{font-size: 48px; color: #000;}
@media all and (max-width:976px){
    .hyprice .cont{flex-wrap: wrap; gap: 1em;}
    .hyprice .cont dl{width: 80%;}
}
@media all and (max-width:568px){
    .hyprice .cont dl dt{font-size: 24px;}
    .hyprice .cont dl dd .s1{font-size: 20px;}
    .hyprice .cont dl dd .s2{font-size: 30px;}
}



.bedaemyun{position: relative; background-color: #2f3133; overflow: hidden;}
.bedaemyun .in{max-width: 1280px; margin: 0 auto;}
.bedaemyun .l_cont {}
.bedaemyun .l_cont .tit{padding-bottom: 3%;}
.bedaemyun .l_cont .tit h3{font-family: 'GmarketSans'; font-size: 60px; color: #fff;}
.bedaemyun .l_cont .tit h3 span{color: #ffeb34;}
.bedaemyun .l_cont .tit h4{padding: 8px 30px 0; display: inline-block; background-color: #7a7a7a; font-size: 26px; color: #fff; font-family: 'GmarketSans'; font-weight: normal;}
.bedaemyun .l_cont ul{max-width: 700px;}
.bedaemyun .l_cont ul li{margin-bottom: 10px; padding: 1.2em; display: flex; align-items: center; gap: 1em; background-color: #fff; border-radius: 90px; font-family: 'GmarketSans'; font-weight: 700;}
.bedaemyun .l_cont ul li p{font-size: 20px; color: #000;}
.bedaemyun .l_cont ul li .num{display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding-top: 4px; font-size: 18px; background-color: #a08255; color: #fff; border-radius: 50%;}
.bedaemyun .r_cont{position: absolute; right:10%; bottom: 0; height: 100%; display: flex; align-items: flex-end;}
.bedaemyun .r_cont img{height: 90%;}
@media all and (max-width:1280px){
    .bedaemyun .in{max-width: 94%;}
    .bedaemyun .l_cont {position: relative; z-index: 3;}
    .bedaemyun .r_cont{right: 0;}
    .bedaemyun .r_cont img{height: 80%;}
}
@media all and (max-width:976px){
    .bedaemyun .l_cont .tit{text-align: center;}
    .bedaemyun .l_cont .tit h3{font-size: 40px;}
    .bedaemyun .l_cont .tit h4{font-size: 22px;}
    .bedaemyun .l_cont ul{max-width: 100%;}
    .bedaemyun .l_cont ul li{background-color: #ffffffee;}
    .bedaemyun .r_cont{opacity: 0.7;}
}


.diet_contact{background-color: #1d1d1d;}
/* .diet_contact.diet2{background-color: #ddd;} */
.diet_contact .cont{display: flex; flex-wrap: wrap; gap: 40px;}
.diet_contact .cont .box{width: calc(50% - 20px); background-color: #ffcd05; border-radius: 30px}
.diet_contact .cont .box a{padding: 2em; display: flex; align-items: center; justify-content: center; gap: 2em;}
.diet_contact .cont .box a p{font-size: 30px; color: #000; font-family: 'GmarketSans'; line-height: 1.4em;}
.diet_contact .cont .box a p b{font-size: 44px;}
.diet_contact .cont .box.sns2{background-color: #00c300;}
.diet_contact .cont .box.sns2 a p{color: #fff;}
@media all and (max-width:1280px){
    .diet_contact .cont .box a p{font-size: 20px; line-height: 1.6em;}
    .diet_contact .cont .box a p b{font-size: 34px;}
}
@media all and (max-width:976px){
    .diet_contact .cont .box{width: 100%;}
}
@media all and (max-width:568px){
    .diet_contact .cont{gap: 1em;}
    .diet_contact .cont .box{border-radius: 15px;}
    .diet_contact .cont .box a p{font-size: 15px;}
    .diet_contact .cont .box a p b{font-size: 20px;}
    .diet_contact .cont .box img{height: 50px;}
}


#diet2Top{padding: 8% 0; background: url('/images/sub/diet2_bg1.webp')no-repeat center bottom;}
#diet2Top h3{font-size: 82px; color: #fff; font-family: 'GmarketSans'; line-height: 1.2em; letter-spacing: 0;}
#diet2Top h3 b{font: 70px;}
#diet2Top ul{padding-top: 2%; display: flex; gap: 0.5em;}
#diet2Top ul li{display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 1em; width: clamp(130px, 20vw, 200px); height:  clamp(130px, 20vw, 200px); color: #fff; font-family: 'GmarketSans'; border-radius: 50%; background-color: #d99595; box-shadow: 0 0 30px 0 rgba(94, 31, 31, 0.2); text-align: center;}
#diet2Top ul li span{font-weight: 700; font-size: 14px;}
#diet2Top ul li:nth-child(2){background-color: #a4b68a;}
#diet2Top ul li:nth-child(3){background-color: #7ea99d;}
@media all and (max-width:568px){
    #diet2Top h3{font-size: 50px; text-align: center;}
    #diet2Top h3 b{font-size: 35px;}
    #diet2Top ul{flex-wrap: wrap; justify-content: center; gap:0 1em;}
}

.package{display: inline-flex; gap: 1em; padding: 1em; background-color: #d9959590;}
.package.ver2{background-color: #a4b68a90;}
.package.ver3{background-color: #7ea99d90;}
br + .package{margin-top: 2em;}
.package .txt{padding: 1em 0 0.5em; background-color: #fff; text-align: center; font-family: 'GmarketSans'; color: #000;}
.package .txt p b{font-size: 1.2em;}
.package img{max-width: 100%;}
@media all and (max-width:976px){
    .package{flex-wrap: wrap;}
    .package.ver1{width: 50%;}
    .package.ver2 li{width: calc(50% - 0.5em);}
    .package.ver3 li{width: calc(50% - 0.5em);}
}
@media all and (max-width:568px){
    .package{flex-wrap: wrap;}
    .package.ver1{width: 100%;}
    .package.ver2 li{width: 100%;}
    .package.ver3 li{width: 100%;}
}


.gojupa{display: flex;}
.gojupa .box{padding: 8% 3%; width: 50%; background: #4f7067 url('/images/sub/diet2_bg2.webp')no-repeat center bottom/cover;}
.gojupa .box:nth-child(2){ background: #ad6d6d url('/images/sub/diet2_bg3.webp')no-repeat center bottom/cover;}
.gojupa .box dl{text-align: center; color: #fff;}
.gojupa .box dl dt{font-size: 60px; font-family: 'GmarketSans'; font-weight: 700;}
.gojupa .box dl dd{font-size: 18px;}
.gojupa .box ul{margin-top: 6%; display: flex; flex-wrap: wrap; gap: 1em;}
.gojupa .box ul li{width: calc(50% - 0.5em); padding: 1.5em; border:1px solid #ffffff50; border-radius: 50px; color: #fff; text-align: center;}
.gojupa .box ul li:hover{background-color: #fff; color: #4f7067;}
.gojupa .box:nth-child(2) ul li:hover{background-color: #fff; color: #ad6d6d;}
.diet2_desc{padding: 3% 0; font-size: 18px; text-align: center;;}
@media all and (max-width:976px){
    .gojupa .box dl dt{font-size: 38px;}
    .gojupa .box dl dd{font-size: 14px;}
}
@media all and (max-width:767px){
    .gojupa{display: block;}
    .gojupa .box{width: 100%; padding: 10% 5%;}
    .gojupa .box dl dt{font-size: 30px;}
    .diet2_desc{font-size: 14px;}
}