@font-face{font-family:'NGothic'; src:url('/font/NanumGothic.woff') format('woff'); }
 @font-face{font-family:'NGothicB'; src:url('/font/NanumGothicBold.woff') format('woff'); }
 @font-face{font-family:'NGothicEB'; src:url('/font/NanumGothicExtraBold.woff') format('woff'); }

html { height:100%; width:100%; }
body { height:100%; width:100%; font-size: 9pt; color: #777777; line-height: 160%; font-family:"NGothic","³ª´®°íµñ" ;}
td {font-size: 9pt; color: #555555; line-height: 160%; font-family:"NGothic","³ª´®°íµñ";}

form {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: "NGothic","³ª´®°íµñ"
}
textarea {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: "NGothic","³ª´®°íµñ"
}
center {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: "NGothic","³ª´®°íµñ"
}
option {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: "NGothic","³ª´®°íµñ"
}
pre {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: "NGothic","³ª´®°íµñ"
}
blockquote {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: "NGothic","³ª´®°íµñ"
}

a:link {
	color: #5e5e5e; text-decoration: none
}
a:visited {
	color: #5e5e5e; text-decoration: none
}
a:active {
	color: #5e5e5e; text-decoration: none
}
a:hover {
	color: #a3a3a3; text-decoration: none
}
	
.textarea {
	border-right: #5d5d5d 1px solid; border-top: #5d5d5d 1px solid; font-size: 9pt; border-left: #5d5d5d 1px solid; color: black; border-bottom: #5d5d5d 1px solid; font-family: ±¼¸²; background-color: white
}
.input {
	border-right: #dedede 1px solid;
	border-top: #dedede 1px solid;
	font-size: 9pt;
	border-left: #dedede 1px solid;
	color: #000000;
	border-bottom: #dedede 1px solid;
	font-family: ±¼¸²;
	height: auto;
}
.submit {
	border-right: 1px solid; border-top: 1px solid; font-size: 9pt; border-left: 1px solid; color: white; border-bottom: 1px solid; font-family: ±¼¸²; height: 19px; background-color: #999999}



	
    #wrapper {height:100%; width:100%; margin:auto; position:relative; }
	

    #top { width:100%; height:130px; position:relative; margin:0 auto; background-image:url(/img/top_bg.gif); background-repeat:repeat-x; }
		.top_box { position:relative; width:100%; height:130px; margin:0 auto; }
		
		.login_box { position:relative; width:1000px; margin:0 auto; height:35px; }
			.login { position:absolute; margin-top:2px; right:0px; color:#828282; padding-top:10px; font-size:10px; text-align:center; }
			.login a { color:#888888; font-family:"NGothicB"; }
			.login a:hover { color:#c5c5c5; }

		.logo_box { position:relative; width:1000px; margin:0 auto; }
			.logo { position: absolute;
    width: 270px;
    z-index: 10;
    top: 23px; }
				.logo img{width:100% }
		
		.menu { position:absolute; width:100%; height:95px; margin:0 auto; margin-top:0px; text-align:center; }




	#contents {width:100%; position:relative; margin:0 auto; }
	#contents:after { content:""; display:block; clear:both; }

	#s_contents {width:1000px; position:relative; margin:0 auto; }
	#s_contents:after { content:""; display:block; clear:both; }


	
		.main_top { position:relative; width:1000px; margin:0 auto; }

			.banner { position:absolute; width:600px; height:570px; left:0px; top:0px; }

			.main_clinic_link { position:absolute; width:400px; height:570px; right:0px; top:0px; }
				.mcl li { display:block; width:200px; height:190px; float:left; text-align:center; }
				.mcl li img { padding-top:40px; padding-bottom:20px; }
				.mcl1 a { display:block; width:200px; height:190px; background-color:#eaeaea; color:#464646; font-size:18px; font-family:"NGothicB"; }
				.mcl2 a { display:block; width:200px; height:190px; background-color:#f2f2f2; color:#464646; font-size:18px; font-family:"NGothicB"; }
				.mcl3 a { display:block; width:200px; height:190px; background-color:#90a4e6; color:#ffffff; font-size:18px; font-family:"NGothicB"; }
				.mcl4 a { display:block; width:200px; height:190px; background-color:#7bc130; color:#ffffff; font-size:18px; font-family:"NGothicB"; }
				.mcl5 a { display:block; width:200px; height:190px; background-color:#288239; color:#ffffff; font-size:18px; font-family:"NGothicB"; }
				.mcl6 a { display:block; width:200px; height:190px; background-color:#283b82; color:#ffffff; font-size:18px; font-family:"NGothicB"; }

				.mcl1 a:hover { display:block; width:200px; height:190px; background-color:#d8d8d8; color:#464646; font-size:20px; font-family:"NGothicB"; }
				.mcl2 a:hover { display:block; width:200px; height:190px; background-color:#e2e2e2; color:#464646; font-size:20px; font-family:"NGothicB"; }
				.mcl3 a:hover { display:block; width:200px; height:190px; background-color:#8396d7; color:#ffffff; font-size:20px; font-family:"NGothicB"; }
				.mcl4 a:hover { display:block; width:200px; height:190px; background-color:#72b42b; color:#ffffff; font-size:20px; font-family:"NGothicB"; }
				.mcl5 a:hover { display:block; width:200px; height:190px; background-color:#237533; color:#ffffff; font-size:20px; font-family:"NGothicB"; }
				.mcl6 a:hover { display:block; width:200px; height:190px; background-color:#233575; color:#ffffff; font-size:20px; font-family:"NGothicB"; }
				

		.main_center { position:relative; width:998px; margin:0 auto; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; }
		.main_center:after { content:""; display:block; clear:both; }
			
			.m_preview { position:relative; width:599px; }
				.preview1 { position:relative; float:left; width:279px; height:170px; padding-top:30px; padding-left:20px; }
					.preview1 span{display:none;}
				
					.preview1 h2 a { color:#283b82; font-size:16px; font-family:"NGothicB"; }
					.preview1 h2 a:hover { color:#283b82; }

				.preview2 { position:relative; float:left; width:280px; height:170px; padding-top:30px; padding-left:20px; }
					.preview2 h2 a { color:#283b82; font-size:16px; font-family:"NGothicB"; }
					.preview2 h2 a:hover { color:#283b82; }
				
				.preview1 p { padding-top:28px; }
				.preview2 p { padding-top:28px; }

				.preview a { color:#777777; line-height:200%; font-size:13px; }
				.preview a:hover { color:#404040; }
				.more { position:absolute; right:20px; top:28px; }

			.m_consult { position:relative; float:left; width:200px; }
			
			.m_call { position:relative; float:left; width:179px; padding-left:20px; }
				.m_call h2 { color:#444444; font-size:14px; font-family:"NGothicEB"; padding-top:20px;  }
				.m_call h3 { color:#444444; font-size:22px; font-family:"NGothicEB"; padding-top:4px;  }
				.m_call p { margin-top:12px; color:#283b82; font-size:24px; font-family:"NGothicB"; padding-bottom:20px; }
		


		.main_bottom { position:relative; width:1000px; height:100px; margin:0 auto; }
		.main_bottom:after { content:""; display:block; clear:both; }

			.main_quick { position:relative; float:left; width:590px; height:100px; background-color:#535353; padding-left:10px; }
				.mq li { float:left; display:block; width:75px; padding-top:20px; padding-right:20px; padding-left:20px; text-align:center; }
				.mq li p { color:#ffffff; font-size:12px; font-family:"NGothicB"; }
				.mq a:hover p { color:#9bea4e; }

			.m_photo { position:relative; float:left; width:200px; height:100px; background-image:url(/img/m_photo.gif); }
				.m_photo h2 { color:#ffffff; font-size:18px; font-family:"NGothicB"; padding:20px 0 0 20px; }
				.m_photo p { padding:8px 0px 0px 20px; color:#7285e2; line-height:120%; }
				.m_photo a { display:block; width:200px; height:100px; }
				.m_photo a:hover h2 { color:#a5b7ff; }

			.m_doc { position:relative; float:left; width:200px; height:100px; background-image:url(/img/m_doctor.gif); }
				.m_doc h2 { color:#ffffff; font-size:18px; font-family:"NGothicB"; padding:20px 0 0 20px; }
				.m_doc p { padding:8px 0px 0px 20px; color:#a9dd77; line-height:120%; }
				.m_doc a { display:block; width:200px; height:100px; }
				.m_doc a:hover h2 { color:#ccff9f; }
 
				
			

	#sub_menu { float:left; width:200px; height:100%; margin-top:60px; margin-right:40px;  }

		.sm_title { height:45px; font-family:"NGothicB"; color:#263372; font-size:30px; border-bottom:5px solid #263372; margin-bottom:24px; }
		
		.sm01 { height:35px; margin-top:0px; font-size:15px; font-family:"NGothicB"; background-color:#ffffff; border-bottom:0px solid #dddddd; }
			.sm01 a { display:block; padding-left:20px; height:27px; width:180px; padding-top:8px; color:#808080; }
			.sm01 a:hover { color:#ffffff; background-color:#90a4e6; }
		.sm02 { height:35px; margin-top:0px; font-size:12px; font-family:"NGothicB"; background-color:#f5f5f5; border-bottom:0px solid #dddddd; }
			.sm02 a { display:block; padding-left:30px; height:27px; width:170px; padding-top:8px; color:#808080; }
			.sm02 a:hover { color:#ffffff; background-color:#90a4e6; }
		
		
		.sm_call { position:relative; float:left; width:180px; height:200px; margin-top:50px; padding:0px 0px 0px 20px; background-image:url(/img/sub_call_bg.gif); }
				.sm_call h2 { color:#444444; font-size:14px; font-family:"NGothicEB"; padding-top:20px;  }
				.sm_call h3 { color:#444444; font-size:22px; font-family:"NGothicEB"; padding-top:4px;  }
				.sm_call p { margin-top:12px; color:#283b82; font-size:24px; font-family:"NGothicB"; padding-bottom:20px; }
		
		.sm_consult { position:relative; float:left; width:200px; margin-top:1px; }		



	#contents_box { float:left; width:760px; height:100%; padding-bottom:0px; }
		.s_title { width:760px; height:40px; color:#90a4e6; font-size:42px; font-family:"NGothicB"; padding-top:60px; }
		.navi { width:760px; height:25px; color:#989898; text-align:left; font-size:12px; padding-top:10px; border-bottom:1px solid #b4b4b4; }
		.page { position:relative; width:760px; text-align:left; color:#797979; font-size:13px; font-family:"NGothic"; line-height:170%; margin-top:60px; margin-bottom:120px; }
		
		.s_page { position:relative; width:760px; text-align:left; color:#797979; font-size:13px; font-family:"NGothic"; line-height:170%;  margin-bottom:120px; }




	#foot { position:relative; width:1000px; height:250px; margin:0 auto; margin-top:0px; }
	#foot:after { content:""; display:block; clear:both; }

		.foot_links { position:relative; width:1000px; margin:30px auto; font-size:0px;}
			.foot_links h2 {width:10%; display:inline-block; vertical-align:top;  font-size:15px; color:#393939;}
			.family {width:90%;  display:inline-block; vertical-align:top; }
				.family li{ display:inline-block; margin-right:20px; margin-bottom:20px; vertical-align:top;  }
				.family li:nth-child(15)~li{ margin-bottom:0px; }
			





			
		.footer { position:relative; width:100%; height:200px; }
			.foot_box { position:relative; width:1000px; margin:0 auto; }
			
			.f_copy2 { position:relative; width:1000px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; font-size:12px; text-align:left; padding:10px 0px; }
			.f_copy2 a { color:#828282; }
			.f_copy2 a:hover { color:#a3a3a3; }

			.f_logo {width:200px; position:absolute; margin-top:45px; right:0px; top:50px; }
				.f_logo img{width:100%;}
			.f_copy { position:absolute; left:0px; top:90px; font-size:11px; text-align:left; color:#828282; line-height:130%; }
			
			

	.quicklink h2 { width:80px; height:30px; color:#4c3456; text-align:center; font-size:12px; }
	.quicklink li { width:80px; height:50px; text-align:center; margin-top:0px; padding-top:10px; }
	.quicklink li a { display:block; height:60px; width:80px; color:#ffffff; font-family:"NGothicB";}
	.quicklink li a:hover { color:#d1d1d1; }
	.ql01 { text-align:center; background-color:#283b82; }
	.ql02 { text-align:center; background-color:#90a4e6; }
	.ql03 { text-align:center; background-color:#7bc130; }
	.ql04 { text-align:center; background-color:#288239; }
	.ql05 { text-align:center; background-color:#555555; }


 


/* ³»¿ë */
.liner { border-bottom:1px dotted #999999; margin-top:10px; margin-bottom:20px; }

.c_point { color: #333333; font-size:20px; font-family:"NGothicB"; }
.tbold { font-family:"NGothicB"; color:#343434; }

.color { color:#283b82; }
.color2 { color:#288239; }
.color3 { color:#7bc130; }

.smap1 { width:170px; float:left; margin-left:50px; height:200px; font-size:12px; }
.smap2 { width:170px; float:left; margin-left:80px; height:200px; font-size:12px; }
.smap3 { width:170px; float:left; margin-left:80px; height:200px; font-size:12px; margin-bottom:50px; }
.smap4 { width:170px; float:left; margin-left:50px; margin-top:50px; margin-bottom:50px; height:200px; font-size:12px; }
.smap5 { width:170px; float:left; margin-top:50px; margin-left:80px; height:200px; font-size:12px; }
.smap6 { width:170px; float:left; margin-top:50px; margin-left:80px; margin-bottom:50px; height:200px; font-size:12px; }
.smap7 { width:170px; float:left; margin-top:50px; margin-left:50px; height:200px; font-size:12px; }
.smap8 { width:170px; float:left; margin-top:50px; margin-left:80px; height:200px; font-size:12px; }


.ct { font-size:25px; color:#333333; background-image:url(/img/i.gif); line-height:100%; background-repeat:no-repeat; padding-left:18px; font-family:"NGothicB"; }
.ct2 { font-size:18px; color:#5672ce; font-family:"NGothicB"; }
.c_ul  li { list-style-type:decimal; margin-left:30px; }
.c_img { position:absolute; right:0px; border-left:5px solid #8fa3e5; }

.c_map { border:5px solid #333333; }

.c_table { border-top:3px solid #90a4e6; width:100%; }
.c_table th { border-bottom:1px solid #e1e1e1;  padding:10px; text-align:center; color:#444444; }
.c_table td { border-bottom:1px solid #e1e1e1;  padding:10px; text-align:center; color:#797979; font-size:13px; }
.c_table_tr { background-color:#efefef; }

.c_table_time { border-top:3px solid #90a4e6; width:470px; }
.c_table_time th { border-bottom:1px solid #e1e1e1;  padding:10px; text-align:center; color:#444444; }
.c_table_time td { border-bottom:1px solid #e1e1e1;  padding:10px; text-align:center; color:#797979; font-size:13px; }
.c_table_time_tr { background-color:#efefef; }

.c_table2 { border-top:3px solid #90a4e6; width:100%; }
.c_table2 th { border-bottom:1px solid #e1e1e1;  padding:5px; text-align:center; color:#444444; }
.c_table2 td {  border-bottom:1px solid #e1e1e1;  padding:5px; text-align:center; color:#797979; font-size:12px; }


.c1-1 { position:relative; height:900px; background-image:url(/img/c1-1.jpg); background-repeat:no-repeat; background-position:bottom; }
.c01 { color:#90a4e6; font-size:50px;  font-family:"NGothicB"; padding-left:50px; line-height:110%; }
.c1_1 { color:#288239; font-size:25px;  font-family:"NGothicB"; padding-left:50px; }
.c1_2 { color:#7bc130; font-size:25px;  font-family:"NGothicB"; padding-left:50px; }
.c1_txt { font-size:14px; color:#767676; font-family:"NGothic"; padding-left:55px; }

.c02 {min-height: 300px; box-sizing: border-box; position:relative; padding-bottom:140px; padding-right:300px; background:url(/img/c02.jpg) no-repeat bottom;}
.c02-2 {min-height: 300px; box-sizing: border-box;  position:relative; padding-bottom:140px; padding-right:300px; background:url(/img/c02-2.jpg) no-repeat bottom;}
.c02-3 {min-height: 300px; box-sizing: border-box; position:relative; padding-bottom:140px; padding-right:300px; background:url(/img/c02-3.jpg) no-repeat bottom;}
.c02-4 {min-height: 300px; box-sizing: border-box; position:relative; padding-bottom:140px; padding-right:400px; background:url(/img/c02-1.jpg) no-repeat bottom;}

.c33_01 {min-height: 300px; box-sizing: border-box; position:relative; padding-bottom:100px; padding-right:400px; background:url(/img/c33-1.jpg) no-repeat bottom;}
.c33_02 {min-height: 300px; box-sizing: border-box; position:relative; padding-bottom:100px; padding-right:400px; background:url(/img/c33-2.jpg) no-repeat bottom;}




.c2_txt {word-break:keep-all; font-size:14px; color:#767676; font-family:"NGothic"; padding-left:30px;  }
.c02_1 { font-size:20px; color:#90a4e6; font-family:"NGothicB"; padding-left:30px; padding-top:50px; }
.c02_1 > font{ font-size:26px; display:block; margin-top:10px;}
.c02_1 > span{ font-size:14px; display:inline-block; margin-left:10px;}



/* ¹è³Ê1 */
#banner {
	width:600px;
	height:570px;
	position:relative;
}

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:50;
}
.slides_container {
	width:600px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container a {
	width:600px;
	height:570px;
	display:block;
	
	position:relative;
}


.slides_container a .text{
	position:absolute;
	width:100%;
	bottom:0px;
	left:0px;
	box-sizing:border-box;
	padding:200px 30px 30px 30px;
	color:#fff;
 
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.0));
      

}

.slides_container a .text p:nth-child(1){
	font-size:40px;
	line-height:54px;
	margin-bottom:15px;
	font-weight:bold;
}
.slides_container a .text p:nth-child(2){
	font-size:18px;
	line-height:26px;
	word-break:keep-all;
}

.slides_container a img {
	display:block;
}

.pagination {
	position:absolute;
	bottom:100px;
	right:30px;
	margin:0px auto;
	
	margin-left:250px;
	z-index:500;
}

.pagination li {
	float:right;
	margin:5px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:20px;
	height:0px;
	padding-top:20px;
	background-image:url(/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -25px;
}
/* ¹è³Ê1 end */


/* ¹è³Ê2 */
#banner2 {
	width:400px;
	height:630px;
	position:relative;
}

#slides2 {
	position:absolute;
	top:0px;
	left:0px;
	z-index:51;
}
.slides_container2 {
	width:350px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container2 a {
	width:350px;
	height:630px;
	display:block;
}

.slides_container2 a img {
	display:block;
}

/* ¹è³Ê2 end */


/* ¸ÞÀκñÁÖ¾ó */
.sliderArrows a {
	display:block;
	text-indent:-9999px;
	outline:none;
	z-index:70;
	background-image:url(/img/btn_arrow_all.png );
	width:47px;
	height:86px;
	position:absolute;
	top:50%;
	margin-top:-47px;
}

.prev {
	background-position: 0 0;
	left: 15px;
}

.prev:hover {
	background-position: 0 -88px;
}

.next {
	right: 15px;
	background-position: -47px 0;
}

.next:hover {
	background-position: -47px -88px;
}

.sliderBullets {
	position:absolute; 
	left:50%;
	z-index:70;
	margin-left:-20px; 
	margin-top: 400px;
} 

.sliderBullets a {
	display:block;
	float:left;
	text-indent:-9999px;
	outline:none;
	margin-left:5px;
	width:12px;
	height:12px;
	background:url(/img/btn_circle_all.png) no-repeat;
}

.sliderBullets .active {
	background-position:0 -12px;
}

.sliderContent a {
	outline:none;
}



/* ¸ÞÀÎ ¸Þ´º */
#gnb { position:relative; width:100%; margin:0 auto; border:0px solid #333; }

#gnb > ul{ display:inline-block; width:1000px; height:95px; padding:0px; }
#gnb > ul li {float:left; margin-right:10px; height:95px; line-height:0px; font-size:16px; color:#ffffff; font-family:"NGothicB"; padding-top:43px; }
#gnb > ul li.mm1 {margin-left:320px;}
#gnb > ul li.mm2 {margin-left:43px;}
#gnb > ul li.mm3 {margin-left:43px;}
#gnb > ul li.mm4 {margin-left:43px;}
#gnb > ul li.mm5 {margin-left:43px;}
#gnb > ul li.mm6 {margin-left:43px;}
#gnb > ul li.mm7 {margin-left:35px;}
#gnb > ul li.mm8 {margin-left:35px;}
#gnb > ul li.mm9 {margin-left:38px;}

#gnb > ul li a { height:25px; overflow:hidden; color:#323232; }
#gnb > ul li a:hover  { color:#7bc130; }

/* ¸ÞÀÎ ÇÏÀ§ ¸Þ´º */
.snb { position:relative; width:100%; height:165px; display:none; padding-top:0px; overflow:hidden; background:url(/img/menu_bg.png) repeat; border-bottom:2px solid #2f2f2f; z-index:99999; }
.snb_wrap { position:relative; width:1000px; height:150px; margin:0 auto; }
.snb_wrap > ul { float:left; border:0px solid #333; }
.snb_wrap .snb1 { margin-left:320px; width:90px; text-align:left; padding-top:15px; }
.snb_wrap .snb2 { margin-left:24px; width:90px; text-align:left; padding-top:15px; }
.snb_wrap .snb3 { margin-left:25px; width:90px; text-align:left; padding-top:15px; }
.snb_wrap .snb4 { margin-left:25px; width:90px; text-align:left; padding-top:15px; }
.snb_wrap .snb5 { margin-left:20px; width:90px; text-align:left; padding-top:15px; }
.snb_wrap .snb6 { margin-left:20px; width:90px; text-align:left; padding-top:15px; }
.snb_wrap .snb7 { position:absolute; left:30px; padding-top:0px; bottom:0px; }
.snb_wrap .snb8 { margin-left:18px; width:90px; text-align:left; padding-top:15px; }
.snb_wrap .snb9 { margin-left:18px; width:90px; text-align:left; padding-top:15px; }

.snb_wrap > ul li {display:inline-block; width:100%; overflow:hidden; padding-bottom:5px; font-size:12px; font-family:"NGothicB"; }

.snb_wrap > ul li a {display:block; height:14px; color:#ffffff; }
.snb_wrap > ul li a:hover { color:#0ef7ff; }


	


.tb01{width:100%; border-top:5px solid #263372;}

.tb01 td{border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; 
	font-size:13px; padding:5px;
	width:auto!important;
	height:auto!important;
} 

.tb01 th{border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; 
	font-size:13px; padding:5px;
	width:auto!important;
	height:auto!important;
	background:#efefef;
	color:#000;
}