/*인사말*/
#a1 .con {display: flex; justify-content: space-between; align-items: center;}
#a1 .con .txtwrap {width: 45%;}
#a1 .con .txtwrap h2 {font-size: 36px;}
#a1 .con .txtwrap h2 span {color: #8091b5}
#a1 .con .txtwrap .line {margin: 30px 10px; height: 100px; width: 1px; background-color: #ddd;}
#a1 .con .txtwrap p {font-size: 18px; line-height: 28px; margin-bottom: 50px; color: #666; font-weight: 500;}
#a1 .con .txtwrap .employee {font-size: 20px; font-weight: 500; text-align: right;}
#a1 .con .txtwrap .employee span {font-weight: 700; font-size: 24px;}
#a1 .con .imgwrap {width: 43%; overflow: hidden; border-radius: 20px;}
#a1 .con .imgwrap img {width: 100%;}

@media screen and (max-width: 960px) {
	#a1 .con {flex-direction: column-reverse;}
	#a1 .con .imgwrap {width: 100%; margin-bottom: 30px;}
	#a1 .con .txtwrap {width: 100%; }
	#a1 .con .txtwrap h2 {font-size: 30px;}
	#a1 .con .txtwrap .line {height: 70px;}
	#a1 .con .txtwrap p {font-size: 16px; line-height: 26px; margin-bottom: 40px;}
	#a1 .con .txtwrap .employee {font-size: 18px;}
	#a1 .con .txtwrap .employee span {font-size: 22px;}
}

@media screen and (max-width: 640px) {
	#a1 .con .txtwrap h2 {font-size: 24px; line-height: 34px;}
	#a1 .con .txtwrap .line {margin: 20px 10px; height: 50px;}
	#a1 .con .txtwrap p {font-size: 14px; line-height: 24px; margin-bottom: 30px;}
	#a1 .con .txtwrap .employee {font-size: 16px;}
	#a1 .con .txtwrap .employee span {font-size: 20px;}
}
/*인사말*/






/*의료진소개*/
#a2 .con1 {display: flex; justify-content: space-between;}
#a2 .con1 .left {width: 50%;}
#a2 .con1 .left p {font-size: 16px; font-weight: 400; color: #999; margin-bottom: 5px;}
#a2 .con1 .left h2 {font-size: 30px;}
#a2 .con1 .right {width: 50%;}
#a2 .con1 .right h3 {font-size: 24px; line-height: 34px; font-weight: 500; margin-bottom: 20px; font-weight: 600;}
#a2 .con1 .right h4 {font-size: 18px; display: inline-block; padding: 5px 15px; color: #fff; background-color: #8091b5; border-radius: 17px; margin-bottom: 10px;}
#a2 .con1 .right table {width: 100%; border-collapse: collapse; border-top: 2px solid #121212;}
#a2 .con1 .right table td {padding: 20px; color: #666; font-size: 16px; text-align: center; border-bottom: 1px solid #ddd;}

@media screen and (max-width: 960px) {
	#a2 .con1 {flex-direction: column;}
	#a2 .con1 .left {width: 100%; margin-bottom: 20px;}
	#a2 .con1 .right {width: 100%;}
	#a2 .con1 .right h3 {font-size: 20px; line-height: 30px;}
}

@media screen and (max-width: 640px) {
	#a2 .con1 .left p {font-size: 15px;}
	#a2 .con1 .left h2 {font-size: 24px;}
	#a2 .con1 .right h3 {font-size: 18px; line-height: 28px;}
	#a2 .con1 .right h4 {font-size: 16px;}
	#a2 .con1 .right table td {padding: 15px; font-size: 14px;}


}
/*의료진소개*/






/*진료안내*/
#a3 .con {margin-bottom: 50px; width: 100%;}
#a3 .con:last-child {margin-bottom: 0;}

#a3 .con1 {overflow: hidden; border-radius: 20px;}
#a3 .con1 img {width: 100%;}

