
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
}
/* 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} */

@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
} 

/* 
@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
}
@font-face {
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
*/

@font-face { 
	font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; 
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('fonts/glyphicons-halflings-regular.eot');
	src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


/* 공통 HTML 기본 코드 선언 */
*							{ font-family:"Noto Sans KR"; }
body						{ color:#565656; font-family:"Noto Sans KR"; font-weight:400; font-size:12px; }
img							{ border:0; }
ul,ol,dl					{ list-style:none; }
li,ul,ol,dl					{ margin:0; padding:0; }
li							{ float:left }
h1							{ font-weight:700; }
a:link						{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:visited					{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:hover						{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:focus						{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:active					{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }



/* 공통 코드 선언 */
.no-padding							{ padding: 0 !important; margin: 0 !important; }
.img								{ max-width:100%; height:auto; }
.img_max							{ width:100%; }
.link								{ cursor:pointer; }
.title_area							{ display:inline-block; }
.title_area_left					{ float:left; text-align:center; width:100%; }
.title_area_right					{ float:left; text-align:center;  width:100%; }
.title_area_right li				{  width:100%;}
.title_area_right li:first-child	{ padding-top: 0px;}
.title_text							{ font-size:60px; font-weight:400; padding-left:20px; }
.sub_title_text						{ font-size:15px; font-weight:400; margin:0 auto; padding-top:20px; padding-left:20px; }

.br									{ display:block; }
.br980								{ display:block; }
.major_color						{ color: #0e71b8; }
.visible-mobile						{ display:none; }

.contents							{ padding-left:10px; padding-right:10px; }
#wrapper							{ width:100%; }
#quickScrollMenu					{ display: block; }


/* 상단 영역 및 메뉴 */
#top							{ position:fixed; width:100%; z-index:1000; background-color:#fff; box-shadow: 0px 5px 10px #aaa;}
#top_info						{ height:120px;}
#top_info ul li	img				{ height:50px; }

#top_left						{ padding-top:40px; }
#top_logo						{ padding-top:40px; text-align:center;}
#top_logo	img					{  }
#top_right						{ padding-top:40px; text-align:right; }
#top_right	img					{  }

#top_menu						{ height:50px; border-top: 1px solid #ccc;  background-color: #fff;}
#top_menu ul li					{ width:20%; }
.topmenu:link 					{ font-size:19px; font-weight:400; color:#555; }
.topmenu:visited				{ font-size:19px; font-weight:400; color:#555; }
.topmenu:hover					{ font-size:19px; font-weight:400; color:#555; text-decoration:none; }

.menu							{ height:50px; font-size:20px; font-size:20px; padding: 10px 17px; text-align: center;text-decoration: none; display: inline-block; border-radius:0px; -webkit-transition:  0.2s; /* Safari */ transition: 0.2s; }
.menu a:link, .menu a:visited	{ }
.menu_on, .menu:hover			{
								 font-size:20px; padding: 10px 17px; text-align: center;text-decoration: none;
								 display: inline-block; border-radius:0px; -webkit-transition:  0.2s; /* Safari */ transition: 0.2s;
								 color:#fff; background-color: #0f74bd;  height:49px;
								}
#top_space						{ height:170px; }


/* 비주얼 */
.owl-carousel .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent;position:relative;top:-50px;}
.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot span{width:20px;height:20px;margin:10px 10px;background:#fff;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#0e71b8}



/* 의료진소개 */
#doctors						{ height:100%;width:100%; padding-top:100px; }
.doctor							{ text-align:center; display:inline-block; }
.doctor_1						{ background-image: url('/images/doctor-1.png');background-position:right bottom; background-repeat:no-repeat; background-color: #eee; width:599px;height:566px;padding: 50px 50px;text-align: left; display:inline-block; }
.doctor_2						{ background-image: url('/images/doctor-2.png');background-position:right bottom; background-repeat:no-repeat; background-color: #eee; width:599px;height:566px;padding: 50px 50px;text-align: left; display:inline-block; }
.doctor > ul > li:first-child	{ font-size:15px; text-align:left; width:70%; }
.doctor > ul > li:last-child	{ font-size:15px; text-align:right; width:30%; }
.doctor_career > li				{ float:left; width:50%; }
.doctor_career_text				{ font-size:15px; line-height:30px; }
.doctor_hospital_text			{ font-size:25px;  }
.doctor_name_text				{ font-size:50px; }
.doctor_name_text > b			{ color:#000;}
.doctor > ul > li > ul > li:first-child { padding-right:20px;}





/* 진료시간 */
#clinicTime									{ background-image:url(/images/clinictime-bg.jpg);background-position:center; background-size:100% 100%;width:100%; padding-top:100px; }
.clinicTime									{ max-width:1200px; display:inline-block; width:100%;}
.clinicTime									{ text-align:center; }
.clinicTime > ul > li						{ font-size:20px; width:50%;  color:#666666; text-align:center; }
.clinicTime > ul > li						{ font-size:20px; width:50%;  color:#666666; text-align:center; }
.clinicTime > ul > li > ul > li				{ font-size:20px; color:#666666; text-align:center; float:left;}
.clinicTime > ul > li > ul > li:first-child	{ font-size:20px; width:30%;  color:#666666; text-align:center; }

.clinicTime_text_title						{ font-size:20px;font-weight:400; width:100px; float:left;}




/* 진료과목 */
#clinic							{ width:100%; padding-top:100px;}
.clinic_area					{ max-width:1200px; text-align:center; display:inline-block;}
.clinic_area	li				{ width:20%; float:left; text-align:center; font-size:23px; margin-top:10px;}
.clinic_area	li		img		{ height:150px; }
.clinic							{  padding-top: 10px; padding-bottom:30px; line-height:10px; display: inline-block; width:95%;}
.clinic_title_text				{ font-weight:bold; color:#0f74bd; }
.clinic_explain_text			{ font-size:15px; line-height:20px; letter-spacing:-1px;}





/* 병원둘러보기 */
#interior						{ background-image:url(/images/interior-bg.jpg); background-position:center; background-size:100% 100%;height:100%;width:100%; padding-top:100px; }



/* 오시는길 */
#location						{ background-position:center; background-size:100% 100%;height:100%;width:100%; padding-top:100px; }
.location_left					{ float:left;  text-align:left; }
.location_right					{ float:right; }
.location_right li				{ padding-left:20px; }
.location_right li:first-child	{ padding-left:0px; }
.location_address				{ font-size:15px; }
.location_tel					{ font-weight:900; font-size:40px; }
.daum_map						{ width: 100%; height:500px; display:inline-block;  border:1px solid #ccc;}




/* 하단 */

#bottom							{ background-color:#2a2a2a;  color:#eee; font-size:15px;  padding:50px; display:inline-block;  width:100%; text-align:center; }
.bottom	ul						{ display:inline-block; width:100%; max-width:1200px; }
.bottom > ul > li				{ width:50%; text-align:center; }
.bottom > ul > li:first-child	{ text-align:left; }

.bottom_link					{ padding-top:30px; }
.bottom_link li					{ width:33%; text-align:center;}
.bottom_tel_text				{ font-size:40px; color:#7ac7ff; font-weight:bold; }






/* 모바일 하단 메뉴 */
#mobile_bottom_menu				{ position:fixed; bottom:0px; display:none; z-index:5000; }
#mobile_bottom_icon				{ width:100%; }
.mobile_bottom_icon				{ width:20%; }
.mobile_bottom_icon	img			{ width:100%; }




/* 모바일 메뉴 */
#coverLayer						{ position:fixed;left:0;top:67px;width:100%;height:100%;background-color:#000;display:none;opacity:0.7;z-index:700; }
#mobileMenu						{ 
									display:none; position: absolute; top:0px; left:-700px; width:80%; z-index:1999; margin-top:100px; padding:0px; position:fixed; background:#fff; border-radius:0 0 20px 0; box-shadow: 5px 10px #aaa;
background: linear-gradient(90deg, #fff 0%, #eee 100%);
								}

#mobileMenu ul,li				{ margin:0px; padding:0px; }
#mobileMenu	li					{ list-style:none; }
#mobileMenu a					{ text-decoration:none; }
#menuArea						{ position:relative; text-align:left;  clear:both; }

.mobileMenu_title a				{ padding:20px; color:#333; font-size:20px; font-weight:bold; display:block; }
.mobileMenu_title a:hover		{ background:#51a5e8; color:#fff; display:block;}

.subMenu						{ background:#333; clear:both;display:none; }
.subMenu ul li					{ float:left; width:100%; }
.subMenu ul li a				{ color:#333; display:block; padding:20px; border-bottom:1px solid #aaa; }
.subMenu ul li a:hover			{ background:#51a5e8; color:#fff; display:block; padding:20px; }



/* 팝업 */
.popupLayer						{ width:100%;max-width:500px;margin:0 auto; }

/*
opacity: 0.95;
filter: alpha(opacity=95);
*/ /* For IE8 and earlier */
