::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

/* 초기화 */
@-ms-viewport {
  width: device-width;
}
html, body, form, div, p, dl, dt, dd, ul, ol, li, h1 {
	border: 0;
	margin: 0;
	// padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	th {
		vertical-align: middle !important;
		text-align: center !important;;
	}
}

input {
	margin: 0;
}

a img {
	border: 0;
}

 
/* COMMMON */
textarea {
	resize:none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	margin: 0;
}

/* site */
@main-color: #fff;
@text-color : #424242;
@url: '/resources/img/site/';
@container: 100%;
@side: 205px;
@bg-color: #fff;
@font-size: 13px;


input, select, label { font-size: @font-size; }

select {
	width: 100%;
}

html {
	overflow-y: scroll;
	background: @bg-color;
	height: 100%;
}

body {
	font-family: '나눔고딕',NanumGothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important;
	line-height: normal;
	font-size: @font-size;
	min-width: @container;
	color: @text-color;
	background: #fff;
}
p {
	line-height: 20px;
}

/* loop default */
.mp-loop(0,5,100);

.mp-loop(@start,@step,@max) when (@start =< @max) {
	.mt@{start} {
		margin-top:(@start * 1px);
	}
	.mr@{start} {
		margin-right:(@start * 1px);
	}
	.mb@{start} {
		margin-bottom:(@start * 1px);
	}
	.ml@{start} {
		margin-left:(@start * 1px);
	}
	
	.pt@{start} {
		padding-top:(@start * 1px);
	}
	.pr@{start} {
		padding-right:(@start * 1px);
	}
	.pb@{start} {
		padding-bottom:(@start * 1px);
	}
	.pl@{start} {
		padding-left:(@start * 1px);
	}
	
	.mp-loop((@start + @step),@step,@max);
}

.container {  
	width: @container !important;
	height: 100%;
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;	
}

.content {
	clear: both;
	overflow: hidden; 
}

.row-fluid [class*="span"] {
	min-height: 22px !important;
}
#mobile_header {
	z-index: 1041;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
	padding-top: 3px;
	background: #ffffff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	.m_logo {
		overflow: hidden;
		position: relative;
		padding: 5px;
		height: 100%;
	}
	.header_right {
		position: absolute;
		top: 0px;
		right: 0px;
		height: 59px;
		width:  50px;
		padding: 5px;
		border-left: 1px #ccc solid;
	}
}



.bx-wrapper {
  position:relative;
  .bx-controls.bx-has-pager {
	position:absolute;
	bottom:10px;
	left:10px;
	.bx-pager.bx-default-pager {
	  /*overflow:hidden;*/
	  .bx-pager-item {
		float:left;
		margin-left:5px;
	  }
	}
  }
}
/* MAIN */
#mobile_body { //모바일에서 서브메뉴 눌렀을때, body통째로 밀리고 닫히는거처럼 보이게
	background: #fff;
	overflow: hidden;
	ul {
		list-style: none; 
	}
}

.cd-main-content {
	background: #fff;
}
#cd-menu-trigger {
	border-right: 1px solid #ccc;
}

