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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');


*{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; font-family: ±¼¸²; 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;}




li{list-style: none}
.gnb {padding:0 30px; margin-top: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; width:20%; height:35px; line-height:35px; 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(230, 154, 111, 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:-15px;content:""; display:inline-block; width:0px; height:0px; border-style:solid; border-width:15px; border-color:transparent transparent rgba(230, 154, 111, 0.8) transparent;}


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





	.main{position:relative;}
		.main ul{
			z-index:10; position:absolute; right:0; bottom:0px; } 
			.main ul li{position:absolute;  right:0; bottom:0px;}
				.main ul li a img{vertical-align:top;}
			.main ul li:nth-of-type(1){
				opacity:0;
				animation: mymove_bg01 11s forwards;  
				animation-iteration-count: infinite; 
			} 

			.main ul li:nth-of-type(2){
				opacity:0;
				animation: mymove_bg02 11s forwards;  
				animation-iteration-count: infinite; 
			} 


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

		@keyframes mymove_bg02 {
			0% {opacity:0;}
			10% {opacity:0;}
			20% {opacity:0;}
			30% {opacity:0;}
			40% {opacity:0;}
			50% {opacity:0;}
			60% {opacity:1;}
			70% {opacity:1;}
			80% {opacity:1;}
			90% {opacity:1;}
			100% {opacity:0;}
		}
		
		.main p{
			z-index:11;
			opacity:0;
			position:absolute; left:-20px; top:180px;
			padding-left:40px; 
			text-align:left;
			font-size:40px;
			line-height:40px; 

			font-family: 'Nanum Pen Script', cursive;
		}

		.main p span{
		font-family: 'Nanum Pen Script', cursive;
		color:#e69a0b;
		
		}


		.main p:nth-of-type(1){
			animation: mymove_txt01	11s forwards;  
			animation-iteration-count: infinite; 
		} 

		.main p:nth-of-type(2){
			animation: mymove_txt02	11s forwards;  
			animation-iteration-count: infinite;  text-align:left;
		} 


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


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


	.sub{position:relative;}
			


		.sub p{
		font-family: 'Nanum Pen Script', cursive;
		text-align:left;
		}
		.sub p:nth-of-type(1){
		opacity:0;
		position:relative; left:-20px;
		animation: mymove_txt03	8s forwards;  
		animation-iteration-count: infinite; 
		padding:40px 0 0px 300px; width:100%;
		font-size:40px;
		line-height:50px;
		color:#e69a0b;
		} 
		.sub p:nth-of-type(2){
		opacity:0;
		position:relative; left:-20px;
		animation: mymove_txt03	8s forwards;  
		animation-iteration-count: infinite; 
		padding-left:300px;
		animation-delay:0.5s;
		width:100%;
		font-size:50px;
		line-height:50px;
		
		} 
		.sub p:nth-of-type(2) img{width:20%;}


	@keyframes mymove_txt03 {
		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;}
	}














	.clinic_list{
		width:270px;
	}
	.clinic_list li{
		width:100%;
		height:30px;
		border-bottom:6px solid #fcf9f2;
		list-style:none;
		transition:height 0.3s;
	}
	.clinic_list li:last-child{
		border-bottom:0px solid #fcf9f2;
	}
	.clinic_list li a{
		display:block;
		width:100%;
		height:100%;
	}

	.clinic_list li:nth-child(1){
		background:url(/img/list01.jpg) no-repeat;
	}
	.clinic_list li:nth-child(2){
		background:url(/img/list02.jpg) no-repeat;
	}
	.clinic_list li:nth-child(3){
		background:url(/img/list03.jpg) no-repeat;
	}
	.clinic_list li:nth-child(4){
		background:url(/img/list04.jpg) no-repeat;
	}

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





















	.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;}