@charset "utf-8";

/* 병원소개 */
.intro01 h2{ text-align: center; padding: 0 0 20px 0; line-height: 1.7em; /*border-bottom: 1px solid #e5e5e5;*/ }
.intro01 h2 i{ padding: 2px 5px; }

.intro01 .bg{ margin: 20px 0; }

.intro01 dt{ padding: 5% 20px; }
.intro01 dd{ padding: 0 20px; }
.intro01 .fl_left{ float: left;  }
.intro01 .fl_right{ float: right; text-align: right;}

@media (max-width:767px) {
	.intro01 .fl_left{ float: left; }
	.intro01 .fl_right{ float: left; text-align: left; }
	.intro01 dt{ padding: 5% 20px 0 20px; }
	.intro01 dd{ padding: 20px; }
}

/*오시는길*/
.position h1{ padding: 0 0 2% 0; }
.position td{ padding: 0 0 5% 0; }
.position dt{ float: left; width: 30%; padding: 10px; font-weight: 300; color: #fff; border-bottom: 1px solid #e5e5e5; background: #7a6a56; }
.position dd{ float: left; width: 70%; padding: 10px; border-bottom: 1px solid #e5e5e5; }
.position h3{ display: inline-block; padding: 3% 7%; text-align: center; line-height: 1.5em; border: 5px solid #e5e5e5; }
.position h3 p{ font-size: 1.2em; }
.position h2{ padding: 3% 0; }
.position .map{ height: 450px; background: #000; }
@media ( max-width: 991px) {
	.position td{ display: block; width: 100%; overflow: hidden; }
	.position h3{ display: block; }
	.position .map{ height: 350px; }
}