.banner_ul {
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	&>li {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		list-style: none;
		padding: 10px;
		text-align: center;
		width: 25%;
		float: left;
		overflow: hidden;
		background: #f5f5f5;
	}
	&>li.bottom_l { 
		border-bottom: 1px solid #ccc; 
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	&>li.right_l { 
		border-right: 1px solid #ccc; 
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
}


.section_3rd {
	position: relative;
	overflow: hidden;
	.left_section {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		overflow: hidden;
		// border: 1px solid red;
		width: 50%;
		float: left;
		.left_section_item01 {
			overflow: hidden;
			width: 100%;
			background: #0ba9cc;
			text-align: left;
			padding-left: 10px;
			line-height: 30px;
			font-size: 15px;
			a {
				color: #fff;
				text-decoration: none;
			}
		}
		.left_section_item02 {
			text-align: center;
			float: left;
			width: 100%;
			ul.notice {
				li {
					margin: 10px 0;
					text-align: left;
					padding: 0 10px;
				}
				li span.title {
					width: 100%;
					a {
						color: #787878;
						font-size: 12px;
						text-decoration: none;
					}
				}
				li span.date {
					a {
						color: #a8a8a8;
						font-size: 10px;
						text-decoration: none;
					}
				}
			}
		}
		.left_section_item03 {
			width: 100%;			
			float: left;
			overflow: hidden;
			background: #ffffff;
			color: #000000;
			text-align: right;
			padding-left: 10px;
			line-height: 30px;
			font-size: 12px;
			border-right: 1px solid #ccc;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}
	}
	.right_section {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		overflow: hidden;
		// border: 1px solid #000;
		width: 50%;
		float: right;
		
		.banner_list_2 {
			overflow: hidden;			
			&>li {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				list-style: none;
				width: 100%;
				min-height: 100px;
				float: left;
				overflow: hidden;
				display: table;
				padding: 0 10px;
			}
			&>li.item_01 { 
				background: #dcecef;
				text-align: left;
				a {
					display: table-cell;
					vertical-align: middle;
				}
			}
			&>li.item_02 { 
				background: #9d9d9d; 
				text-align: center;
				border-bottom: 1px solid #9d9d9d; 
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				a {
					display: table-cell;
					vertical-align: middle;
				}
			}
		}
	}
}



/*SUB*/
.sub_visual {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.sub_title {
	h2 {
		font-size: 20px;
		color: #2c2c2c;
		font-weight: bold;
	}
}

.pink {
	color: #b72842;
}
.red {
	color: #ff0000;
}

#center_section {
	.title {
		margin: 10px 20px 10px 20px;
		font-weight: bold;
		h3 {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 20px;
		}
		span.num {
			background: #b72842;
			padding: 2px 5px;
			color: #fff;
			border-radius: 3px;
		}
	}		
	.box {
		background: #f1f1f1;
		margin: 20px;
		padding: 15px;
	}
}
#guide_section {
	margin: 0 20px 20px 20px;
	h3 {
		font-size: 14px;
		font-weight: bold;
		color: #000;
	}
}

#hankook_section {
	margin: 0 20px 20px 20px;
	.title {
		font-size: 16px;
		font-weight: bold;
		span.addr {
			font-size: 13px;
		}
	}
	h3 {
		font-size: 14px;
		font-weight: bold;
	}
}

#medical_section {
	margin: 0 20px 20px 20px;
	#medical_desc {
		h3 {
			font-size: 16px;
			font-weight: bold;
		}
		h4 {
			font-size: 14px;
			font-weight: bold;
			color: #000;
		}
		.medical_major {
			p {
				line-height: 20px;
				color: #787878;
				font-size: 0.9em;
				span.tag {
					color: #fff;
					background: #b72842;
					padding: 3px;
					border-radius: 3px;
				}
			}
		}
	}
}

ul.gallery_list  {
	li.first {
		border-top: 0;
	}
}

ul.m_gallery_list {
	.img_item {
		padding: 5px;
		border: 1px solid #e1e1e1;
	}
	li {
		p {
			color: #a26b53;
			font-size: 1.1em;
		}
	}
}

ul.comment_list {
	li.item {
		text-align: left;
		float: none;
	}
}

/*FOOTER*/
#mobile_footer {
	padding: 10px 0;
	line-height:20px;
	color: #fff;
	font-size:12px;
	background: #4d4d4d;
	span.admin_login a {
		text-decoration: none;
		color: #ccc;
	}
	.footer_right {
		margin-top: 10px;
		select { 
			width: 150px;
			margin-right: 5px;
		}
	}
}

.modal {
	width: 90%;
	left: 5%;
	margin-left: 0;			
}


.bbs_title_img {
	display: none;
}
.bbs_list {
	width: 100%;
	overflow: hidden;
	li {
		padding-left: 5px;
		padding-bottom: 10px;
		margin: 10px 20px;
		font-size: 1em;
		line-height: 1.6;
		border-bottom: 1px solid #eeeeee;
		.title {
			
		}
		.desc {
			color: #7d7d7d;
		}
		a {
			color: #00728B !important;
		}
	}
}

.bbs_head {
	text-align: center;
	font-size: 1.6em;
	margin-top: 20px;
}

.bbs_mb_info {
  color: #969696;
  padding: 10px 0 20px 0;
  margin-bottom: 20px;
  text-align: center;
  border-bottom: solid 1px #c6c6c6;

  /*color: #505050;*/
}

/* 의료진 소개 css 영역 */
#medical_section #medical_desc .medical_major p {margin-bottom:15px;}