@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:0 20px; 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:16.6666%; 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:14px; font-weight:800; color:#fff;}
		.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:#ffee00; 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(44,44,44,0.8); padding:6px 5px; border-radius:5px;}
		.gnb > li .menu > ul li{display:block;}
			.gnb > li .menu > ul  li > a {display: block;  padding:3px 0px; color: #fff; font-weight:bold; font-size: 12px; 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(44,44,44,0.8) transparent;}



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



.main_quick .link span{opacity:0;}
.main_quick .link:hover span{opacity:1;}
.main_quick .monitor p{
	animation: monitor01 12s forwards;
    animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes monitor01{
	0% {left:100px; }
	100% {left:-500px;}
}




.main_img p:nth-of-type(1){position:absolute; opacity:0; animation: main_img01 10s forwards; animation-iteration-count: infinite; top:20px; font-size:26px; font-weight:bold; padding-left:20px; color:#393939;}
.main_img p:nth-of-type(2){position:absolute; opacity:0; animation: main_img01 10s forwards; animation-delay:1s; animation-iteration-count: infinite;  top:62px; font-size:18px;  color:#393939;}
@keyframes main_img01{
	0% {left:-80px;  opacity:0;}
	10% {left:-80px;  opacity:0;}
	20% {left:-60px;  opacity:1;}
	30% {left:-60px;  opacity:1;}
	40% {left:-60px;  opacity:1;}
	50% {left:-60px;  opacity:1;}
	60% {left:-60px;  opacity:1;}
	70% {left:-60px;  opacity:1;}
	80% {left:-60px;  opacity:1;}
	90% {left:-80px;  opacity:0;}
	100% {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_list{
		height:470px;
		width:430px;
		position:relative;
	}
	.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/bg01.jpg) no-repeat center;
	}
	.clinic_list li:nth-child(2){
		background:url(/img/bg02.jpg) no-repeat center;
	}

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


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



	.button{position:absolute; left:30px; top:20px; 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:#ccc; border-radius:50%;}
	.button li.on{background:#fbc637;}
	.button li:nth-child(1){left:0px; }
	.button li:nth-child(2){left:22px;}
	.button li:nth-child(3){left:44px;}
	.button li:nth-child(4){right:0px;}











	.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:#0080f8;}