@charset "utf-8";

/* ----------------------------------------------------------------------------- */
/* 진료정보 */
/* ----------------------------------------------------------------------------- */

/*** 진료과안내 ***/

div.depth3																						{ margin:4em 0 2em 0; }
	div.depth3 ul li																			{ width:14%; text-align:center; float:left; }
		div.depth3 ul li a																		{ background:url('/images/medical/02departments_icon01.gif') no-repeat top center; padding-top:3em; display:block; }
		div.depth3 ul li a.active, div.depth3 ul li a:hover										{ background:url('/images/medical/02departments_icon01_over.gif') no-repeat top center; }
		div.depth3 ul li a.depth3_2																{ background-image:url('/images/medical/02departments_icon02.gif'); }
		div.depth3 ul li a.depth3_2.active, div.depth3 ul li a.depth3_2:hover					{ background-image:url('/images/medical/02departments_icon02_over.gif'); }
		div.depth3 ul li a.depth3_3																{ background-image:url('/images/medical/02departments_icon03.gif'); }
		div.depth3 ul li a.depth3_3.active, div.depth3 ul li a.depth3_3:hover					{ background-image:url('/images/medical/02departments_icon03_over.gif'); }
		div.depth3 ul li a.depth3_4																{ background-image:url('/images/medical/02departments_icon04.gif'); }
		div.depth3 ul li a.depth3_4.active, div.depth3 ul li a.depth3_4:hover					{ background-image:url('/images/medical/02departments_icon04_over.gif'); }
		div.depth3 ul li a.depth3_5																{ background-image:url('/images/medical/02departments_icon05.gif'); }
		div.depth3 ul li a.depth3_5.active, div.depth3 ul li a.depth3_5:hover					{ background-image:url('/images/medical/02departments_icon05_over.gif'); }
		div.depth3 ul li a.depth3_6																{ background-image:url('/images/medical/02departments_icon06.gif'); }
		div.depth3 ul li a.depth3_6.active, div.depth3 ul li a.depth3_6:hover					{ background-image:url('/images/medical/02departments_icon06_over.gif'); }
		div.depth3 ul li a.depth3_7																{ background-image:url('/images/medical/02departments_icon07.gif'); }
		div.depth3 ul li a.depth3_7.active, div.depth3 ul li a.depth3_7:hover					{ background-image:url('/images/medical/02departments_icon07_over.gif'); }
		div.depth3 ul li a.depth3_8																{ background-image:url('/images/medical/02departments_icon02.gif'); }
		div.depth3 ul li a.depth3_8.active, div.depth3 ul li a.depth3_8:hover					{ background-image:url('/images/medical/02departments_icon02_over.gif'); }
		div.depth3 ul li a.depth3_9																{ background-image:url('/images/medical/02departments_icon08.gif'); }
		div.depth3 ul li a.depth3_9.active, div.depth3 ul li a.depth3_9:hover					{ background-image:url('/images/medical/02departments_icon08_over.gif'); }

div.depth3_mobile																				{ display:none; }
	div.depth3_mobile select																	{ width:100%; font-size:1.1em; padding:1em .5em; }	

