@font-face {
	font-family:NotoSans;
	font-weight:normal;
	src:url('/font/NotoSansKR-Light.woff') format('woff');
}

@font-face {
	font-family:NotoSans;
	font-weight:bold;
	src:url('/font/NotoSansKR-Regular.woff') format('woff');
}

@font-face {
	font-family:NotoSans;
	font-weight:800;
	src:url('/font/NotoSansKR-Medium.woff') format('woff');
}

 @font-face {
  font-family:NotoSans;
  font-weight:900;
  src:url('/font/NotoSansKR-Bold.woff') format('woff');
 }

*{margin:0; padding:0; font-family: NotoSans;}

body {font-size: 9pt; color: #777777;  
scrollbar-face-color:#ffffff;scrollbar-shadow-color:#E7DDC8;scrollbar-highlight-color:#E7DDC8;scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#E7DDC8;}
td {font-size: 9pt; color: #555555;  }
select {
	font-size: 9pt; color: #777777;  
}
input {
	font-size: 9pt; color: #000000;  
}
div {
	font-size: 9pt; color: #555555;  
}
form {``
	font-size: 9pt; color: #777777;  
}
textarea {
	font-size: 9pt; color: #777777;  
}
center {
	font-size: 9pt; color: #777777;  
}
option {
	font-size: 9pt; color: #777777;  
}
pre {
	font-size: 9pt; color: #777777;  
}
blockquote {
	font-size: 9pt; color: #777777;  
}
img {
	vertical-align:top; border-right: medium none; border-top: medium none; border-left: medium none; border-bottom: medium none
}
a:link {
	color: #393939; text-decoration: none
}
a:visited {
	color: #393939; text-decoration: none
}
a:active {
	color: #393939; text-decoration: none
}
a:hover {
	color: #666666; text-decoration: underline}
.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;  background-color: white
}
.input {
	border-right: #CBAF88 1px solid;
	border-top: #CBAF88 1px solid;
	font-size: 9pt;
	border-left: #CBAF88 1px solid;
	color: #000000;
	border-bottom: #CBAF88 1px solid;
	
	height: auto;
}
.submit {
	border-right: 1px solid; border-top: 1px solid; font-size: 9pt; border-left: 1px solid; color: white; border-bottom: 1px solid;  height: 19px; background-color: #999999}
.ver7 {
	font-size: 7pt; font-family: verdana
}

.main_menu_td{padding:0 20 0 20;font-weight:bold;color:#ffffff;font-family:dotum;font-size:14px};
.main_menu_link{color:#ffffff;font-weight:bold;}
.qm_link{width:160;}
.qm_link_t{color:#c0c0c0;}
.qm_link_m{color:#000090;}




.menu_button { margin:0 auto; width:100%; height:30px; background-color:#393939; padding-top:12px; padding-left:0px; text-align:center; }
.menu_button a:link { color:#FFF; font-size:14px; font-weight:bold; }
.menu_button a:hover { color:#FFF; font-size:14px; font-weight:bold; }
.menu_button a:visited { color:#FFF; font-size:14px; font-weight:bold; }

.scroll-list {
	margin:0 auto;
	background-color: #fff;
	width: 95%;
	overflow: hidden;
	line-height:18px;
	padding: 10px 0 ;
}

.scroll-list ul { float:left; width:14.2857%; }
.scroll-list li { list-style-type:none; margin-bottom:5px; }
.scroll-list li:last-child {margin-bottom:0px; }

.scroll-list a:link, .scroll-list a:visited, .scroll-list a:active { color:#666; font-size:12px; line-height:20px; text-decoration:none; font-weight:normal; }
.scroll-list a:hover { color:#4fae13; font-size:12px; line-height:20px; text-decoration:underline; font-weight:normal; }

.mt { color:#393939; font-size:15px; font-weight:bold; padding-bottom:5px; }







li{list-style: none}
.gnb {padding:0 10px; font-size:0px; height:35px; line-height:35px; z-index:9999; text-align:center; }
.gnb:after {clear:both; display:block; content:"";}
	.gnb > li{position: relative; z-index:999; display: inline-block; vertical-align: middle; margin-right:30px;  line-height:normal; text-align:center;}
  .gnb > li:last-child {margin-right:0px;}
		.gnb > li > a {display:inline-block; width:100%; font-size:14px; font-weight:800; color:#fff;}
		.gnb > li:last-child > a:after{display:none;}
		.gnb > li > a:hover{color:#ffee00; text-decoration:none;}

	.gnb > li .menu{display:none; width:160px; position:absolute; left:30%;  margin-left:-80px;  opacity:0; text-align: left;  padding-top: 15px; line-height:normal; }
	.gnb > li:hover .menu{display:block; animation: mymove_opa 1s forwards; z-index: 1;}

		.gnb > li .menu ul{background:rgba(81, 174, 6, 0.8); padding:5px 10px; border-radius:5px;}
		.gnb > li .menu > ul li{display:block; margin-bottom:5px;}
		.gnb > li .menu > ul li:last-child{margin-bottom:0px;}
			.gnb > li .menu > ul  li > a {display: block;  padding:2px 0px; color: #fff; font-weight:bold; font-size: 13px; cursor: pointer; word-break:keep-all;}
			.gnb > li .menu > ul  li a:hover{ color:#ffee00; }

	.gnb > li .menu:before{position:absolute; left:50%; margin-left:-10px; top:-5px;content:""; display:inline-block; width:0px; height:0px; border-style:solid; border-width:10px; border-color:transparent transparent rgba(81, 174, 6, 0.8) transparent;}


	@keyframes mymove_opa {
		from {opacity:0; left:30%;}
		to {opacity:1; left:50%;}
	}






	.clinic_list2{
		height:130px;
	}
	.clinic_list2 li{
		width:35px;
		margin-right:5px;
		float:left;
		height:100%;
		list-style:none;
		transition:width 0.3s;
	}
	.clinic_list2 li:last-child{
		border-right:0px solid #ccc;
	}
	.clinic_list2 li a{
		display:block;
		width:100%;
		height:100%;
	}
	.clinic_list2 li:nth-child(1){
		background:url(/img/list01.jpg) no-repeat;
	}
	.clinic_list2 li:nth-child(2){
		background:url(/img/list02.jpg) no-repeat;
	}
	.clinic_list2 li:nth-child(3){
		background:url(/img/list03.jpg) no-repeat;
	}
	.clinic_list2 li:nth-child(4){
		background:url(/img/list04.jpg) no-repeat;
	}

	.clinic_list2 li:nth-child(1).on{
		width:230px;
		background:url(/img/list01_h.jpg) no-repeat;
	}
	.clinic_list2 li:nth-child(2).on{
		width:230px;
		background:url(/img/list02_h.jpg) no-repeat;
	}
	.clinic_list2 li:nth-child(3).on{
		width:230px;
		background:url(/img/list03_h.jpg) no-repeat;
	}
	.clinic_list2 li:nth-child(4).on{
		width:230px;
		background:url(/img/list04_h.jpg) no-repeat;
	}



	
	.clinic_list{
		height:350px;
		width:680px;
		position:absolute;
		right:0px;
		top:0px;
	}
	.clinic_list li{
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		list-style:none;
		z-index:0;
		opacity:0;
		transition:opacity 1s;
	}

	.clinic_list li:nth-child(1){
		background:url(/img/main01.jpg) no-repeat right center;
	}
	.clinic_list li:nth-child(2){
		background:url(/img/main02.jpg) no-repeat right center;
	}

	.clinic_list li.on{
		z-index:1;
		opacity:1;
	}

	.clinic_list li a{
		width:100%;
		height:100%;
		display:block;
	}

	.button{position:absolute; left:50px; bottom:10px; font-size:10px;  z-index:3; width:81px; text-align:center; height:15px; line-height:15px;}
	.button li{position:absolute;  width:15px; height:15px; background:#efefef; border-radius:50%;}
	.button li.on{background:#51ae06;  color:#fff;}
	.button li:nth-child(1){left:0px; }
	.button li:nth-child(2){left:22px;}

	.text{position:absolute; left:50px; top:80px; text-align:left; z-index:99; font-weight:800;}
	.text p:nth-child(1){
		opacity:0;
		position:relative; left:-20px;
		animation: mymove_txt01	8s forwards;  
		animation-iteration-count: infinite; 
		font-size:24px; line-height:38px; margin-bottom:10px;}
		.text p:nth-child(1) span{font-size:40px; letter-spacing:-3px; color:#f90;}
	.text p:nth-child(2){
		opacity:0;
		position:relative; left:-20px;
		animation: mymove_txt01 8s forwards;  
		animation-iteration-count: infinite; 
		animation-delay:0.5s;
		font-size:24px;
		}


	@keyframes mymove_txt01 {
		0% {left:-20px;  opacity:0;}
		10% {left:-20px;  opacity:0;}
		20% {left:0px;  opacity:1;}
		30% {left:0px;  opacity:1;}
		40% {left:0px;  opacity:1;}
		50% {left:0px;  opacity:1;}
		60% {left:0px;  opacity:1;}
		70% {left:0px;  opacity:1;}
		80% {left:0px;  opacity:1;}
		90% {left:-20px;  opacity:0;}
		100% {left:-20px;  opacity:0;}
	}










	.sub_list{
		height:150px;
		width:670px;
		position:absolute;
		right:0px;
		top:0px;
	}
	.sub_list li{
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		list-style:none;
		z-index:0;
		opacity:0;
		transition:opacity 1s;
	}

	.sub_list li:nth-child(1){
		background:url(/img/sub01.jpg) no-repeat right center;
	}
	.sub_list li:nth-child(2){
		background:url(/img/sub02.jpg) no-repeat right center;
	}

	.sub_list li.on{
		z-index:1;
		opacity:1;
	}

	.sub_list li a{
		width:100%;
		height:100%;
		display:block;
	}

	.sub_text{position:absolute; left:40px; top:40px; text-align:left; z-index:99; font-weight:800;}
	.sub_text p:nth-child(1){
		opacity:0;
		position:relative; left:-20px;
		animation: mymove_txt01	8s forwards;  
		animation-iteration-count: infinite; 
		font-size:20px; line-height:30px; margin-bottom:0px;}
	.sub_text p:nth-child(1) span{font-size:34px; letter-spacing:-2px; color:#f90;}
	.sub_text p:nth-child(2){
		opacity:0;
		position:relative; left:-20px;
		animation: mymove_txt02 8s forwards;  
		animation-iteration-count: infinite; 
		animation-delay:0.5s;
		font-size:20px;
		}


	@keyframes mymove_txt02 {
		0% {left:-20px;  opacity:0;}
		10% {left:-20px;  opacity:0;}
		20% {left:0px;  opacity:1;}
		30% {left:0px;  opacity:1;}
		40% {left:0px;  opacity:1;}
		50% {left:0px;  opacity:1;}
		60% {left:0px;  opacity:1;}
		70% {left:0px;  opacity:1;}
		80% {left:0px;  opacity:1;}
		90% {left:-20px;  opacity:0;}
		100% {left:-20px;  opacity:0;}
	}









	.ni{vertical-align:middle;}




	.sm01{background:#efefef; text-align:left;}
		.sm01 a{font-size:12px; color:#393939; padding:8px 0 8px 35px; line-height:100%; display:inline-block; position:relative;}
		.sm01 a:before{position:absolute; content:""; width: 0px; left:20px; top:50%; margin-top:-2px;
  height: 0px;
  border-top: 2px solid transparent;
  border-left: 4px solid #48a000;
  border-bottom: 2px solid transparent;}
		.sm01 a:hover{text-decoration:none; color:#48a000;}