@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');
 }

/* 공통 HTML 기본 코드 선언 */
*							{ font-family:"Noto Sans KR"; }
body						{ color:#565656; font-family:"Noto Sans KR"; font-weight:400; font-size:15px; }
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; }



/* 공통 Class 기본 코드 선언 */
.no-padding							{ padding: 0 !important; margin: 0 !important; }
.img								{ max-width:100%; height:auto; }
.img_max							{ width:100%; }
.width_maxi							{ width:100%; }
.link								{ cursor:pointer; }
.br									{ display:block; }
.br980								{ display:block; }
.bold								{ font-weight:bold; }
.major_color						{ color: #414042; }
.major_color2						{ color: #356eb5; }
.padding_horizontal					{ padding-left:20px; padding-right:20px; }
.padding_vertical					{ padding-top: 20px; padding-bottom:20px; }
.black_color						{ color:#313131; }
.red_color							{ color:#e00; }
.gray_color							{ color:#bbb; }
.violet_color						{ color:#b436b9; }
.underline							{ border-bottom:1px solid #000; }
.default_font_size					{ font-size:15px; }
.font_size_1						{ font-size:60px; }
.font_size_2						{ font-size:50px; }
.font_size_3						{ font-size:40px; }
.font_size_4						{ font-size:30px; }
.font_size_5						{ font-size:25px; }
.font_size_6						{ font-size:22px; }
.font_size_7						{ font-size:20px; }
.font_size_8						{ font-size:17px; }




/*  기본 레이아웃 코드 선언 */
#wrapper							{ width:100%; }
.title_area							{ display:inline-block; width:100%; max-width:1400px;}
.title_area > ul					{ display:inline-block; }
.title_area_left					{ text-align: center; padding-top:10px; width:100%; }
.title_area_right					{ text-align: center;  width:100%; }
.title_area_right li				{ width:100%; clear:both; text-align: center; }
.title_area_right li:first-line		{ margin-left:20px; color:#777;  }
.title_area_right li:last-child		{ padding-top: 0px; text-align: center; width:100%;}
.title_area_right li:last-child > div { display:inline-block; }
.title_text							{ font-weight:400; padding-left:20px; }
.sub_title_text						{ letter-spacing:5px; }
.contents							{ padding-left:10px; padding-right:10px; }
#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_left					{ padding-top:30px; }
#top_info_center				{ padding-top:10px; text-align:center;}
#top_info_right					{ padding-top:35px; text-align:right; }

#top_menu						{ height:50px; border-top: 1px solid #ccc;  background-color: #356eb5;}
#top_menu ul li					{ width:20%; }
.menu							{ height:50px; color:#fff;  padding: 10px 17px; text-align: center;text-decoration: none; display: inline-block; border-radius:0px; -webkit-transition:  0.2s; /* Safari */ transition: 0.2s; }
.menu_on, .menu:hover			{
								  padding: 10px 17px; text-align: center;text-decoration: none;
								  display: inline-block; border-radius:0px; -webkit-transition:  0.3s; /* Safari */ transition: 0.3s;
								  color:#003378; background-color: #fff;  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:#D6D6D6;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:#003378}



.paragraph_line					{ border:1px dashed #ccc; width:100%; }





/* 의료진소개 */
#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_career_text				{ line-height:30px; color:#888; }
.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									{ display:inline-block; text-align:center; width:100%; }


.clinicTime_text_title						{ font-weight:400; width:110px; float:left; text-align: left;}
.clinicTime_text_highlight					{ color: #00b9f1; }




/* 진료과목 */
#subject						{ width:100%; padding-top:100px; }
.subject_area					{ width:100%; text-align:center; display:inline-block; }
.subject_area	li				{ width:25%; float:left; text-align:center; margin-top:10px;}
.subject_area	li		img		{ height:200px; }
.subject						{ padding-top: 10px; padding-bottom:30px; height:400px; line-height:10px; display: inline-block; width:100%; }
.subject_title_text				{ color:#356eb5; }
.subject_explain_text			{ line-height:20px; letter-spacing:-1px; color:#808080; }






/* 병원둘러보기 */
#interior						{ background-color: #f6f5f4; 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				{  }
.location_tel					{ font-weight:900; }
.daum_map						{ width: 100%; height:500px; display:inline-block;  border:1px solid #ccc;}





/* 하단 */
#bottom							{ background-color:#2a2a2a;  color:#eee;   padding:50px 20px; display:inline-block;  width:100%; text-align:center; }






/* 모바일 하단 메뉴 */
#mobile_bottom_menu				{ position:fixed; bottom:0px; display:none; z-index:5000; }
#mobile_bottom_icon				{ width:100%; }
.mobile_bottom_icon				{ width:16.6%; }
.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-weight:bold; display:block; }
.mobileMenu_title a:hover		{ background:#003378; 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:#003378; color:#fff; display:block; padding:20px; }



/* 팝업 */
#popup_layer					{ position:absolute;width:98%;z-index:10;top:200px; }

/*
opacity: 0.95;
filter: alpha(opacity=95);
*/ /* For IE8 and earlier */