@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: #333333; text-decoration: none
}
a:visited {
	color: #333333; text-decoration: none
}
a:active {
	color: #333333; 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;}



li{list-style: none}
.gnb {padding:20px 20px 0; font-size:0px;  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:25%; line-height:normal; text-align:center;}
  .gnb > li:last-child {margin-right:0px;}
		.gnb > li > a {display:inline-block; height:35px; line-height:35px; width:100%; font-size:18px; font-weight:800; color:#393939;}
		.gnb > li:last-child > a:after{display:none;}
			.gnb > li > a span{display:block; font-size:10px; color:#cef2ff; font-weight:normal;}
		.gnb > li > a:hover{color:#d45582; text-decoration:none;}

	.gnb > li .menu{display:none; width:100%; position:absolute;  width:100%; opacity:0; text-align: left;  padding-top: 10px; line-height:normal; }
	.gnb > li:hover .menu{display:block; animation: mymove_opa 1s forwards; z-index: 1;}
		.gnb > li .menu ul{background:rgba(119,150,14,0.9); padding:6px 5px; border-radius:5px;}
		.gnb > li .menu > ul li{display:block; margin-bottom:5px;}
			.gnb > li .menu > ul  li > a {display: block;  padding:3px 0px; color: #fff; font-weight:bold; font-size: 14px; cursor: pointer; word-break:keep-all;}
			.gnb > li .menu > ul  li a:hover{ color:#ffee00; }

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



@keyframes mymove_opa {
	from {opacity:0; left:-20px;}
	to {opacity:1; left:0px;}
}


.main{
  position: relative;
  z-index: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}



.pulse {
  z-index:2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
}

.pulse > div {
position: absolute;
z-index: 2;
top: 0;
width: 100%;
height: 100%;
background: #ff5154;
border-radius: 50%;
transform: scale(0);
opacity: 0;
transform-origin: 50% 50%;
animation: pulse 8s 1s cubic-bezier(0.5, 0.5, 0, 1);
animation-iteration-count: infinite;
}
.pulse > div:nth-child(2) {
  background:#7fc6a4;
  animation: pulse 8s 1.75s cubic-bezier(0.5, 0.5, 0, 1);
  animation-iteration-count: infinite;
}
.pulse > div:nth-child(3) {
  background: #e5f77d;
  animation: pulse 8s 2.5s cubic-bezier(0.5, 0.5, 0, 1);
  animation-iteration-count: infinite;
}


@keyframes pulse {
  0% {
    opacity: 0.4;
  }
  25% {
    transform: scale(1.0);
  }
  50% {
    opacity: 0;
	
  }
  75% {
    transform: scale(0);
  }

}



.main p:nth-of-type(1){ text-align:center; position:relative; opacity:0; left:0; animation: main_img01 8s forwards; animation-delay:1s; animation-iteration-count: infinite; font-size:36px; line-height:40px; font-weight:bold; margin-top:125px; margin-bottom:10px; color:#393939; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.main p:nth-of-type(2){ text-align:center; position:relative; opacity:0; left:0; animation: main_img01 8s forwards; animation-delay:2s; animation-iteration-count: infinite;  font-size:22px;  color:#d75f89;}

@keyframes main_img01{
  0% {
    left:-20px;  opacity:0;
  }
  25% {
    left:0px;  opacity:1;
  }
  50% {
	 left:0px;  opacity:1;
  }
  75% {
     left:-20px;  opacity:0;
  }

}
.sub{box-sizing:border-box; padding-top:15px;}
.sub p:nth-of-type(1){ text-align:center; position:relative; opacity:0; left:0;  animation: sub_img01 8s forwards; animation-delay:1s; animation-iteration-count: infinite; font-size:24px; line-height:30px; font-weight:bold; margin-top:0px; margin-bottom:5px; color:#393939; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.sub p:nth-of-type(2){ text-align:center; position:relative; opacity:0; left:0;  animation: sub_img01 8s forwards; animation-delay:2s; animation-iteration-count: infinite;  font-size:22px;  color:#d75f89;}

@keyframes sub_img01{
  0% {
    left:80px;  opacity:0;
  }
  25% {
    left:100px;  opacity:1;
  }
  50% {
	 left:100px;  opacity:1;
  }
  75% {
     left:80px;  opacity:0;
  }

}




.header{height:100%; padding-top:80px; box-sizing:border-box; background:url(/img/header01.jpg) no-repeat center; background-size:cover;}
	.header p:nth-child(1){opacity:0; animation: header 10s forwards;     animation-iteration-count: infinite; position:relative; text-align:center; font-size:32px; font-weight:bold; color:#689898; }
	.header p:nth-child(2){opacity:0; animation: header 10s forwards; animation-delay:1s; animation-iteration-count: infinite;  position:relative; text-align:center; font-size:18px;  color:#3e7f80;}



@keyframes header{
	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{padding:30px 5px 0;  box-sizing:border-box;}
	.clinic .img_box{
		position:relative; 
		width:197px; height:91px;  margin:0 auto 5px;
		overflow:hidden;  
	}
	.clinic .img_box ul{
		transform: translate3d(0px, 0px, 0px);
		transition: all 0.3s;
	}


	.clinic .button{font-size:0px;}
	.clinic .button li{display:inline-block; width:calc((100% - 2px)/2); margin-bottom:2px;}
	.clinic .button li:nth-child(2){margin-right:2px;}
	.clinic .button li:nth-child(4){margin-right:2px;}
	.clinic .button li:nth-child(6){margin-right:2px;}
	.clinic .button li:nth-child(8){margin-right:2px;}
		.clinic .button li a{display:inline-block; font-size:12px; text-align:center; width:100%; background:#efefef; color:#555; padding:1px 0;}
	.clinic .button li.on a{background:#d75f89; color:#fff;}
	.clinic .button li:nth-child(1){width:100%;}



	.sub_list{
		height:150px;
		width:650px;
		position:relative;
	}
	.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 center;
	}
	.sub_list li:nth-child(2){
		background:url(/img/sub02.jpg) no-repeat center;
	}

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




	.txt01{position:absolute; z-index:11;  opacity:0; left:50px; top:40px; animation: mymove_txt01 8s forwards;     animation-iteration-count: infinite; }



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





	.ni{vertical-align:middle;}



	.sm01{background:#efefef;}
		.sm01 a{font-size:12px; 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 #393939;
  border-bottom: 2px solid transparent;}
		.sm01 a:hover{text-decoration:none; color:#d45582;}