div.depth4																						{ margin:4em 0; }
	div.depth4 ul li																			{ width:50%; text-align:center; border:1px solid #d1d1d1; float:left; }
	div.depth4 ul li:first-child																{ border-right:none; }
		div.depth4 ul li a																		{ font-size:1.1em; padding:.8em 0; display:block; }
		div.depth4 ul li a.active, div.depth4 ul li a:hover										{ color:#fff; background:#4666a8; }

div.departments_info_title																		{ width:100%; position:absolute; top:55px; z-index:10; }
	div.departments_info_title ul																{ width:100%; float:right; }
		div.departments_info_title ul li														{ float:left; }
	.departments_info_img																		{ width:50%; height:80px; }
	.departments_info_txt																		{ width:50%; height:80px; color:#fff; line-height:80px; background-color:rgba(0,0,0,0.8); }
		.departments_info_txt span																{ font-size:1.8em; border-left:1px solid #fff; padding:0 1em; }

div.departments_info_cotent																		{ width:50%; height:300px; text-align:right; padding:150px 5em 0 0; background:url('/images/medical/01department_trans_bg.png'); float:right; }
	div.departments_info_cotent span															{ padding-left:2em; }
	div.departments_info_cotent span.tel														{ background:url('/images/medical/01department_01_icon_tel.png') no-repeat; }
	div.departments_info_cotent span.help														{ background:url('/images/medical/01department_01_icon_help.png') no-repeat; }

/*** 내과 ***/

div.depth3_1_title																				{ background:url('/images/medical/01department_01_bg.jpg') no-repeat; }
	div.depth3_1_title .departments_info_img													{ background:url('/images/medical/01department_01_icon_bg.png') no-repeat top right; }

/*** 신경과 ***/

div.depth3_2_title																				{ background:url('/images/medical/01department_02_bg.jpg') no-repeat; }
	div.depth3_2_title .departments_info_img													{ background:url('/images/medical/01department_02_icon_bg.png') no-repeat top right; }

/*** 신경외과 ***/

div.depth3_3_title																				{ background:url('/images/medical/01department_03_bg.jpg') no-repeat; }
	div.depth3_3_title .departments_info_img													{ background:url('/images/medical/01department_03_icon_bg.png') no-repeat top right; }

/*** 재활의학과 ***/

div.depth3_4_title																				{ background:url('/images/medical/01department_04_bg.jpg') no-repeat; }
	div.depth3_4_title .departments_info_img													{ background:url('/images/medical/01department_04_icon_bg.png') no-repeat top right; }

/*** 가정의학과 ***/

div.depth3_5_title																				{ background:url('/images/medical/01department_05_bg.jpg') no-repeat; }
	div.depth3_5_title .departments_info_img													{ background:url('/images/medical/01department_05_icon_bg.png') no-repeat top right; }

/*** 직업환경의학과 ***/

div.depth3_6_title																				{ background:url('/images/medical/01department_06_bg.jpg') no-repeat; }
	div.depth3_6_title .departments_info_img													{ background:url('/images/medical/01department_06_icon_bg.png') no-repeat top right; }

/*** 한방과***/

div.depth3_7_title																				{ background:url('/images/medical/01department_07_bg.jpg') no-repeat; }
	div.depth3_7_title .departments_info_img													{ background:url('/images/medical/01department_07_icon_bg.png') no-repeat top right; }

/*** 의료진안내 ***/

div.doctor_wrap																					{ padding:2em 0; border-bottom:1px solid #d1d1d1; }
div.doctor_wrap > div																			{ width:50%; float:left; }
	div.doctor_wrap div.doctor_content															{ padding-top:4em; }
	div.doctor_wrap dl																			{ padding-left:2em; margin-bottom:2em; }
		div.doctor_wrap dt																		{ font-family:'NanumSquareB'; color:#df2a00; padding-left:1.5em; background:url('/images/common/list_bullet.gif') no-repeat left center; }
			div.doctor_wrap dd p																{ text-align:right; }

span.diagnosis																					{ font-family:'NanumSquareB'; color:#003c97; }
span.closed																						{ font-family:'NanumSquareB'; color:#dc5824; }




/* ----------------------------- */
/* Responsive
/* -----------------------------
/* Layout Max Size : 1280px
/* Desktop Size	: 1024px < Screen <= 1300px
/* Tablet Size	: 1024px < Screen <= 640px
/* Mobile Size	: 640px < Screen 
/* ----------------------------- */


@media screen and ( max-width:1650px) {
	
}

@media screen and ( max-width:1280px) {
	
}


/*  Tablet */
@media screen and ( max-width:1024px) {




	
}

/* Mobile */
@media screen and ( max-width:767px) {


	/* ----------------------------------------------------------------------------- */
	/* 진료정보 */
	/* ----------------------------------------------------------------------------- */

	/*** 진료과안내 ***/

	div.depth3																					{ display:none; }
	div.depth3_mobile																			{ margin-top:4em; display:block; }

	div.depth3_title																			{ background-size:200%; }

	div.departments_info_title																	{ position:relative; top:0; }
		div.departments_info_title ul															{ width:100%; height:80px; background-color:rgba(0,0,0,1); }
		div.departments_info_title ul li														{ width:auto; display:block; }
		div.departments_info_title ul li.departments_info_img									{ width:80px; }

	div.departments_info_cotent																	{ width:100%; height:100%; text-align:left; padding:3em 1em; float:none; }

	div.depth4 ul li																			{ width:100%; float:none; }

	/*** 의료진안내 ***/

	div.doctor_wrap																				{ padding:2em 0; border-bottom:1px solid #d1d1d1; }
	div.doctor_wrap > div																		{ width:100%; float:none; }
		div.doctor_wrap dl																		{ padding-left:0; }

	div.doctor_wrap div.doctor_content															{ padding-top:1em; }

}