#a3 .con2 .box {border-bottom: 1px solid #ddd; padding: 20px; display: flex; align-items: center;}
#a3 .con2 .box:first-child {border-top: 1px solid #ddd;}
#a3 .con2 .box h3 {font-size: 24px; min-width: 200px; display: flex; align-items: center;}
#a3 .con2 .box h3 img {height: 40px; margin-right: 10px;}
#a3 .con2 .box p {font-size: 18px; color: #666; font-weight: 500; line-height: 28px;}
#a3 .con2 .box ul li {display: flex; align-items: center; margin-bottom: 15px;}
#a3 .con2 .box ul li:last-child {margin-bottom: 0;}
#a3 .con2 .box ul li h4 {font-size: 18px; min-width: 150px; font-weight: 600; color: #666;}
#a3 .con2 .box ul li h5 {font-size: 16px; font-weight: 400; color: #888;}

@media screen and (max-width: 640px) {
	#a3 .con {margin-bottom: 30px;}
	#a3 .con2 .box {flex-direction: column; align-items: flex-start;}
	#a3 .con2 .box h3 {font-size: 18px; margin-bottom: 10px;}
	#a3 .con2 .box h3 img {height: 30px;}
	#a3 .con2 .box p {font-size: 14px;}
	#a3 .con2 .box ul li {margin-bottom: 10px;}
	#a3 .con2 .box ul li h4 {font-size: 16px;}
	#a3 .con2 .box ul li h5 {font-size: 14px;}
	
}
/*진료안내*/






/*찾아오시는길*/
#a5 .con {margin-bottom: 50px;}
#a5 .con:last-child {margin-bottom: 0;}

#a5 .con1 .mapinfo {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
#a5 .con1 .mapinfo h3 {font-size: 18px; color: #666; font-weight: 400;}
#a5 .con1 .mapinfo h3 span {font-weight: 700; color: #121212; margin-right: 10px;}
#a5 .con1 .mapinfo .mapbtn a {background-color: #fff; border: 1px solid #bbb; padding: 10px 20px; font-size: 16px; display: inline-block; color: #bbb; transition-duration: 0.3s;}
#a5 .con1 .mapinfo .mapbtn a:hover {background-color: #121212; color: #fff; border-color: #121212;}
#a5 .con1 .root_daum_roughmap_landing {border: 1px solid #ddd;}
#a5 .con1 .root_daum_roughmap .wrap_controllers {display: none;}
#a5 .con1 .root_daum_roughmap .map_border {display: none;}

#a5 .con2 {display: flex; justify-content: space-between;}
#a5 .con2 h2 {font-size: 24px; margin-bottom: 20px;}
#a5 .con2 .subway {width: 50%; border-right: 1px solid #ddd;}
#a5 .con2 .subway p {font-size: 18px; color: #666; display: flex; align-items: center; font-weight: 500;}
#a5 .con2 .subway p span {background-color: #3356b4; color: #fff; min-width: 24px; min-height: 24px; display: inline-block; border-radius: 50%; font-weight: 700; text-align: center; font-size: 16px; line-height: 24px; margin-right: 5px;}
#a5 .con2 .bus {width: 50%; padding-left: 30px;}
#a5 .con2 .bus ul li {display: flex; align-items: center; margin-bottom: 15px;}
#a5 .con2 .bus ul li:last-child {margin-bottom: 0;}
#a5 .con2 .bus ul li span {min-width: 50px; padding: 5px 10px; text-align: center; border-radius: 3px; color: #fff; font-size: 16px; font-weight: 700; margin-right: 10px;}
#a5 .con2 .bus ul li span.bus1 {background-color: #47af1b;}
#a5 .con2 .bus ul li span.bus2 {background-color: #00afbd;}
#a5 .con2 .bus ul li span.bus3 {background-color: #ff451e;}
#a5 .con2 .bus ul li p {font-size: 18px;}

@media screen and (max-width: 960px) {
	#a5 .con {margin-bottom: 40px;}

	#a5 .con1 .mapinfo h3 {font-size: 16px;}
	#a5 .con1 .mapinfo .mapbtn a {font-size: 15px;}

	#a5 .con2 h2 {font-size: 20px;}
	#a5 .con2 .bus ul li span {font-size: 15px;}
	#a5 .con2 .bus ul li p {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	#a5 .con1 .root_daum_roughmap .wrap_map {height: 400px !important;}
	#a5 .con1 .mapinfo {flex-direction: column;}
	#a5 .con1 .mapinfo h3 {font-size: 16px; margin-bottom: 10px;}
	#a5 .con1 .mapinfo .mapbtn a {font-size: 14px;}

	#a5 .con2 {flex-direction: column;}
	#a5 .con2 .subway {width: 100%; border-right: 0; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
	#a5 .con2 .bus {width: 100%; padding-left: 0;}
}
/*찾아오시는길*/






