*{margin:0; padding:0;}
body {font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²;
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: #777777; line-height: 150%; font-family: ±¼¸²}
select {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
input {
	font-size: 9pt; color: #000000; line-height: 120%; font-family: ±¼¸²
}
div {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
form {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
textarea {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
center {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
option {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
pre {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
blockquote {
	font-size: 9pt; color: #777777; line-height: 150%; font-family: ±¼¸²
}
img {
	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: none}
.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; font-family: ±¼¸²; background-color: white
}
.input {
	border-right: #dedede 1px solid;
	border-top: #dedede 1px solid;
	font-size: 9pt;
	border-left: #dedede 1px solid;
	color: #000000;
	border-bottom: #dedede 1px solid;
	font-family: ±¼¸²;
	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;}





.gnb {position: absolute;; top:0px; right:0px; width:100%;  text-align:center; height:45px; background:url(/img/menu_bg.jpg) no-repeat center;  animation-delay:1s;}
 .gnb > li{position: relative; display: inline-block; margin-right:40px;}
 .gnb > li:last-child {margin-right:0px;}
	 .gnb > li > a {display:inline-block; width:100%; height:45px; font-size:12px; line-height:100%; box-sizing:border-box; padding-top:10px; color:#fff; font-weight: bold;}
		.gnb > li > a span{font-family: none; display:block; width:100%; font-size:10px; color:#fff; font-weight: normal;}
	 .gnb > li:nth-child(1) > a {}
	 .gnb > li > a:hover {color:#ffee00;}

 .gnb > li .menu {display:none; opacity:0; width:500px; text-align: left; z-index: 999;  position: absolute; line-height:normal; padding-top:10px; z-index: 0;}
 .gnb > li:nth-child(1) .menu{left:-40px; }
 .gnb > li:nth-child(2) .menu{left:-50px; }
 .gnb > li:nth-child(3) .menu{left:-20px;}
 .gnb > li:nth-child(4) .menu{left:-10px; }
 .gnb > li:nth-child(5) .menu{left:-30px; }
 .gnb > li:nth-child(6) .menu{left:-50px; }
 .gnb > li:hover .menu{display:block; animation: mymove3 0.5s forwards; z-index: 1;}
	 .menu > li{display: inline-block;}
		 .menu > li > a {display: block; padding:0 3px; color: #555; font-size: 11px; cursor: pointer; word-break:keep-all;}
		 .menu > li a:hover { color:#3166a8; }


.img01{position:absolute; left:50px; bottom:2px; width:500px; opacity:0; animation: mymove1 10s forwards;   animation-iteration-count: infinite; animation-delay:1s; }
.txt01{position:absolute; right:60px; top:40px;  opacity:0; animation: mymove2 10s forwards; animation-iteration-count: infinite;}
.img01_s{position:absolute; bottom:2px; width:320px; opacity:0; animation: mymove1_s 10s forwards;   animation-iteration-count: infinite;  }
.txt01_s{position:absolute; top:40px;  width:300px;  opacity:0; animation: mymove2_s 10s forwards; animation-iteration-count: infinite;}


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


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


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


	@keyframes mymove2_s {
		0% {left:70px;  opacity: 0;}
		10% {left:70px;  opacity: 0;}
		20% {left:70px;  opacity: 0;}
		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:70px;  opacity: 0;}
		100% {left:70px;  opacity: 0;}
	}

	@keyframes mymove3{
		from {top: 50px; opacity: 0}
		to {top: 45px; opacity: 1}
	}





	.clinic_list{
		height:120px;
	}
	.clinic_list li{
		width:59px;
		border-right:1px solid #ccc;
		float:left;
		height:100%;
		list-style:none;
		transition:width 0.3s;
	}
	.clinic_list li:last-child{
		border-right:0px solid #ccc;
	}
	.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{
		width:169px;
		background:url(/img/list01_h.jpg) no-repeat;
	}
	.clinic_list li:nth-child(2).on{
		width:169px;
		background:url(/img/list02_h.jpg) no-repeat;
	}
	.clinic_list li:nth-child(3).on{
		width:169px;
		background:url(/img/list03_h.jpg) no-repeat;
	}
	.clinic_list li:nth-child(4).on{
		width:169px;
		background:url(/img/list04_h.jpg) no-repeat;
	}







/* submenu */

.title{position:absolute; width:190px; text-align:center; right:30px; top:-50px; color:#393939; font-weight: 800; font-size:19px;}
.sm_box{border-bottom: 1px solid #ae0c09; border-top: 1px solid #ae0c09; padding: 10px 0;}
.sm01{ font-weight: normal; font-size:12px; text-align:left; padding-left: 10px; margin-bottom: 5px;}
.sm01:last-child{ margin-bottom: 0px;}
 .sm01 a{color:#393939;}
 .sm01 a:before{content:""; display:inline-block; width:5px; height:5px; border:2px solid #346db0; border-radius:50%; margin-right:5px;}
 .sm01 a:hover{color:#346db0;}