/* 제모란? */
#b1 .con img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}
/* 제모란? */






/* Soprano XL */
#b2 .con img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}
/* Soprano XL */






/* 시술전후 주의사항 */
#b3 .con img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}
/* 시술전후 주의사항 */





/* 피부색소레이저 */
#c1 .con1 .tab {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
#c1 .con1 .tab li {width: 24%; border: 1px solid #aaa; color: #aaa; cursor: pointer; margin-right: 1.3%; margin-bottom: 1.3%; padding: 15px; text-align: center; font-size: 16px; font-weight: 600;}
#c1 .con1 .tab li:nth-child(4n) {margin-right: 0;}
#c1 .con1 .tab li.selected {background-color: #9480b5; border-color: #9480b5; color: #fff;}
#c1 .con1 .tabcon img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}

@media screen and (max-width: 640px) {
	#c1 .con1 .tab li {width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 14px;}
	#c1 .con1 .tab li:nth-child(4n) {margin-right: 0;}
	#c1 .con1 .tab li:nth-child(2n) {margin-right: 0;} 
}
/* 피부색소레이저 */





/* 피부관리 */
#c2 .con1 .tab {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
#c2 .con1 .tab li {width: 24%; border: 1px solid #aaa; color: #aaa; cursor: pointer; margin-right: 1.3%; margin-bottom: 1.3%; padding: 15px; text-align: center; font-size: 16px; font-weight: 600;}
#c2 .con1 .tab li:nth-child(4n) {margin-right: 0;}
#c2 .con1 .tab li.selected {background-color: #9480b5; border-color: #9480b5; color: #fff;}
#c2 .con1 .tabcon img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}

@media screen and (max-width: 640px) {
	#c2 .con1 .tab li {width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 14px;}
	#c2 .con1 .tab li:nth-child(4n) {margin-right: 0;}
	#c2 .con1 .tab li:nth-child(2n) {margin-right: 0;} 
}
/* 피부관리 */





/* 에스테틱 */
#c3 .con1 .tab {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
#c3 .con1 .tab li {width: 24%; border: 1px solid #aaa; color: #aaa; cursor: pointer; margin-right: 1.3%; margin-bottom: 1.3%; padding: 15px; text-align: center; font-size: 16px; font-weight: 600;}
#c3 .con1 .tab li:nth-child(4n) {margin-right: 0;}
#c3 .con1 .tab li.selected {background-color: #9480b5; border-color: #9480b5; color: #fff;}
#c3 .con1 .tabcon img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}

@media screen and (max-width: 640px) {
	#c3 .con1 .tab li {width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 14px;}
	#c3 .con1 .tab li:nth-child(4n) {margin-right: 0;}
	#c3 .con1 .tab li:nth-child(2n) {margin-right: 0;} 
}
/* 에스테틱 */





/* 메디칼 스킨케어 */
#c4 .con1 img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}
/* 메디칼 스킨케어 */





/* 두피관리 */
#c5 .con1 .tab {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
#c5 .con1 .tab li {width: 24%; border: 1px solid #aaa; color: #aaa; cursor: pointer; margin-right: 1.3%; margin-bottom: 1.3%; padding: 15px; text-align: center; font-size: 16px; font-weight: 600;}
#c5 .con1 .tab li:nth-child(4n) {margin-right: 0;}
#c5 .con1 .tab li.selected {background-color: #9480b5; border-color: #9480b5; color: #fff;}
#c5 .con1 .tabcon img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}

@media screen and (max-width: 640px) {
	#c5 .con1 .tab li {width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 14px;}
	#c5 .con1 .tab li:nth-child(4n) {margin-right: 0;}
	#c5 .con1 .tab li:nth-child(2n) {margin-right: 0;} 
}
/* 두피관리 */





/* 피부관련증상 */
#c6 .con1 .tab {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
#c6 .con1 .tab li {width: 24%; border: 1px solid #aaa; color: #aaa; cursor: pointer; margin-right: 1.3%; margin-bottom: 1.3%; padding: 15px; text-align: center; font-size: 16px; font-weight: 600;}
#c6 .con1 .tab li:nth-child(4n) {margin-right: 0;}
#c6 .con1 .tab li.selected {background-color: #9480b5; border-color: #9480b5; color: #fff;}
#c6 .con1 .tabcon img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}

@media screen and (max-width: 640px) {
	#c6 .con1 .tab li {width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 14px;}
	#c6 .con1 .tab li:nth-child(4n) {margin-right: 0;}
	#c6 .con1 .tab li:nth-child(2n) {margin-right: 0;} 
}
/* 피부관련증상 */





/* 메디칼 스킨케어 */
#c7 .con1 img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}
/* 메디칼 스킨케어 */





/* 고주파치료 */
#c8 .con1 .tab {display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px;}
#c8 .con1 .tab li {width: 24%; border: 1px solid #aaa; color: #aaa; cursor: pointer; margin-right: 1.3%; margin-bottom: 1.3%; padding: 15px; text-align: center; font-size: 16px; font-weight: 600;}
#c8 .con1 .tab li:last-child {margin-right: 0;}
#c8 .con1 .tab li.selected {background-color: #9480b5; border-color: #9480b5; color: #fff;}
#c8 .con1 .tabcon img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}

@media screen and (max-width: 640px) {
	#c6 .con1 .tab li {width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 14px;}
}
/* 고주파치료 */




/* 기미·주근깨·잡티 */
#c9 .con1 .tab {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
#c9 .con1 .tab li {width: 24%; border: 1px solid #aaa; color: #aaa; cursor: pointer; margin-right: 1.3%; margin-bottom: 1.3%; padding: 15px; text-align: center; font-size: 16px; font-weight: 600;}
#c9 .con1 .tab li:nth-child(4n) {margin-right: 0;}
#c9 .con1 .tab li.selected {background-color: #9480b5; border-color: #9480b5; color: #fff;}
#c9 .con1 .tabcon img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}

@media screen and (max-width: 640px) {
	#c9 .con1 .tab li {width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 14px;}
	#c9 .con1 .tab li:nth-child(4n) {margin-right: 0;}
	#c9 .con1 .tab li:nth-child(2n) {margin-right: 0;} 
}
/* 기미·주근깨·잡티 */





/* 비만 */
#e1 .con1 .tab {display: flex; flex-wrap: wrap; margin-bottom: 50px;}
#e1 .con1 .tab li {width: 24%; border: 1px solid #aaa; color: #aaa; cursor: pointer; margin-right: 1.3%; margin-bottom: 1.3%; padding: 15px; text-align: center; font-size: 16px; font-weight: 600;}
#e1 .con1 .tab li:nth-child(4n) {margin-right: 0;}
#e1 .con1 .tab li.selected {background-color: #9480b5; border-color: #9480b5; color: #fff;}
#e1 .con1 .tabcon img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}

@media screen and (max-width: 640px) {
	#e1 .con1 .tab li {width: 49%; margin-right: 2%; margin-bottom: 2%; font-size: 14px;}
	#e1 .con1 .tab li:nth-child(4n) {margin-right: 0;}
	#e1 .con1 .tab li:nth-child(2n) {margin-right: 0;} 
}
/* 비만 */





/* 보톡스 */
#f1 .con1 img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}
/* 보톡스 */





/* 필러요법 */
#f2 .con1 img {max-width: 970px; width: 100%; display: block; margin: 0 auto;}
/* 필러요법 */





/* 비급여 수가표 */
#z1 .con {margin-bottom: 50px; overflow-x: auto;}
#z1 .con:last-child {margin-bottom: 0;}
#z1 .con > p {font-size: 15px; text-align: right; margin-bottom: 5px; color: #999;}
#z1 .con table {width: 100%; border-collapse: collapse; border-top: 2px solid #9480b5; white-space: nowrap;}
#z1 .con table th {padding: 20px; font-size: 16px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #f5f3f8;}
#z1 .con table th:last-child {border-right: 0;}
#z1 .con table td {font-size: 16px; padding: 20px; text-align: center; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
#z1 .con table td:last-child {border-right: 0;}

@media screen and (max-width: 960px) {
	#z1 .con > p {font-size: 14px;}
	#z1 .con table th {padding: 15px; font-size: 15px;}
	#z1 .con table td {padding: 15px; font-size: 15px;}
}

@media screen and (max-width: 640px) {
	#z1 .con > p {font-size: 12px;}
	#z1 .con table th {padding: 10px; font-size: 12px;}
	#z1 .con table td {padding: 10px; font-size: 12px;}
}
/* 비급여 수가표 */